Навигация в интернет-магазине: как помочь покупателю найти «свой» товар
21 февраля 2019, Анна Конева, Эквид

Навигация в интернет-магазине: как помочь покупателю найти «свой» товар

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

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

Соблюдайте баланс в количестве товаров и категорий

Чем шире ассортимент магазина, тем выше риск, что посетители уйдут без покупки. Да, выбор — это хорошо, но слишком большое разнообразие пугает. Это подтверждается исследованием, в котором клиентов супермаркета разделили на две группы: одним предложили выбирать из 24 категорий товаров, другим из шести. Люди из первой группы купили лишь на 10% больше товаров.

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

То же самое касается количества категорий, поэтому старайтесь соблюдать баланс в структуре и оформлении каталога товаров:

  1. Оптимальный вариант — 5-6 категорий. Можно увеличить до 10, но большее количество категорий заставит посетителей чувствовать перегрузку из-за обилия информации. Слишком мало тоже плохо. Например, две группы, в которых будет по 50 товаров, неудобно просматривать. В то же время, всего 2-3 товара в категории разочаруют покупателя. Поэтому старайтесь распределять товары равномерно.

    Не забывайте про подкатегории. Например, большую категорию «Платья» можно поделить на «Длинные», «Короткие», «С рукавом», «Без рукава» и так далее. Тогда, придя в магазин, покупатель не впадёт в ступор, увидев всё это разнообразие. Он просто пойдет в раздел «Платья», и там уже выберет то, что надо. Это решение для магазинов с большим количеством товаров.

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

Хороший пример — витрина магазина «Уста к устам»:

Восемь категорий товаров помещаются на одной странице, а в категориях есть подкатегории

Восемь категорий товаров помещаются на одной странице, а в категориях есть подкатегории

Если у вас есть один или несколько самых ходовых товаров, на которые хочется обратить внимание, создайте отдельную категорию «Самые популярные товары» и поставьте её в начале. Либо презентуйте эти товары на витрине, чтобы покупатели увидели их сразу. Например, добавьте блок «Рекомендуемые товары», как в Эквид-магазине KILN:

Товары, которые хотите продать поскорее, разместите на главной странице каталога магазина

Товары, которые хотите продать поскорее, разместите на главной странице каталога магазина

Сделайте многоуровневое меню для большого каталога

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

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

  1. Видимость. Поместите меню сверху или слева — это самые привычные для покупателя места. Убедитесь, что все пункты хорошо видно. Надписи должны быть читаемыми, достаточно крупными. В противном случае может получиться обширный, нечитаемый список, как в русской версии магазина Dolce Gabbana:

    Пример неудачно организованного меню: слишком много подкатегорий, мелкий нечитаемый шрифт

    Пример неудачно организованного меню: слишком много подкатегорий, мелкий нечитаемый шрифт

    А вот хороший пример выпадающего меню на сайте «Презенвиль»:

    Категорий не слишком много, названия хорошо видны

    Категорий не слишком много, названия хорошо видны

  2. Акцент на важном. Если одна категория товаров приносит больше прибыли, выделите её в меню. Название может быть подчёркнуто, окрашено в яркий цвет, написано другим шрифтом. Главное, чтобы покупатели видели разницу. Точно так же стоит выделить категорию «Акции», «Новинки», «Последний размер».
  3. Простота. Постарайтесь не добавлять в верхнее меню больше шести пунктов. Так вы предотвратите информационное давление на покупателя. Избегайте лишних слов, которые можно легко удалить. Например, фразу «Наши товары» можно заменить словом «Товары».
  4. Удобство на мобильных устройствах. Проверьте, как выглядит ваше меню на смартфоне и планшете. Оно должно быть на виду, удобного для просмотра размера.

В магазине на Эквиде многоуровневое меню можно сделать с помощью приложения Multi-level menu. Оно помогает создать удобное выпадающее меню с картинками и описаниями, которым будет удобно пользоваться и с десктопов, и с мобильников.

В Multi-level menu можно:

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

Вид меню в Эквид-магазине со включенным приложением Multi-level menu

Вид меню в Эквид-магазине со включенным приложением Multi-level menu

Ускорьте процесс покупки и сделайте магазин удобнее для покупателей. Протестируйте работу приложения в демо-версии.

Продумайте сортировку

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

  1. Привлечь покупателей низкой ценой. Показывайте в начале товары с самой низкой ценой — покупатели обязательно обратят внимание на выгодное предложение.
  2. Создать «ценовой якорь» и продать дорогие товары. Установите по умолчанию сортировку по цене от большей к меньшей. Первая цена воспринимается как базовая. Все товары, следующие за «якорем» покажутся выгодным предложением. Например, если вы продаёте футболки и сначала показываете клиенту товар за 3-4 тысячи рублей, майка за 1500 рублей будет для покупателя потрясающим предложением.
  3. Получить доверие покупателей за счёт отзывов. Начинайте с товаров с большим количеством положительных отзывов. В сортировке внутри категорий сначала показывайте товары, которые понравились покупателям.

