Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

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

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

В корзину кнопка

Необычный вид покупательской корзины

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

Текстовые ссылки на покупательские корзины

Иконка корзина

Landsens

В корзину кнопка

SainsBurysKitchenAppliances

Однако текстовый вариант «уходит на пенсию», уступая место графическим решениям…

1. Привлекательные покупательские корзины

Иконка корзины

Иконка покупательской корзины

Иконка корзины

Корзина иконка

Иконка корзины

Добавить в корзину

В корзину кнопка

Добавить в корзину

В корзину кнопка

Иконка корзина

В корзину кнопка

Иконка корзина

В корзину кнопка

2. Покупательские корзины могут улучшать юзабилити

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

3. Поддержка покупательскими корзинами информационной составляющей

Добавить в корзину

В корзину кнопка

Добавить в корзину

В корзину кнопка

Иконка корзина

В корзину кнопка

4. Небольшая иконка покупательской корзины

Иконка корзина

В корзину кнопка

Иконка корзины

В корзину кнопка

Иконка корзины

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

Иконка корзины

5. Креативные решения с покупательскими корзинами

Корзина иконка

Иконка корзины

Добавить в корзину

В корзину кнопка

Иконка корзина

В корзину кнопка

Иконка корзина

В корзину кнопка

Иконка корзина

В корзину кнопка

Иконка корзины

6. Нахождение покупательской корщины внутри логотипа

Иконка покупательской корзины

Иконка корзины

Корзина иконка

7. Примеры «как не стоит делать»

  • покупательскую корзину трудно распознать;
    Иконка корзины
  • покупательскую корзину трудно найти.
    Добавить в корзину

Покупательские корзины: где размещать?

Обычно покупательские корзины размещаются справа вверху. За годы пользователи привыкли к этому и всякий раз, заходя на сайты интернет-магазинов в поисках покупательской корзины, обращают свой взор именно на эту область.

Еще одним вариантом размещения покупательской корзины является правый сайдбар.

Галереи покупательских корзин

Несколько месяцев назад Джейсон Билингсли собрал коллекцию из 107 кнопок «Добавить в корзину» с сайтов основных (наиболее популярных) интернет-магазинов.

В корзину кнопка

Иконки покупательских корзин были собраны Ро Лондоном несколько лет назад. По его мнению, использовать иконки покупательских корзин эффективнее, чем что-либо еще.

Добавить в корзину

Оригинал статьи: Shopping Carts Gallery: Examples and Good Practices










Смотрите также:

Понравилась статья? Поделитесь ей в социальных сетях: