24 совета владельцу интернет-магазина (Оптимизация страниц корзины)

Содержание статьи «Оптимизация страницы корзины»

• Увеличьте время хранения корзины.
• Не заставляйте пользователей вводить информацию дважды.
• Заполняйте информацией те поля, информация по которым уже есть в системе.
• Указывайте информацию о сделанной ошибке и сохраняйте введенную ранее информацию.
• Помечайте обязательные и необязательные для заполнения поля.
• Показывайте пример заполнения каждого поля.
• Спрашивайте ФИО покупателя одним полем «Имя».
• Как только пользователь введет индекс адреса доставки, подставляйте название города.
• Не громоздите формы для ввода информации.
• Сделайте корзину пошаговой.
• Длина поля ввода информации должна соответствовать длине вводимого в него текста.
• Используйте средства авторизации через соц. сети.
• Используйте последовательные и понятные тексты для кнопок.
• Указывайте на ошибки заполнения форм ввода рядом с самими формами.
• Отображайте результат проверки введенной информации по каждому полю.
• Сделайте автоматическую регистрацию аккаунта при оформлении заказа.
• Не просите придумывать сложные пароли.
• Дайте возможность оформить заказ без регистрации и сделайте ее более заметной.
• Сделайте ключевые и самые важные кнопки более заметными, чем остальные.
• Избегайте ненужных кнопок на странице оформления заказа.
• Соблюдайте изначальное размещение кнопок.
• Ограничьте навигацию, дающую возможность уйти со страницы оформления заказа.
• Используйте интеллектуальные рекомендации товаров.
• Сделайте этапы оформления заказа навигационными ссылками.
• Грамотно преподносите клиентам возможное увеличение стоимости всего заказа.
• Предлагайте оформить подписку на новости и акции во время оформления заказа.
• Давайте гарантии.

Одно из самых проблемных и больных мест практически любого интернет-магазина — корзина и оформление заказа. По статистике, средний уровень отказов из нее равен 50%. Представляете — половина готовых клиентов просто бросает процесс оформления заказа по разнообразным причинам. А вы теряете 50% прибыли.

Давайте разберемся в том, как минимизировать данные отказы:

• Пусть пользователи знают, что сайт вашего магазина соответствует всем нормам защиты и безопасности данных. Никакая персональная или иная информация не будет разглашена или передана третьим лицам.
• Пользователи должны ясно видеть, сколько и за что они платят. Не преподносите им неожиданные «сюрпризы» в виде сбора комиссии EMS за отправку денег покупателя продавцу.
• Ясно показывайте все способы оплаты оформляемого заказа.

1. Увеличьте время хранения корзины

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

2. Не предлагайте пользователю вводить одну и ту же информацию дважды

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

3. Сохранение информации при возникновении ошибки заполнения

Этот пункт является логическим продолжением предыдущих — не позволяйте пользователям мучиться и повторно заполнять ВСЕ поля после того, как система выдала ошибку ввода информации и на обновленной странице попросила исправить её.

Для этого используйте уже давно ставшую стандартном звездочку — *. Непомеченные к заполнению поля могут опять же стать причиной для повторного ввода информации или возникновению непонимания и лишних вопросов со стороны пользователя.

4. Отмечайте обязательные или необязательные к заполнению поля

5. Отмечайте правильность заполненного поля

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

6. Объединяйте некоторые поля

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

7. Подстановка города после ввода почтового индекса

Если вы решили использовать отдельные поля для адреса, то сделайте процесс оформления заказа еще проще — после ввода клиентом почтового индекса для доставки, в автоматическом порядке подставляйте город, к которому он принадлежит, в поле «Город» адреса доставки или получения.

8. Не громоздите формы для ввода информации

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

9. Будьте последовательны

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

10. Длина поля для ввода информации должна соответствовать непосредственно вводимой информации

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

11. Используйте быструю регистрацию через соц. сети

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

12. Правильно обозначайте подписи к кнопкам

Избегайте размытых и общих описаний, например «продолжить», «далее» или «отмена». В этих случаях, наиболее оптимальный вариант — уточнять, что следует за кликом по ней: «Перейти к адресу доставки», «Перейти к выбору оплаты», «Вернуться обратно в магазин».

13. Сделайте автоматическую регистрацию аккаунта

Последние исследование Econsultancy показало, что 25,6% онлайн-потребителей отказывается от покупки, если им в обязательном порядке предлагается регистрация аккаунта. Именно поэтому рекомендуется делать это в автоматическом режиме и высылать сгенерированный пароль прямо на почту клиенту.

14. Не просите придумывать сложные пароли

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

15. Предлагайте использовать «быстрый заказ»

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

16. Сделайте ключевые и самые важные кнопки более заметными, чем остальные

Акцентируйте внимание посетителя на наиболее важных и значимых кнопках. Ваша главная задача — выделять кнопки наподобие «В корзину», «Перейти к выбору оплаты», «Отправить» или «Оплатить» и делать их более заметными, чем кнопки «Отмена», «Вернуться в магазин», «Сбросить».

Благодаря этому достигается сразу две цели: вы привлекаете внимание посетителя к целевому действию и помогаете ему не ошибиться при невнимательном клике на другую кнопку.

17. Избегайте ненужных кнопок на странице оформления заказа

Показывайте только основные навигационные кнопки на странице оформления заказа и старайтесь избегать ненужных «Применить» или «Обновить», которыми славятся некоторые популярные CMS. Эпоха статического php или html давно прошла — сейчас идет эра HTML 5, CSS и AJAX — поэтому сделайте все обновления контента (количество товара, учет скидки и прочее) в автоматическом режиме при изменении содержания полей для ввода информации без обновления страницы.

18. Соблюдайте изначальное размещение кнопок

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

19. Облегчите страницы корзины

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

Рекомендуем избавиться от всех лишних элементов на странице корзины:

• ссылки из футера;
• блоки категорий товаров;
• блоки новостей;
• блоки акций и спец. предложений;
• баннеры или анимация.

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

Это чистая и идеальная страница, единственное предназначение которой — провести пользователя до кнопки «Оправить заказ».

20. Используйте интеллектуальные рекомендации товаров

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

«Ходят споры, когда показывать рекомендованные товары. Но юзабилисты сошлись во мнении, что правильнее это делать на последнем шаге, когда один товар уже куплен. Иначе рискуете потерять клиента на первом шаге воронки, уведя его на описание товара.» © Антон Незнамов

21. Представляйте шаги оформления как навигационные ссылки

Еще один из полезных советов, направленных на облегчение пользователю навигации и ориентирования по корзине и этапам оформления заказа. Целесообразнее всего сделать их в виде:

• Шаг 1: Ввод данных.
• Шаг 2: Информация о доставке.
• Шаг 3: Информация об оплате.
• Шаг 4: Подтверждение заказа.

Более того, используя этот метод, вы также помогаете клиенту в случае затруднения вернуться на предыдущий шаг и исправить введенные им данные.

22. Грамотно преподносите клиентам возможное увеличение стоимости всего заказа

Если в процессе оформления заказа к его стоимости добавляется дополнительная цена, то рекомендуется делать это наиболее обоснованно и уместно. Таким образом, если вы взымаете дополнительные деньги за доставку товара EMS Почтой России, есть смысл раскрыть в описании этого способа доставки все его преимущества и выгоду, которую получит клиент, выбирая данный способ и платя за него свои деньги.

23. Предлагайте оформить подписку на новости и акции во время оформления заказа

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

24. Давайте гарантии

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