22 главные ошибки российских интернет-магазинов

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

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

И что на принятие решения о том остаться на сайте или нет — уходит 2 секунды.

Объясните посетителю почему он должен покупать у вас, а не соседнем окне. Сделайте блок из конкурентных преимуществ и транслируйте на всех страницах сайта в видимом месте. До странице «о магазине» с вашим супер-текстов о том, что у вас низкие цены и широкий ассортимент (то же самое что и у всех конкурентов) доходят 1-2% посетителей.

2. Нет быстрого оформления заказа. Либо это «быстрое оформление» требует заполнения больше 2-х полей. Среди Ваших покупателей скорее всего существует категория людей, которым нужно все получить быстро. Они не хотят тратить свое время на заполнение форм. Не стоит их игнорировать. Дайте им возможность альтернативного способа заказа. Этот способ должен быть максимально простым. Введите номер телефона и удобное время звонка и мы Вам перезвоним. У меня в практике 3 кейса, когда введение этой простой (и вроде бы бесполезной) формы на карточке товара увеличивало заказы более чем на 15%.

3. Требование регистрации при оформлении заказа. Нет возможности купить для незарегистрированных пользователей. Это одна из самых больших дырок, куда уходят заказы. При том, что вопрос регистрации в юзабилити магазинов решен уже давно и бесповоротно. Слово «регистрация» не нужно. Если у человека есть пароль — он его вводит, если нет — то регистрация происходит автоматически без каких либо дополнительных действий от пользователя. Обратите внимание! Я говорю именно о требовании регистрации — это когда ,вам сообщают что заказ невозможно оформить, если Вы не зарегистрированы и предлагают регистрироваться.

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

Зачем нужно предлагать пользователю выбирать первый раз он покупает или нет? Я говорю об уже почти ставшей стандартом двухколоночной форме, которая, например вот так выглядит в shoptime

Вместо двух форм — одна, которую заполнить «на автопилоте» значительно проще.

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

Если снова посмотреть на Болеро. После добавления товара кнопка меняется на «Уже в корзине», теперь представим Алевтину Степановну, 52 лет, проживающей в городе Северск Томской области, которая выбирает подарок внуку и которой сказали — что «ЗДЕСЬ МОЖНО ВСЕ ЛЕГКО КУПИТЬ. ВСЕ ПРИВЕЗУТ».

Что делать дальше? На какую кнопку нажимать? На «Уже в корзину»? А почему? А вдруг это добавит еще один товар?
Алевтина Степановна с интернетом «на Вы». И старается не делать вещей, результат которых не понятен.

Или может быть нажимать на иконку «Корзина» ?  Чем больше вопросов — тем меньше вероятность заказа.

Вполне очевидно, что нужна какая то кнопка «оформить заказ» — но ее почему то нету.
Обратите внимание! На этой странице нет номера телефона в зоне видимости. Это означает что Алевтина Степановна не знает —
что она может просто «по-старинке» позвонить и задать все вопросы.

Или еще хуже сделано в магазине getmart.ru. После клика на добавить в корзину. Появляется вот такое окно

Через две секунды оно исчезает. И оставляет меня наедине с вопросом «Что делать дальше»?  Чтобы увидеть окно еще раз — мне кажется самым очевидным нажать еще раз на кнопку «в корзину». Но потом, я не вижу кнопки «Оформить заказ» в окне и меня опять что-то останавливает. Теперь мне нужно нажимать на кнопку «в корзину» третий раз?

Где то далеко наверху висит ссылка «корзина» количество товаров в которой при каждом клике увеличивается. Но откуда я знаю что она там есть? И тем более, что мне нужно на нее нажимать?

Замечательно. А дальше что делать?
Некоторым эти вопросы покажутся глупыми, но именно эти вопросы будут задавать Ваши посетители, а вовсе не те, которые вы считаете умными.

Одним из решений может быть:
При добавлении в корзину сделайте всплывающее окно с двумя кнопками «перейти к оформлению заказа» «вернуться к покупкам».

Все просто и очевидно. Как это сделано в coolairsport.ru

Также, можно давать в явном виде ссылку на оформление заказа на кнопке корзины, сразу после того, как она использована. Например, как это сделано в Техносиле:

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

Либо сделайте, как минимум кнопку «оформить заказ» в корзине. Она должна появляться тогда, когда в корзине есть продукты и становится яркой и заметной.  Этот совет реально повысил продажи во многих магазинах.

