Какой должна быть «корзина» интернет-магазина

Первые тележки в супермаркетах не появились после взмаха волшебной палочки и не выросли сразу вместе со зданием. У них есть изобретатель, благодаря его озарению в этой отрасли произошла целая революция. E-commerce появился тогда, когда обычная розница уже отработала приемы работы с покупателями. Поэтому многие элементы были просто заимствованы и переработаны под требования интернет-магазинов. В том числе и «корзина». Покупатели уже настолько привыкли к возможности положить в нее выбранный товар, что даже не задумываются об этом. Но если простые посетители магазинов могут себе это позволить, то вот для владельцев и веб-дизайнеров вопрос остается актуальным.



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



Ярлык «Корзины»



Корзину для начала надо куда-то разместить. Не засунуть от безнадеги или потому, что осталось много пустого места. Расположение надо выбирать аккуратно. Находиться она должна в верхней половине экрана. Сейчас эта простая мысль уже закрепилась в шаблонах, подобный казус встречается редко, но все же стоит отметить это отдельно, чтобы отбить окончательно желание экспериментировать.



noodoll

Оригинальный и интересный дизайн у noodoll.com, но давайте проверим, сколько времени у вас займет поиск корзины.



Дальше от web-мастера не требуется на самом деле чего-то чрезвычайно сложного. Ярлык корзины должен быть заметным и сразу бросаться в глаза. Взгляд покупателя просто не должен промахнуться мимо нее. Особенно если он уже набрал в нее товаров. Но важно не переборщить – она не должна занимать треть экрана.



desina.co.uk



Просто, изящно и со вкусом это реализовано в desina.co.uk.

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





pichshop.ru



Почти хрестоматийный пример – pichshop.ru: как не фантазируй, но офисное ведро для мусора никак не превращается в корзинку из стильного магазина.



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



Кнопка «Купить»

Товар попадает в корзину не сам. Для этого покупатель должен его найти, познакомиться с ним и добавить в корзину. Сейчас нас интересует последнее. Каким должна быть кнопка «купить»?



Опять же, она должна быть заметной. Это даже важнее, чем заметность самой корзины. Кроме того нужна лаконичность и логичность элемента. Покупатель не будет гадать, что означает этот странный символ, крестик и плюсик – просто сбежит. Существует уже достаточно устоявшееся обозначение, лучше придерживаться его. Если для вашего креативного дизайна надо использовать что-то совсем необычное, то надо предложить нечто столь же понятное. Можете вообще отказаться от символов, но чтобы исключить какие-то сомнения, подпишите кнопку.



tmart.com

У интернет-гипермаркета tmart.com простой и незатейливый дизайн, но сделать кнопку «Add to cart» заметной они не забыли.



wildberries.ru

Классический, но все еще весьма эффективный дизайн этого элемента у wildberries.ru.



Используйте призыв к действию: «Заказать», «Купить» и т.д. И избегайте любого негатива и двусмысленности. Например, калька с английского: «в корзину» – несет совсем не ту смысловую нагрузку.



В самой корзине

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



holodilnik.ru

Неудачное решение аксакала российской интернет-коммерции. Попав в эту часть holodilnik.ru вы сразу понимаете, что нелегкий путь к оформлению заказа только начинается.



technopark.ru

Более современный подход у technopark.ru: заказ можно оформить прямо в корзине. Есть только один нюанс. От вас требуется только ввести контактный номер, все остальное оформление происходит по телефону.



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

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

Удачных продаж!

Share
Send
Pin
Popular