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

1. Только 16% крупных веб-сайтов электронной коммерции предоставить пользователям достаточно хороший опыт фильтрации.Это часто связано с отсутствием важных параметров фильтрации, но из данных базового ясно, что логика бедных фильтрации и интерфейсытакже причинно-следственные вопросы .
2. 42% топ-сайтов электронной коммерции не хватает специфичных для данной категории типов фильтров для нескольких своих основных категорий товаров .
3. 20% топ-сайтов электронной коммерции не хватает тематические фильтры, несмотря на продаже продуктов с очевидными тематических атрибутов (сезон, стиль и т.д.) .
4. Из тех сайтов, которые имеют дело с совместимостью зависит от продуктов, 32% не имеют совместимости фильтров (например, продажа смартфонов случаев без фильтра для типа устройства и размера) .
5. Тестирование показало, что 10 значений фильтрации требует усечения — еще 32% веб-сайтов или имеют недостаточную дизайн усечения, в результате чего пользователи не заметить укороченные значения (6%) или использовать то, что тестирование показало, что даже более хлопотно, рядный с прокруткой области (24%) .
6. Только 16% сайтов активно содействовать важные фильтры на верхней части списка продукции (необходимое условие при полагаются больше на фильтры, чем по категориям) .
7. Эффективность фильтрации значительно варьируется в зависимости от отрасли, с веб-сайтов электроника и одежда, как правило страдают от недостатка фильтров (для каждого из своих уникальных условиях), в то время как аппаратные веб-сайты и массовые купцы взять на себя инициативу в фильтрации игры .

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

1. Только 16% сайтов обеспечивают хорошую фильтрацию Experience

При сделано правильно, фильтры позволяют пользователям видеть только те продукты, которые соответствуют их индивидуальные потребности и интересы, такие как продукты определенного типа или стиля или с определенными функциями и атрибутами.Например, пользователь может захотеть, чтобы увидеть все продукты в “куртки” категории, для “людей” (пол фильтр), для “зимнего” сезона (тематический фильтр) и доступны в цветовой “Черный” и размера “M” (Изменение фильтра).Это электронной коммерции эквивалент ходить в физическом магазине и спрашивать у продавца __ 17 “Черный, люди, зимнюю куртку в средних размеров.” |

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

⁴

Бенчмаркинга ТОП-50 кассовых сайты США электронной коммерции через руководящих принципов список 93 изделий, указанных в исследовании юзабилити выявленных в целом не очень высокую производительность.Анализируя результаты 1750 производительности конкретных наличии фильтрации, фильтрации логические и фильтрации интерфейсы показывает, что:

• 34% сайтов имеют негативный опыт фильтрации, строго ограничивая способность своих пользователей для поиска продуктов — даже тогда, когда они имеют самое основное требований к продукции;
• 50% сайтов предлагают сносно впечатления фильтрации — отнюдь не хорошо и с несколько областей, которые могут быть улучшены;
• Только 16% сайтов предоставляют хороший опыт фильтрации, с достаточным типов фильтрации, доступных, сбалансированная конструкция фильтрации и логика фильтрации, которая хорошо сочетается с ожиданиями пользователей (хотя, даже среди этих немногих хороших сайтов, большинство по-прежнему есть место для уточнения).

В разделах 2, 3 и 4 этой статьи, мы будем ходить через по данным испытаний для трех типов ядро ​​фильтрации, которые, как правило, вызывают вопросы: конкретных категорий фильтров, совместимость фильтров и тематической фильтры — из-за 60% от основнойсайтов электронной коммерции лишены одной или нескольких из этих .

Во время тестирования, логика фильтрации и фильтрации пользовательского интерфейса часто приводит к плохой опыт, даже на сайтах, которые вложили средства в продукт мечения (т.е. наличие фильтра).Люди должны быть в состоянии найти и применить соответствующие значения фильтрации и сделать их желаемых комбинаций фильтрации, чтобы привлечь значения из фильтров веб-сайта.Тем не менее, отметить, 40% испытуемых были в какой-то момент во время тестирования не удалось найти веб-сайта параметры фильтрации — несмотря на активно ищет для них.Это очень важно, учитывая, что незаметно фильтры — с пользовательским — фактически то же самое несуществующие фильтры.В разделе 5 и 6, то мы будем идти по двум дизайна фильтрации шаблонов, которые доказали свою эффективность в решении некоторых из этих проблем пользовательского интерфейса .

