Обучение владельцев
Интернет-магазинов

Стать участником
и получить книгу «Как преодолеть
кризис роста Интернет-магазина?»

Как создать корзину в Интернет-магазине?

Как сделать корзину Интернет-магазина? И какие вообще есть требования по юзабилити к корзине Интернет-магазина? Давайте разберемся с этим вопросом.

Требования к корзине Интернет-магазина

Первое и главное требование к корзине Интернет-магазина – корзина должна быть очень явным и заметным блоком на любой странице сайта вашего Интернет-магазина. Стандартом де-факто является, что блок корзины размещается в правом верхнем углу сайта Интернет-магазина. Сейчас в связи с активным внедрением мобильных технологий и каких-то новых стандартов бывают корзины, которые реализуются в виде строчки нижнего меню, т.е. ползущая полоска, где панель управления, как правило, есть еще форма подписки на рассылку, и здесь достаточно явно подается наша корзина. Такой вариант тоже возможен. Но жесткого правила размещать корзину в правом верхнем углу нет, это, что называется, классика жанра – посмотрите любые топовые Интернет-магазины – у всех корзина в верхнем правом углу, у подавляющего большинства. Соответственно, стандарты юзабилити задают, конечно, топовые Интернет-магазины, нужно просто этим стандартам следовать.

Но самое главное, если вы хотите в какое-то особенное место перенести корзину, чтобы она была явно видна и заметна.

Второй момент, касающийся корзины Интернет-магазина – при добавлении товара в корзину должны происходить видимые изменения с блоком корзины. Допустим, есть какой-то значок корзинки, если мы добавляем товар в корзину, здесь должно меняться количество товаров, сумма, соответственно, тоже должна меняться. Корзина динамически меняется по мере добавления в нее товаров. Т.е. корзина не может быть статической картинкой, в блоке корзины должно отображаться ее текущее состояние.

Есть такая история, что не очень хорошо для пустой корзины писать «ваша корзина пуста», лучше, как минимум, написать «ваша корзина пока пуста» или «добавьте что-нибудь в вашу корзину». Можно и так написать, но мораль этой басни в том, что даже пустая корзина должна быть явным блоком и должно быть четко подано, что в данный момент она пуста и ее можно пополнять.

Юзабилити корзины Интернет-магазина

Как правило, под корзинкой неплохо размещать еще ссылочку на оформление заказа, если в Интернет-магазине страница корзины сама по себе не является страницей оформления заказа. В моем понимании, в моей системе и как в моих проектах это происходит, страница оформления заказа – это отдельная страница, где заполняются поля с контактными данными, а страница корзины – это страница, на которой отображаются товары, и, если мы уже перешли непосредственно к странице самой корзины, то на странице корзины должны быть предусмотрены возможности для манипуляций с составом товаров в вашей корзине, т.е. должна быть возможность изменить количество, изменить характеристику товаров, удалить товар из корзины. Естественно, все товары должны отображаться в виде ссылок, чтобы всегда можно было открыть товар, который у вас находится в корзине.

Еще один немаловажный момент – корзина у нас отображается на всех страницах нашего сайта. И вот такое еще важное правило касательно юзабилити корзины – неважно, на карточке товара (там, допустим, есть кнопочка «купить» или «положить в корзину») или в каталоге, если мы нажимаем на кнопку «купить» или «положить в корзину», должно происходить явное оповещение пользователя о том, что товар добавлен в корзину. Самый простой вариант – нажали «добавить», перезагрузилась страница, в блоке изменилось количество и какое-то выскочило оповещение, что товар добавлен в корзину. Это не оптимальный вариант – перезагрузка страницы, время, современный пользователь сейчас очень придирчив к времени работы с сайтом. Соответственно, самый оптимальный вариант – нажали на кнопочку, у нас сработал так называемый прелоадер, анимация, и у нас кнопка «в корзину» поменялась на «добавлено». И, соответственно, без перезагрузки страницы при помощи технологии Ajax, здесь двоечка поменялась на троечку, поменялась сумма товаров в корзине. Т.е. все происходит динамически, без перезагрузки страницы.

Вот такие основные требования к юзабилити корзины. Более подробно юзабилити Интернет-магазина, и в том числе корзины Интернет-магазина я рассматриваю в своем видеокурсе «Интернет-магазин с нуля». Это с точки зрения подачи для новичков. Приобрести этот видеокурс можно на сайте моего проекта Bondar.guru.

Понравилось? Поделитесь с друзьями!

Чтобы оставить комментарий, войдите или зарегистрируйтесь
Подпишись на бесплатную рассылку
«Главные ошибки владельца Интернет-магазина».


Вы сможете легко обойти все опасные ловушки. Всего не менее двадцати писем с жизненными ситуациями владельца Интернет-магазина! Без спама и с возможностью отписаться в любой момент. Подробнее о рассылке

О проекте:

Сайт №1 для владельцев Интернет-магазинов. Полезная информация, статьи, видео об открытии и развитии Интернет-магазина от реального практика электронной коммерции. Зарегистрируйтесь и получите доступ ко всем БЕСПЛАТНЫМ материалам сайта.

Контакты:

Мы всегда рады вашему звонку и
ответим на любые вопросы по
телефону 8-800-333-0558 в рабочее
время с 10:00 до 19:00.

Также вы можете написать нам
по адресу: office@bondar.guru

Я не могу войти

Регистрация

Назад

Назад

Спасибо!

Наш менеджер свяжется с Вами
в ближайшее время