4. Наличие регистрации на сайте. 90% интернет-магазинов содержат в значимых, заметных местах ссылки «Регистрация» и «авторизация». Зачем? Что это значит? Зачем мне регистрироваться? А если я не дай бог уже зарегистрирован — зачем мне копаться в почте в поисках пароля? Ради чего? Не проще написать — введите свой логин и пароль чтобы увидеть Ваши специальные цены? А регистрация в современном магазине не нужна. Ее полностью заменяют оформление заказа и подписка на рассылку.
Если уж, вы считаете что регистрация необходима, то как минимум объясните пользователю зачем она ему нужна. Как, например, это делает bubbles.com.ua

А вместо непонятной «авторизации» или «входа» (куда? Зачем?) проще использовать понятные «узнать свою скидку» или «посмотреть историю покупок».

5. Не требование email или телефона на первом шаге.  На первом шаге оформления заказа мы должны взять у человека контактную информацию. Желательно только контактную информацию в минимальном объеме. Первый шаг должен быть простым, быстрым и очевидным. Получая контактную информацию на первом шаге, мы увеличиваем свои шансы по закрытию заказа. Если человек прервет оформление — мы можем с ним связаться и даже настроить автопилотом закрытие сделок, Недавно, один из клиентов написал мне, что внедрение «сглатывания» email на первом шаге, описанное в статье про оформление заказа — увеличило реальные заказы на 6%.

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

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

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

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

6. Нет указания на способы доставки и оплаты. Либо информация о стоимости и возможности доставки предоставляется слишком поздно.

Необходимо, чтобы пользователь как можно раньше получал информацию о стоимости доставки в свой регион, а также о способах оплаты. Не заставляйте пользователя искать и прикидывать сколько будет стоить доставка в Новгород или Самару. Пусть это не станет сюрпризом.  Можно определить регион пользователя сразу, по Geo IP и указать оптимальный для него способ доставки и оплаты. Например «Доставка в Нижний Новгород 350 рублей, 7-10 дней. Оплата наличными при получении»

«Доставка 2-3 дня» куда? Если я нахожусь в Хабаровсе, за 3 дня доставите?  Нужно быть осторожнее, если Вы работаете не только с Москвой. Если же, вы доставляете только в столице — то так и укажите на всех страницах сайта — «Доставка только по Москве».

В Техносиле, например указывается возможность самовывоза в разных городах с конкретными адресами магазинов.

Ozon определяет срок доставки на втором шаге оформления заказа — при выборе адреса.

Но о стоимости доставки, мы узнаем, к сожалению, позже.  Как минимум, необходимо просто указывать о возможностях по доставке на всех страницах магазина, в заметном месте. Например, так

(masterskaia.ru)

Или так:

На abo.ua — указывается каким способом доставляются товары в Ваш город.

В Labirint.ru на карточке товара тоже определяется местоположение пользователя и сообщается о возможности доставки в его регион.

А вот как просто реализовано на toyez.ru

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

В магазине getmart — мы видим заказанные товары на всех этапах оформления заказа.

А вот так это реализовано в Евросети

9. Важные элементы находятся за пределами первого экрана. Кнопки «купить», блоки конкурентных преимуществ, витрина товаров — должны находиться до «линии сгиба». Чтобы пользователю не нужно было делать прокрутку. Часто высокая шапка заставляет использовать прокрутку, чтобы увидеть цену или кнопку «купить». Это просто не допустимо.

Например, при переходе в раздел «газовые плиты» на сайте holodinlink.ru мы не получаем никаких инструментов для управления вниманием, взглядом, не видим никаких плит. Нам потребуется какое то время и прокрутка экрана вниз, чтобы понять организацию страницы

А на сайте onlady.com.ua на карточке товара не видно кнопки купить, это прерывает эмоциональное действие — необходимостью прокручивать и искать кнопку.

А здесь за линией сгиба находится вообще все... При переходе в категорию мужская обувь в магазине roro-style мы никакой обуви не видим вообще... Только огромная шапка, а от обуви остался только маленький заголовок.

10. Слишком большой выбор. Отсутствие предложений и помощи в выборе. Старая история о том, что пользователь не любит выбирать, но любит большой выбор. В любом списке товаров — нужно давать конкретные предложения. Помогать выбрать быстрее. Самая простая модель (она может быть у вас другая) — «самый популярный», «самый дешевый», «мы рекомендуем». Выводите витрину по этим признакам в любом списке товаров. Не оставляйте покупателя наедине со списком из 200 товаров и десятком фильтров и сортировок. Чем больше нужно выбирать, тем меньше вероятность покупки.