2. 42% Отсутствие конкретных категорий фильтр Types

Большую часть времени, пользователи заинтересованы в фильтрации списка продуктов через конкретным категориям атрибутов, а не только веб-сайт для всей атрибуты (марка, модель, цену, пользовательские рейтинги, и т.д.).Примером может служить фильтрации списка камер камерой конкретных атрибутов, таких как мегапикселей уровень масштабирования и крепления объектива — атрибуты, которые не особенно значимым для других типов электроники, такими как телевизоры .

Например, спальные мешки потребуется на температуру фильтра, в то время как мебель потребуется цветной фильтр, и жесткие диски фильтра мощности, и так далее.Массивный 42% топ-сайтов электронной коммерции не хватает таких специфичных для данной категории типов фильтрации длянекоторые из их основных вертикалей продукции .

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

⁶

⁹

¹²

Во время тестирования, когда пользователи сталкиваются веб-сайты, которые не имеют Основы фильтрации по конкретным категориям, они откажутся, потому что они поняли, что они должны вручную найти предметы, которые они хотят при просмотре списка генерик, содержащий сотни предметов (например, чтобы найтижакеты из шерсти, кухонные комбайны с емкостью более 14 чашек, и т.д.).Люди часто занимает довольно много времени, чтобы полностью понять, что веб-сайт не предлагают такие фильтры, с наиболее простого предположения, что “Это должно быть где-то там”, и не веря, что веб-сайт может пренебречь такой основам — и вынуждены искать черезсотни продуктов .

При список представляет собой комплект из результатов поиска, граненой search должны предоставить пользователю самых подходящих для конкретного продукта фильтров, без того, чтобы пользователь указать категорию.Мы коснулись наших тестовых результатов и тема граненый поиска (и, как только 40% топ-веб-сайты предлагают это) в разделе 6 в “ текущее состояние электронной коммерции Search ¹⁵ .”

Key Takeaway

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

3. 20% Отсутствие Тематический Filters

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

В то время как телевизоры, фотоаппараты, куртки и рубашки могут быть легко найдены на большинстве сайтов электронной коммерции, просмотр продукцию, которая соответствует определенный “тему” может быть почти невозможным.Несмотря на такие тематические атрибуты нередко как общие, так и центральные аспекты решения о покупке пользователя, в нашем тестировании выяснилось, что 20% топ-сайтов электронной коммерции по-прежнему не хватает тематические фильтры (хотя его поддержка выросла до 66%, по сравнению с 48% по сравнению с Наш последний изучение и сравнительный анализ электронной коммерции search ¹⁶ ) .

¹⁷

“Я слишком нетерпелив для такого рода вещи.Они потеряли бы меня.Если бы не было несколько страниц, я бы никогда не получили через него, “один субъект объяснил, как он посмотрел за куртку для весеннего сезона на Gilt ^{19 10} .”Как правило, вы можете выбрать между зимние куртки, весенние куртки или типа рубашки.” В конце концов он отказывается от сайта .

²⁰

“Я смотрел на них, чтобы увидеть то, что стиль похож.И тогда я думаю: “Ayhh, это все некрасиво. Так, я иду снова, чтобы увидеть, если я могу сортировать немного [фильтр, изд.], Под« стилем »или что-то,” один субъект объяснил времяона искала способ фильтрации по стилю.Что только “типа подушка” фильтра, доступных на Керамика Barn, она была несколько вариантов, чтобы попытаться и в конечном итоге применения случайный тип подушек чтобы увидеть, где что бы взять ее — вряд ли надежный способ для пользователей, чтобы найти соответствующие элементы на веб-сайте.

²²

Без тематических опций фильтрации, просмотра только те продукты, представляющие интерес для них часто необоснованно много времени для пользователей.Это было особенно случай, когда он пришел на самом деле выбора, какой товар (ов) на приобретение, потому что соответствующие продукты будут случайным образом разбросаны по всему списку продукции.Во время тестирования, отсутствие тематических фильтров часто приводило к веб отказ, потому что субъекты преждевременно пришли к выводу, что либо магазин не несут тип продукта, который они хотели (например, весенние куртки) или, чаще всего, что найти несколько соответствующих пунктовкоторые могут быть скрыты где-то в огромном списке продуктов будет почти невозможно.На сайтах, которые действительно имеют тематические фильтры, фильтры имели очень высокие показатели использования, часто выше 50% .

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

