Веб-дизайн: основы хорошей корзины покупок

Веб-дизайн: основы хорошей корзины покупок - манекены

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

Чтобы максимизировать продажи, лучше придерживаться обычных пользовательских интерфейсов.

Конструкция корзины быстрого просмотра

Небольшая ссылка в заголовке вашего сайта (в правом верхнем углу - соглашение), в котором говорится, что «корзина покупок» недостаточно. Лучше хотя бы показать количество предметов в корзине. Визуальное лечение, такое как дизайн маленькой сумки или значок, поможет пользователям найти корзину, средства для покупки предметов и посмотреть, сколько предметов они уже отложили. Когда пользователь нажимает на корзину быстрого просмотра, обычно открывается небольшое окно и отображает сводку элементов (отсюда и название «быстрый просмотр»). Пользователь может щелкнуть за окном, чтобы закрыть его, продолжить покупку или нажать кнопку «Оформить покупку», чтобы продолжить покупку. Часто в окне быстрого просмотра есть дополнительные полезные элементы, такие как ссылка на обслуживание клиентов, номер телефона и значки для типов принятых платежей. Еще одно приятное прикосновение - предоставить пользователю возможность взглянуть на общую сумму в ответ на поворот указателя мыши над корзиной быстрого просмотра в заголовке.

Кредит: © Bath & Body Works Direct, Inc. Сайты электронной коммерции, такие как Bath and Body Works, часто имеют корзину быстрого просмотра, расположенную в верхней части заголовка веб-сайта.

Кредит: © LUSH Северная Америка. Корзина с быстрым просмотром, такая как эта в верхнем правом углу сайта Lush, получает свое имя из небольшого окна предварительного просмотра, которое открывается, когда пользователь нажимает на него.

кредит: © LUSH Северная Америка. Дизайн Lush Quick View отображает общую стоимость, когда пользователь набрасывает указатель мыши над ним.

Дизайн страницы корзины

Когда пользователь готов проверить и нажимает ссылку в корзине быстрого просмотра, следующая страница, которая появляется, является страницей специализированной корзины покупок. На этой странице отображается сводка всех элементов, присутствующих в корзине. Лучшая практика заключается в том, чтобы показать визуальное представление всех этих элементов (изображения должны быть интерактивными и вернуть пользователя на соответствующие страницы подробностей) - и дать пользователю возможность отредактировать количество или удалить элемент. Другим полезным элементом для включения является калькулятор доставки рядом с промежуточным итогом.Доставка часто является огромным препятствием для пользователей, потому что они удивляются, сколько это стоит; лучше всего дать оценку на раннем этапе процесса. Многие розничные продавцы предлагают стимулы для доставки, чтобы помочь коаксиальным покупателям через этот барьер.

Кроме того, если вы предлагаете продвижение по службе, страница корзины покупок - отличное место, чтобы пользователи могли видеть, какую скидку они имеют. Предложите поле для продвижения по службе рядом с промежуточным итогом вместе с калькулятором доставки, чтобы пользователи могли понять, какие фактические затраты им придется заплатить.

Предлагая различные варианты оплаты, это еще одна хорошая тактика, помогающая пользователям перехватывать процесс оформления заказа. Многие компании позволяют вам оплачивать PayPal в дополнение к кредитной карте. Цель состоит в том, чтобы предоставить пользователю максимально полную информацию о стоимости и продемонстрировать гибкость платежей, чтобы они чувствовали себя комфортно, проводя проверку.

Кредит: © AEO Management Co. Страница корзины American Eagle Outfitters предлагает графическое представление ваших товаров и средство для ввода вашего промокода.

Как только вы нажмете кнопку «Оформить покупку», чтобы продолжить покупку, многие компании электронной коммерции предоставляют два пути: вы можете либо действовать как гость, либо войти в систему и действовать как зарегистрированный. Идея входа в систему перед продолжением заключается в том, что веб-сайт может предварительно заполнять информационные поля (имя, адрес и т. Д.) Данными, которые он имеет для файла, что делает проверку более быстрым процессом.

Все, чего вы хотите избежать любой ценой, - это принуждение пользователей к регистрации перед тем, как продолжить проверку. Это верный способ потерять клиентов. Всегда предоставляйте вариант проверки гостей. Во время проверки вы в конечном итоге захватываете большую часть данных, которые вам необходимо зарегистрировать этих пользователей, так что, если регистрация является вашей целью, вы можете дать людям возможность добавить пароль в конце проверки, а voilá у вас есть новый зарегистрированный пользователь.

Кредит: © AEO Management Co. Хорошие сайты электронной торговли позволяют пользователям проверять либо путем входа в систему, либо путем продолжения работы в качестве гостя.