8 примеров хороших и плохих фильтров в интернет-магазинах одежды

c09aa28s-960

17 сентября в 19:00 (по МСК)
Хотите узнать, как научить поиск на сайте продавать?
CEO REES46 Михаил Кечинов расскажет о том, как сократить путь клиента до покупки и увеличить выручку с помощью умного поиска.
webinar

5b1aa28s-960

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

Итак, к нашим примерам.

H&M

Ритейлер добавил с виду полезный фильтр про фасону — он в теории должен помогать посетителям сузить круг поиска. Вот только с формулировками получилось не очень: угадайте, что означает фасон «новые герои», «образы для комфорта» и «вечный фестиваль» (в оригинале, кстати, просто Festival Fashion или «фестивальная мода»).

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

image09

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

image07

Идем дальше.

River Island

У фильтра есть существенный недостаток: в нем можно поменять только 1 параметр за раз. Один! Настроили ползунки с диапазоном цены, выбрали цвет — тадам! — каталог отфильтровался по цвету, страница обновилась, а ваши настройки цен сбросились.

image01

Из хороших находок этого фильтра — рядом с каждым параметром фильтра показывается количество результатов. То есть я сразу знаю, что для моего размера L отыщется 27 толстовок, а не 0. Ок, можно искать с уверенностью.

image03

Zara

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

image04

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

image08

Ted Baker

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

image05

А вот недостаток уже нам знакомый: каждый раз, когда вы будете выбирать новый параметр, страница будет обновляться, а фильтр сворачиваться. Это чистый ад, когда нужно выбрать больше 1-2 параметров: количество кликов растет в геометрической прогрессии.

В общем, если у вас такая же беда на сайте — нужно срочно исправлять.

Hunter

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

image02

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

Marks and Spencer

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

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

image12

Suit Supply

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

image11

Аналогично — для узоров на тканях: все параметры фильтра сразу с примерами:

image06

Сказка, а не фильтр.

Asos

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

image10

Выводы

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

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

Еще по теме

  1. Бесшовный опыт покупок.
  2. Руководство по повышению продаж в e-commerce от REES46.
  3. Персонализация поиска по товарам REES46.
  4. Отраслевое решение REES46 для сегмента одежды и обуви.

Подпишитесь на рассылку

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