Как правильно настроить сортировку внутри категорий товаров, рассказывают специалисты по UX из Baymard Institute.

Эта статья могла бы называться «сортировка, которую хотят все пользователи, но никто из интернет-магазинов не реализовал». Во время нашего исследования юзабилити крупнейших интернет-магазинов мы обнаружили, что ни один из них не предлагает «зависящую от категории» сортировку товаров. Должно ли это быть неожиданностью, что пользователи хотели бы отсортировать список телевизоров по диагонали экрана, а жесткие диски – по емкости?

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

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

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

Пример: легкий дорожный велосипед за 2000 долларов

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

Посмотрите на пример ниже. Хотя на сайте присутствует масса опций для сортировки и фильтрации, что должен здесь сделать человек, который ищет легкий велосипед?

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

1. Пользователь открывает категорию «велосипеды».

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

3. Дальше он может выбрать фильтр по цене и установить предел в 2000 долларов. Это легко сделать в большинстве интернет-магазинов. Теперь у него список дорожных велосипедов не дороже 2000 долларов.

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

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

Почему пользователи предпочитают сортировку фильтрам

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

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

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

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

Подстраиваемая сортировка помогает пользователям

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

Подстраиваемая сортировка помогает пользователям лучше понять предметную область и уточнить свои критерии выбора. Пользователь видит, что первые три велосипеда весят 7,5 кг и стоят порядка 1800 долларов, затем с увеличением веса происходит скачок в цене, когда велосипеды тяжелее 10 кг уже стоят вдвое дешевле.

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

Тонкости подстраиваемой сортировки

• Сортировка по таким полям имеет смысл, только если они имеют численное значение, например, «размер экрана» или «емкость», «вес» и так далее. Если специфичное для данной категории поле не имеет численного выражения, например «цвет», то нет какого-то логичного порядка, как вы можете по нему отфильтровать.
• Выбирайте не более 3-5 полей для такой сортировки, чтобы не получить очень длинный список вариантов и не вводить пользователя в «ступор от выбора».

В заключение отметим, что пользователям нужны как «жесткие» инструменты отбора товаров – фильтры, так и «мягкие» — сортировка по разным полям. Это позволяет пользователям комбинировать их и применять различные сценарии использования, соответствующие тому, как они формулируют для себя описания желаемых покупок. «Легкий велосипед не дороже 2000 долларов», «недорогой SSD-жесткий диск объемом 256 МБ» и так далее.

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

По материалам Baymard Institute