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

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

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

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

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

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

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

Покупательская корзина

Landsens

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

SainsBurysKitchenAppliances

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

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

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

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

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

Корзины с креативным оформлением

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

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

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

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

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

Покупательская корзина

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

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

Корзина иконка для сайта

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

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

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

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

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

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

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

Покупательская корзина

Значок корзинка

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

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

Записки креативное оформление

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

Значок корзина для интернет магазина

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

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

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

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

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

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

Покупательская корзина

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

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

Дизайнерское оформление корзины

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

Иконка корщина

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Корзина сайта

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

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

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










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

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