Как выглядит список телевизоров в магазине Onlinetraiding

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

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

А вот как, например, выглядят списки на украинском гипермаркете rozetka.com.ua

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

Mvideo перед показом списка с ассортиментом предлагает или воспользоваться простым фильтром или посмотреть «популярную модель»

Или в topshop — в каждом разделе есть «лучший товар рубрики»

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

11. Использование непонятных пользователю обозначений. Товар под заказ, в наличии, транзит, в наличии у поставщика. Существенный процент аудитории не понимает о чем это. Не проще написать сроки поставки? понятный и очевидный ответ. Срок поставки — 1 день, 7 дней или 30 дней. Это касается не только наличия. Просто подумайте, что может быть непонятно Вашим покупателям. Знают ли Ваши посетители что такое «авторизация»? Какие еще слова не знают Ваши покупатели.

12. Требование лишних действий от клиента. Мы часто требуем от клиентов действий, которые не понятно зачем ему делать. Например выбрать город, если это можно сделать по GEO IP, ввести отчество в отдельное поле (что с ним делать?), выбрать способ доставки «Курьером в пределах МКАД» «Почтой России» для заказа из Владивостока. Придумать логин («А что это?» Спрашивает Мария Ивановна из Курганской области). Позвонить чтобы узнать стоимость доставки, подтвердить заказ (этим должен заниматься магазин) и так далее. Просто подумайте, от каких действий можно избавить клиента. И он скажет Вам спасибо.
На shoptime предлагается выбрать размер, при том, что доступен всего один размер

13. Лишние ограничения и запреты. Не нужно людям мешать и запрещать. Просто давайте им выбор. Вместо надписи «Вы не можете у нас купить, потому что сумма заказа меньше 1000 рублей» — напишите что при заказе больше 1000 рублей доставка 150 рублей, при заказе меньше 1000 рублей — доставка 700 рублей. И пусть пользователь выбирает сам. Любая информация, должна заканчиваться положительным предложением. Вместо «Ничего не найдено» пишите — что «Пока ничего не нашли, посмотрите наши специальные предложения или оставьте заявку». Вместо 404 ошибки — бонус для ошибшихся сегодня... И так далее.

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

А вот как выглядит 404 ошибка в новосибирском магазине egeriya. Вместо остановки и отказа в получении информации — приятный сюрприз и варианты по тому, что можно делать дальше.

14. Слишком большой выбор обратной связи. На сайте даем 3 телефона, мобильный, скайп, email и еще. Чем больше видов связи, тем реже будут контакты. Большой список способов связаться уместен на странице контакты, но никак, не в шапке магазина.  Главный способ контакта — должен быть один. Найдите то, что самое удобное для Ваших посетителей. Будет здорово, если через Geo IP разделить по городам, и например, давать номер 8-800 для посетителей из регионов и местный номер для местных жителей. Способ контакта хорошо бы снабдить поясняющей надписью. «Звоните чтобы получить консультацию». «Заказать и задать вопросы можно по телефону»

Чем больше выбора, тем больше шансов что пользователь выберет «ничего».

15. Наличие отвлекающих элементов на карточке товара. На карточке товара пользователь должен быть сосредоточен на тяжом для себя решении «купить — не купить». При этом решение «не купить» всегда принять значительно проще. Мы же показываем ему новости, поиск, новинки, другие товары и не показываем способ доставки и оплаты.

На posuda.ru и акции, и спецпредложения и новинки. Все, чтобы пользователь ушел посмотреть что-то еще.

Посмотрите как реализована карточка на goldax.ru —

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

16. Не предложение помощи при оформлении заказа. При оформлении заказа среднестатистический, человек чувствует себя беспомощным. Просто добавьте номер телефона рядом с кнопками навигации по заказу и предложение позвонить если нужна помощь. Вот как это просто решается в mvideo.
Здесь важно понимать, что просто указание телефона (например, на обычном месте) проблему не решает. Нужно именно, направленное предложение помощи в оформлении заказа.

17.  Равнозначные элементы, которые отвечают за разные действия. Про эту ошибку уже пора складывать легенды... Действие, которое приносит Вам деньги, должно быть сильно ярче чем действие, которое их не приносит. В случае выбора, нужно всегда предлагать человеку «подсвеченное решение». «Оформить заказ» — ярче, чем «продолжить покупки».  "Купить", ярче, чем «задать вопрос». При оформлении заказа «Дальше» ярче, чем «Назад».  Хотя слово «Дальше» лучше не использовать.

