отрывок:
хороший фильтр – это не только необходимые условия сортировки, но и представление этих условий таким образом, чтобы пользователю было легко вникнуть в них и взаимодействовать с сайтом по интуиции.
В процессе эталонного тестирования 50 топовых быстрорастущих американских интернет-магазинов по 93 факторам было обнаружено, что фильтрация на них настроена не самым лучшим образом. Анализ по 1750 специальным параметрам, относящимся к доступности фильтрации, логики фильтрации и интерфейсам самих фильтров показал следующее:
- 34% сайтов обладают бедной системой фильтров, сильно ограничивающей их пользователей в поиске товаров – даже в случае, когда у них вполне себе обычные запросы;
- 50% сайтов предлагают сносный фильтр – хороший, но всё же с некоторыми свойствами, которые следовало бы улучшить;
- только 16% сайтов могут похвастаться отличной системой фильтров, где доступны различные способы сортировки, преобладает сбалансированный дизайн и логика работы отвечает ожиданиям пользователя (все же, даже в этой группе большинству есть что улучшить!).
часть 2ая
чеклист для фильтров на сайтах
Важность: Extra High
□ Если фильтр не применен — адресная строка браузера содержит ЧПУ без дополнительных параметров.
- При первом заходе на страницу категории в url-е не должны быть «вопросиков».
Нужно зайти на страницу каталога или категории и убедиться, что использован ЧПУ.
□ При переходе на товар из каталога — ссылка «назад» в браузере должна работать корректно и восстанавливать параметры.
□ Для всех полей фильтра убедиться, что загружаются корректные данные из соответствующих справочников.
- Для выпадающих списков и чекбоксов проверить полноту выдаваемой информации.
- Для полей ввода проверить наличие автоподстановок (чузен).
- Для списков и радиобаттонов проверить возможность отмены выбранного значения, после того, как какое-либо значение уже выбрано.
- Проверить, что вывод данных из справочников — отсортирован.
□ При открытии ссылки с отфильтрованными данными — состояние фильтра восстанавливается.
- Фильтр динамически изменяет URL при применении параметров фильтрации.
- При открытии ссылки с отфильтрованными данными в отдельном окне в режиме инкогнито состояние фильтра и отфильтрованные данные восстанавливаются, не вызывая редиректов, мигания фильтра или лишних переходов.
- Изменение каждого поля из фильтра сохраняется и восстанавливается в ссылке.
□ Все поля в фильтре корректно влияют на фильтруемый список.
- Проверить фильтрацию раздельно по каждому полю.
- Проверить фильтрацию по комбинации полей.
□ Кнопка сброса фильтра корректно работает.
- Сбрасываются как параметры фильтрации, так и URL.
- Перестраивается список товаров.
Важность: High
□ Предусмотрена пейджинация для поисковых машин.
□ Robots.txt обеспечивает защиту от дублирования контента при индексации.
- Страницы каталога без фильтра должны быть открыты для индексации (включая индексацию постраничной навигации).
- Страницы с примененным фильтром должны быть закрыты от индексации.
□ Фильтр не создает излишних SQL-запросов.
- Работает быстро, нет необоснованных выборок.
□ Списки, чек-листы, деревья и прочие поля должны содержать только те элементы, по которым могут быть найдены позиции.
- Если фильтрация по какому-либо полю или критерию вернет 0 позиций — необходимо убирать ее из фильтра или делать неактивной (в зависимости от дизайна).
□ Зависимые поля обновляются синхронно.
- При изменении одного из зависимых полей — остальные обновляют свои данные (обновляют списки данных, меняют активность значений и проч.).
□ Предусмотрен прелоадер на обновление выборки.
□ Предусмотрен и корректно работает предварительный расчёт количества найденных позиций.
Важность: Normal
□ Фильтр с подгрузкой каталога по ajax корректно восстанавливает позицию в списке.
- Фильтр излишне не забивает кеширующую систему.
- Для фильтров с большим объемом характеристик и большим каталогов проверить обоснованность кеширования результатов.
- Наличие теггированного кеша.
- Частоту сброса.
□ Задано поле для сортировки по умолчанию.
- Предусмотрено на дизайн-макете.
□ Выбранные параметры сортировки — очевидны.
- Очевидно, по какому полю и в каком направлении применена сортировка сейчас.
- Очевидно, как поменять поле и направление сортировки.
□ Кнопка применения фильтра всегда находится в зоне видимости.
□ Хлебные крошки при просмотре товара позволяют вернуться к правильно отфильтрованному списку.
□ При изменении параметров фильтра рядом с полем появляется кнопка «Показать».
Важность: Low
□ Хлебные крошки при просмотре товара формируются с учетом параметров фильтрации.
- Выбираемые в фильтре параметры появляются в виде перечня с возможностью сброса любого из выбранных параметров.
источник чеклист для фильтров на сайтах
Автор: Владимир Завертайлов, Сибирикс (Генеральный директор)
Оригинал: http://blog.sibirix.ru/2014/01/27/filters-checklist/