Посетителям нравится менять параметры сортировки. Добавьте стандартные критерии, такие как сортировка по возрастанию или убыванию цены, новые поступления.

В магазине на Эквиде вы можете включить по умолчанию один из этих способов сортировки или выбрать собственный порядок показа товаров — то, как вы расставили товары при заполнении каталога. Для этого выберите опцию «Задана владельцем магазина» в панели управления на странице Настройки → Корзина.

Способы сортировки в Эквид-магазине

Способы сортировки в Эквид-магазине

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

Подключите фильтры

Фильтры помогают найти нужный товар, выбрав подходящие параметры. Это могут быть:

  • цена
  • размер
  • скидка
  • цвет
  • состав изделия
  • ингредиенты (если речь о доставке еды)

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

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

Идеи критериев для фильтров берите из Яндекс.Маркета

Идеи критериев для фильтров берите из Яндекс.Маркета

Если у вас магазин на Эквиде, самим придумывать критерии не придется. Эквид автоматически настраивает фильтры по параметрам товаров, которые уже указаны в магазине. А вы можете выбрать из предложенных фильтров те, которые считаете нужными (если какого-то фильтра не окажется, его легко добавить самостоятельно).

Navigation filters in Ecwid

Фильтры в магазине на Эквиде

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

Упростите поиск для покупателей

Иногда посетители не просто просматривают товары, а ищут что-то конкретное. В этом случае им пригодится панель поиска.

Лучшее место для строки поиска — верхняя часть сайта, слева или справа, прямо перед глазами клиента, как на сайте магазина «Гранат»:

Строка поиска там, где пользователь ожидает её увидеть

Строка поиска там, где пользователь ожидает её увидеть

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

Значок поиска всегда на экране, следует за пользователем

Значок поиска всегда на экране, следует за пользователем

Поиск товара можно сделать еще удобнее. Например, добавить подсказки — во время набора запроса пользователю будут показываться возможные варианты. В Эквиде для этого есть приложения Cloudsearch для Эквид-магазина. Кроме подсказок клиенту сможет просматривать фото и описание товара прямо в поиске.

Пользователь набирает название товара и сразу видит подходящие товары

Пользователь набирает название товара и сразу видит подходящие товары

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

Так выглядят фильтры в поиске в магазине на Эквиде

Так выглядят фильтры в поиске в магазине на Эквиде

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

Некоторые незаметные на первый взгляд детали делают навигацию в интернет-магазине лёгкой и понятной. Вот несколько полезных инструментов:

Цепочка навигации

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

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

Цепочка навигации в интернет-магазине

Цепочка навигации в интернет-магазине


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

Блок «Просмотренные товары»

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

Блок “Просмотренные товары” особенно актуален для магазинов с большим каталогом

Блок «Просмотренные товары» особенно актуален для магазинов с большим каталогом

Меню внизу страницы

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

Меню внизу страницы пригодится тем, кто ищет товары в большом каталоге

Меню внизу страницы пригодится тем, кто ищет товары в большом каталоге

Быстрый вход в личный кабинет

В личном кабинете покупатель всегда может:

  • просматривать прошлые покупки;
  • добавлять товары в «Избранное» и возвращаться к ним позже.

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

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

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

Войти в личный кабинет можно по специальной ссылке без ввода логина и пароля

Войти в личный кабинет можно по специальной ссылке без ввода логина и пароля

***

Добавляя элементы навигации в магазин, помните о мобильных пользователях. Около 30% покупок в интернет-магазинов совершаются со смартфонов и планшетов. Ещё чаще пользователи ищут товары со смартфона, чтобы потом сделать заказ со стационарного компьютера или в офлайн-магазине.

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

  1. Панель поиска или иконка. Они заметны на смартфоне? Открываются с одного нажатия?
  2. Меню. Его легко найти? Придётся непрерывно листать для поиска категории?
  3. Товары. Изображения товаров отображаются на экране мобильного устройства достаточно крупно?
  4. Читабельность. Текст достаточно крупный для чтения? Изображения не накладываются на текст и не мешают читать?

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

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

12 признаков эффективной карточки товара

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

Пожалуйста, введите действительный адрес электронной почты

Об авторе
Анна Конева — контент-маркетолог и редактор в Эквиде. Разбирается в интернет-рекламе и статистике. Любит большие города, пасту и фильмы Вуди Аллена.
Мы используем cookie-файлы и сервисы аналитики, чтобы помнить о ваших предпочтениях, оценивать эффективность наших рекламных кампаний и улучшать работу сайта. Выбирая «Принимаю», вы даёте согласие на использование файлов cookie.