Сортировка товаров в интернет-магазине: как обнаружить «косяки» и сделать все по фэн-шую

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

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

Что такое фильтр поиска в eCommerce

Эта фишка помогает найти продукт по критериям: размер, цвет, категория и т.д.

Абы какой фильтр не подойдет, а только вызовет раздражение и желание немедленно уйти. Только 16% магазинов, среди них Dell и Apple, размещают адекватные фильтры. У 42% продавцов нет поиска даже по главным категориям. 20% продают товары по темам и сезонам, но без сортировки.

По данным журнала Smashing Magazine, результаты «на троечку» показывают магазины одежды, спорттоваров, электроники и товаров для дома. Лидеры — товары для здоровья и красоты.

Сортировка товаров в интернет-магазине – статистика Smashing magazine по отраслям

Какой фильтр сделать? Это зависит от специфики магазина. Учитывайте ассортимент, каталог товаров, информацию о посетителях и прочие параметры. Далее — 8 советов по настройке сортировки.

Покажите точное наличие товара

В выдаче укажите точное количество товара:

Сортировка товаров в интернет-магазине – пример с выдачей количества оставшегося товара на складе

Сразу ясно, сколько товара на складе: по цвету, фасону и т.д. Как и в магазине Спортмастер:

Сортировка товаров в интернет-магазине – пример Спортмастер

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

Уберите несуществующие позиции

Что заставит посетителя в бешенстве покинуть магазин? Ошибка 404:

Сортировка товаров в интернет-магазине – пример Games4brain

Как ее избежать?

Разберем на примере. Предположим, покупательницу интересуют летние платья в красную и белую полоску, размер 44. Она в нетерпении вбивает эти параметры в фильтр и в ответ получает «Извините, ничего не найдено». Обидно? Конечно.

Такова реальность — слишком узкий запрос часто приводит к нулевым результатам. А это раздражает.

Ограничьте поиск еще на стадии выбора цвета. Позвольте посетителю искать из того, что есть в наличии. 

Разрешите выбирать в нескольких категориях

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

Сортировка товаров в интернет-магазине – пример T-shirts

Quelle не только ищет по нескольким параметрам, но убирает из фильтра несуществующие:

Сортировка товаров в интернет-магазине – пример Quelle

Напоминайте категории поиска

Не стоит полагаться на память посетителя. Хорошо, когда фильтр показывает, что ищет пользователь:

Сортировка товаров в интернет-магазине – пример Topshop

В примере – это джинсы, голубые, бренд Topshop.

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

Выбранные категории можно выделить цветом:

Сортировка товаров в интернет-магазине – пример отображения и выделения цветом используемого фильтра в выдаче

Еще вариант — поместить другие категории выше результатов поиска. Или использовать визуальные сигналы, например, иконки. Чем нагляднее, тем понятнее. С фильтром из примера разберется даже тот, кто не владеет английским:

Сортировка товаров в интернет-магазине – визуальные знаки

Типы оправ. Оригинальное решение.

Не плодите URL-адреса

Когда категорий слишком много, хочется сузить поиск и направить посетителя в нужное вам место. Это не всегда оправданно. Придется для каждой категории создавать URL с возможно нелепым именем. Страница website.com/shiny_gold_buttons для категории «Блестящие золотые пуговицы» — это тупик.

А если несколько страниц соответствуют категории «Блестящие золотые пуговицы»? Например, website.com/buttons/gold/shiny и website.com/shiny_gold_buttons. Ерунда какая-то, поисковики вас за это не полюбят. 

Обсудите вопрос категорий с программистами. Настройте так, чтобы в выдачу по нескольким критериям попадали страницы без собственного URL.

Удобство пользователей важно, но доходить до абсурда не стоит.

Улучшайте мобильные фильтры

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

Американский продавец электроники и игр Best Buy неплохо реализовал мобильные фильтры:

Сортировка товаров в интернет-магазине – пример Best Buy, шаг первый

Выбираем видеоигры и попадаем на другую страницу:

Сортировка товаров в интернет-магазине – пример Best Buy, шаг второй

Фильтров много. Но они помогают сузить поиск. Идем дальше:

Сортировка товаров в интернет-магазине – пример Best Buy

Обратите внимание, на любой стадии можно нажать «Посмотреть все товары». Количество товара тоже указано. Снова выбор:

Сортировка товаров в интернет-магазине – пример Best Buy, шаг четвертый

Наконец, находим нужное:

Сортировка товаров в интернет-магазине – пример Best Buy, шаг пятый

Здесь сортировка по цене и совпадениям. Можно искать дальше, если варианты не подходят:

Сортировка товаров в интернет-магазине – пример Best Buy, шаг шестой

Можно сузить результаты по параметрам «в продаже, доступны онлайн, в наличии, рекомендации, бренды, цена» и т.д. Процесс сортировки занимает пару минут.

Используйте только полезные фильтры

Использовать все и сразу – не лучшая стратегия. Берите только полезные параметры. 

Пример «все и сразу» демонстрирует знаменитый Amazon:

Сортировка товаров в интернет-магазине – пример Amazon, использование всех фильтров сразу

И это еще не все:

Cортировка товаров в интернет-магазине – пример Amazon, использование всех фильтров сразу – следующий шаг

При всем уважении, осилит не каждый.

Если убрать лишнее не поднимается рука, покажите сначала важные, полезные параметры или часто используемые. В примере — сортировка по популярным категориям: футболки, поло, рубашки, свитшоты и т.д.

Cортировка товаров в интернет-магазине – пример магазина одежды, как использовать только нужные фильтры

Ozon предлагает сортировку по функциям гаджетов:

Cортировка товаров в интернет-магазине – пример Ozon, сортировка по функциям гаджетов

Отличная идея.

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

Cортировка товаров в интернет-магазине – пример магазина ювелирных изделий, сортировка по персональным предпочтениям

Избегайте линейного скроллинга категорий

Линейный скроллинг не канул в Лету. В примере категории поиска — Brand и Binder Colour – нужно развернуть, а затем прокрутить:

Cортировка товаров в интернет-магазине – пример линейного скроллинга в магазине Binders

Страдает пользовательский опыт. Чтобы это исправить, покажите несколько категорий и далее очистите строки с помощью команды truncate.

Напоследок напоминание от Капитана Очевидность: следите за скоростью загрузки. Если поиск занимает много времени, покупатель уйдет. 

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

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

Статья подготовлена по материалам conversionxl.com.

Еще в тему: Навигация интернет-магазина: 11 необычных примеров.