В Mvideo кнопки четко разделены цветом. Ясно, что кнопка Оформить заказ — является главное, а «перейти в корзину» второстепенной.

А в Эльдорадо при добавлении в корзину визуально нет никакой разницы между оформлением заказа и уходом в аксессуары с риском заказ не оформить.

Также, в technosila, при оформлении заказа мы видим что кнопки «все правильно», продолжающая оформление заказа и кнопка «вернуться» — выглядят равнозначно.

При оформлении заказа на bubbles.com.ua — четко видно — какая кнопка отвечает за главное действие,  а какие за второстепенные.

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

 вот как  это сделано в том же top-shop

Кнопка «Заказать» выделяется, а ссылка «подробнее» очевидна и понятна.

Вот еще пример из оформления заказа на holodilink.ru

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

18. Нарушение принципа ожидаемого результата...  Это базовый принцип юзабилити. Человек должен всегда понимать что его ждет после требуемого действия. Поэтому при оформлении заказа название кнопок «Дальше» не говорит ни о чем. Что дальше? Называйте их названием следующего шага — «перейти к выбору способа доставки», «перейти к проверке». Этот шаг может сильно поднять конверсию.
Вот например форма заказа на сайте shoptime. Мне абсолютно не понятно что произойдет при нажатии на кнопку «оформить заказ».

Просто добавить фразу — «Вы перейдете к проверке и подтверждению заказа » может значительно увеличить конверсию. Как это например сделано в goldax

При оформлении заказа в citilink что означает здесь кнопка «Продолжить» ? Куда я перейду по ней? Неопределенность.

Например, в Abo.ua — точно указано количество шагов и на кнопке указано к какому шагу я перехожу, вместо абстрактного «дальше»

Похожим образом реализован заказ и на bodo.com.ua

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

20. Наличие пустых категорий каталога — то есть страниц, на которых нет товаров и кнопок купить.  На каждой странице каталога должен быть список товаров, категорий в которых только список подкатегорий быть не должно. Это просто удлинение пути до покупки и нарушение логики восприятия сайта.

Например, в приятном магазине zapp.ru когда мы попадаем в раздел, например «женский отдел» то товаров мы не видим. Не можем составить ни представления об ассортименте, ценах, не получаем никаких рекомендаций.

Также реализовано и на tverhit

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

Опять нужно выбирать. Сколько еще это может длится? Ведь когда мы переходим в раздел «телевизоры» мы надеемся увидеть там все таки телевизоры... А не встать перед выбором еще раз.

На 003.ru при заходе в раздел — мы видим не только подкатегории с количеством товаров в каждой, но и список товаров.

И когда мы заходим в довольно крупный раздел на rozetka.com.ua — «Телефоны и планшеты» — то также видим не только подкатегории, но и специально отобранные для нас популярные предложения.

Необходимо в каждом разделе или подразделе — давать посетителю ориентиры, подсказки и возможность увидеть содержимое раздела, а не только новые ссылки.

21. Использование имиджевых элементов. Почему то считается, что в шапке магазина ноутбуков должен быть ноутбук, в шапке ювелирного магазина изумруд, в шапке интим-шопа...   Ну или вообще, должна быть какая то яркая, красивая, запоминаемая картинка. Во-первых, красивые имиджевые элементы забирают очень много внимания и оттаскивают их от товаров. Лучше сделать дизайн так, чтобы сами товары — были значимыми элементами.  Во-вторых, лучше если запоминаться будут тексты, в которых описывается аргументация покупки здесь, а не красивые картинки. Не стоит расходовать внимание пользователя нерационально. При этом имиджевые элементы если и сработают, то только в первый раз. При последующих посещениях они будут раздражать. В дизайне магазина полезность сильно важнее красоты.
Вот яркий пример, магазин roro-style

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

22. Длинные формы При оформлении заказа или в других местах требуют заполнить формы из 7-10 и больше пунктов. Очень часто человека пугает необходимость такого заполнения. Доказано множественными тестами, что заполнить 3 формы по 3 поля — проще, чем одну форму в 9. И что важнее... Заполнить первую форму в 3 поля соглашаются 70% посетителей, а в 9 пунктов 20%.  Разбивайте свои формы на части.

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

Форма заказа в tverhit тоже выглядит сложной и ее заполнение однозначно будет вызывать трудности или их ощущения.

Гораздо проще заполнять короткие формы из 2, максимум 4-х пунктов, объясняя зачем нам нужны те или иные сведения. Многие примеры Вы можете увидеть в этой же статье. Например, брать на первом шаге только email  и имя.

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