Key Takeaway

Выявление и предложить основные тематические фильтры, уникальные для веб-сайта и связи продукт типа.Они часто должны быть конкретным категориям (см раздел 2).Общие упущения стиль, контекст использования и купли-Выбор параметров .

4. 32% Отсутствие совместимости Filters

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

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

²⁵

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

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

Несмотря на совместимость фильтры является непременным условием для поиска и покупки совместимых элементов, 32% веб-сайтов, которые продают совместимости зависит от продуктов нет совместимости фильтров .

В то время как большинство веб-сайтов есть “бренд” фильтр, тесты показали, что это совершенно недостаточно в качестве единственного типа фильтра совместимости.Во-первых, бренды часто имеют несколько рядов или продукты с различными аспектами совместимости.Например, все адаптеры Lenovo не будет соответствовать всем ноутбуки Lenovo;Таким образом, просто применив фильтр для “Lenovo” не даст пользователю список всех продуктов, совместимых с их конкретной Lenovo ноутбук.Во-вторых, в течение нескольких зависимостей совместимости, сторонние продукты главным соображением.Например, “производитель” или “бренд” фильтр не будет предоставлять пользователю с полным список соответствующих рукава для их MacBook ноутбука .

Key Takeaway

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

(См разделы 4 и 6 “ E-Commerce Исследование: Руководство для лучшей навигации и Categories ²⁷ ” Подробнее о совместимости в зависимости от продуктов, в том числе обсуждения полного сопряженности с совместимойпродукты на страницах продуктов)

5. 10 Фильтрация значения требуют обрыва, все же 32% Do It Poorly

Мы протестировали три доминирующих моделей для отображения списков 10 фильтрации значений:

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

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

А. Отображение фильтрацию Values

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

²⁸

Во время тестирования будет видеть пользователи, например, бренд фильтр с 2:59 экранах значений фильтрации марки в пределах — делает невозможным, чтобы получить представление о дополнительных типов фильтров, предлагаемых ниже.Большинство испытуемых полностьюупускается из виду дополнительные типы фильтров ниже длинного списка значений фильтрации и, как правило, перегружены долгосрочной фильтрации боковой панели растяжения два экрана или больше.На позитивной ноте, наш список продуктов и фильтрация тест показывает, что только небольшая часть (2%) из крупных веб-сайтов электронной коммерции в настоящее время использовать этот шаблон .

Б. Использование встроенных Scrollable Areas

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

³¹

Реализация встроенные прокручиваемые области является гораздо более распространенным — 24% крупных веб-сайтов электронной коммерции использовать этот шаблон.Это не, однако, оказываются выполнить лучше, потому что он приходит с множеством проблем на своих собственных.Наиболее значительные проблемы (которые также трудно решить) являются следующие:

1. Прокрутка within прокрутка (т.е. вложенные прокрутки стекла) оказалось не особенно легко концепция для пользователей, чтобы понять.Области прокрутки встроенный будут размещены в более широком области прокрутки веб-страницы — требуя от пользователя, чтобы понять разницу, чтобы избежать проблем .
2. Люди, которые хотели применить фильтр не может получить обзор всех параметров фильтрации, потому что прокручивать область была ограничена в высоту.Проблема юзабилити, таким образом, перешла от не получать обзор типов фильтрации не получать обзор значений фильтрации для каждого типа .
3. Встроенные прокруткой области часто вызывали “прокрутки угон”, когда пользователь будет прокручивать веб-страницы, когда они хотели, чтобы прокрутить список фильтрации, или наоборот.Пользователь должен был быть постоянно в курсе позиции своего курсор мыши всякий раз, когда они хотели, чтобы прокрутить.Другими словами, доминирующая страниц просматривают узор на Интернете, вертикальныйпрокрутка страниц, будет угнан.(На устройствах с сенсорным, широкий встроенные прокруткой области могут подстерегать пользователя, что делает почти невозможным для прокрутки страницы вместо области прокрутки встроенного).

(Если вы хотите, чтобы глубже изучить проблемы встроенных прокруткой областях, мы изучению результатов в глубине elsewhere ³⁴ ).

С усечения Фильтрация Values

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

³⁵