Как мне найти нужный товар? или 2 ошибка юзабилити интернет-магазинов

Многие пользователи, попадая на страницу интернет-магазина, задаются одним простым целевым вопросом:

Как мне найти нужный товар?

Самые распространенные решения:

  • Меню
  • Поиск

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

2 ошибка в юзабилити интернет-магазинов — непродуманное меню.

В этой статье я хочу рассмотреть, как правильно организовать меню на сайте с точки зрения юзабилити.

Каким должно быть меню с точки зрения юзабилити — горизонтальным в шапке (header) или вертикальным в левой или правой колонках (sidebar)?

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

Скриншот с сайта  - guardino.ru

Скриншот с сайта — guardino.ru

Как правило, в интернет-магазинах пунктов меню больше 7-ми, поэтому следует использовать два меню.

Основное требование:

1) горизонтальное меню должно содержать основные пункты касаемые работы магазина, например: О компании, Доставка, Способы оплаты, Гарантия и возврат, Контакты

2) вертикальное меню должно содержать пункты каталога товаров, а также мотивирующие разделы: Распродажа, Новинки, Хиты продаж, С доставкой сегодня  и т.д.

 Пример из жизни

Вы купили товар, он сломался или был с браком, куда вы пойдете его возвращать?

В тот отдел, где покупали или подойдете к администратору магазина и все узнаете?

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

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

Сколько уровней должно иметь меню каталога товаров с точки зрения юзабилити?

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

Что же делать, если в два уровня никак не получается?

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

Разберем на примере сайта http://www.aromatsale.ru/ , как с точки зрения юзабилити не стоит делать меню.

www.aromatsale.ru

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

Что делать, когда так и есть, список большой? Предлагаю не делать выпадающие списки, а оставить только пункты Женская и Мужская косметика.

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

Основное: подпункты, как и пункты должны быть понятны среднестатистическому пользователю, а не только вам. Для проверки правильности разбиения на пункты и подпункты, обязательно покажите список своим друзьям, далеким от тематики интернет-магазина.

С меню мы определились, теперь еще несколько советов по отображению меню на сайте:

Где я сейчас нахожусь?

Этим вопросом задаются все пользователи, кто попадает в интернет-магазин с торговых площадок, а это в среднем до 60% от общего потока. Чтобы помочь этим посетителям понять, где они есть, нужно обязательно выделять пункт и подпункт меню с данным товаром.

Где посмотреть товары по акции, распродаже или новинки?

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

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

Если такая задача не стоит, то можно разместить эти разделы под каталогом, но для узнаваемости выделить цветом, например как здесь:

menu

Как меню должно раскрываться по правилам юзабилити?

Этот пункт решать проектировщику вашего интернет-магазина, исходя из ассортимента товаров. Однако нужно учитывать, что, в среднем по статистике интернет-магазинов, сейчас от 15 до 30% пользователей — это владельцы мобильных устройств, при этом среди них конверсия в звонки выше, чем у пользователей ПК. Поэтому любое решение должно быть обязательно протестировано на мобильных устройствах.

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

Как правильно организовать поиск на сайте?

Продолжение следует…

Высоких Вам конверсий и продаж!

 

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