Проектирование корзины для интернет магазина

Проектирование корзины

Для начала определимся с задачей для страницы корзина.

Как ходят люди

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

Назначение корзины

В некоторых случаях интернет магазины использут только всплывающее окно, вместо статической страницы. Список возможностей корзины в сравнительной таблице для статической страницы и всплывающего окна приведен ниже:

Список возможностей и содержимого корзины в сравнительной таблице

Рассмотрим полноценную страницу корзины с описанием ее основных элементов.

Пример статической страницы корзины с набором необходимого функционала и содержимого

Рассмотрим вариант с выпадающим окном, который не исключает а поддерживает основную страницу корзины и доступен с любой страницы сайта.

Всплывающее окно для корзины

Остается вопрос иерархии, который включает в себя композиционные и цветовые решения, помогающие пользователю не сбиться с пути. Этот вопрос лежит между UX и UI.

Важно понимать!

Теперь рассмотрим визуальные приоритеты и иерархию корзины для полноценной страницы:

Иерархия

Статья была создана на основе опыта и исследований корзин ведущих зарубежных и украинских интернет магазинов, а так же определена текущими трендами UI основным из которых является упрощение работы с интерфейсом для избежания ошибок и срыва юзкейса.