Поведение фильтра по умолчанию: все отображается или все скрыто?

У нас есть поле выбора на нашем веб-сайте. И сегодня мы обсуждали в офисе о наших параметрах фильтра, когда пользователь впервые сталкивается с параметрами фильтра.

Вариант A введите описание изображения здесь>> </p>

<p>  Фильтры не активны. Все результаты будут показаны. </Em> </p>

<p> <strong> Вариант B </strong>
<img src =

12 голосов | спросил Daniël 11 J0000006Europe/Moscow 2014, 18:43:07

5 ответов


21

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

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

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

В общем, я бы рекомендовал сочетание обоих, как набросок ниже.

По умолчанию (отображаются все результаты, нет активного фильтра) введите описание изображения здесь

Фильтр банка активирован, отображаются только соответствующие результаты. введите описание изображения здесь>> </p>

<p> Идея состоит в том, чтобы использовать тонкий визуальный сигнал (по-прежнему в соответствии с плоским дизайном), например, круг или плоскую тень, чтобы намекнуть, какой фильтр активируется в данный момент. </p>

<p> Кроме того, вы можете использовать текст, обозначенный как «Отображение результатов, относящихся к банкам, деревьям и горам», вместе с кнопкой или чем-то, чтобы обновить страницу до состояния итогового результата по умолчанию (которое может иметь текст «Показывать все результаты»). </p>

<p> Обратите внимание, что мой эскиз не соответствует расстоянию, выравниванию, а также требованиям шрифта и служит только для демонстрационной цели. </p></body></html>

ответил Son Do Lenh 11 J0000006Europe/Moscow 2014, 19:03:18
1

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

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

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

ответил user50401 12 J0000006Europe/Moscow 2014, 01:32:48
0

Если за один раз может быть активен только один фильтр, должен быть выбран фильтр «ПОКАЗАТЬ ВСЕ», все кнопки фильтров должны быть включены, а некоторый индикатор, такой как граница, должен использоваться для указания выбранной кнопки.

Если фильтры могут быть объединены, я бы предложил группировать фильтры в группы «ИЛИ», каждая из которых должна иметь кнопку «ЛЮБОЙ». Нажав «ЛЮБОЙ» или щелкнув любой фильтр, когда выбран «ЛЮБОЙ», следует выбрать фильтр с щелчком и снять все остальные. Выбрав выбранный фильтр only в группе, должен быть эквивалент нажатия «ЛЮБОЙ». В других случаях щелчок фильтра должен действовать как переключатель. Каждая группа должна иметь описательную метку (например, «Цвет волос должен быть ...»), так что ясно, что отображаемые предметы должны удовлетворять условиям, указанным для всех групп. Когда в группе выбрано «ЛЮБОЕ», ярлык может быть затемнен, чтобы указать, что это не имеет особого значения. В зависимости от пространства может оказаться полезным, чтобы текст ярлыка указывал на выбор (например, «Цвет волос должен быть BLACK или BROWN или RED "], чтобы убедиться, что фильтр не требует, чтобы человек имел многоцветный волосы.

ответил supercat 11 J0000006Europe/Moscow 2014, 22:18:26
0

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

Вариант B превосходит.

ответил AdamUX 19 J0000006Europe/Moscow 2014, 17:42:50
0

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

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

Он также может быть близок к тегам здесь, на Stack Exchange: вещь может иметь несколько тегов, и они помогают пользователям находить все, что связано с их интересом.

Однако, если при выборе больше значков отображает больше контента , тогда ожидалось, что отмена выбора значков показывает меньше содержимого . Таким образом, логичным способом было бы перейти к вашей опции A.

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

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

Есть два альтернативных решения, которые приходят на ум, что оба они привносят ясность в ситуацию, и оба требуют одно и то же дополнение:

Добавьте описание «показать все».

Решение 1: Рассматривайте свой фильтр как категории. То есть, пусть пользователь выбирает только один. Это очень распространенное, очень хорошо изученное поведение. Если вам нужно, чтобы пользователи могли выбирать несколько значков, я бы предложил ...

Решение 2: Обращайтесь к случаю, когда все фильтры активны как особый случай, как показано ниже. Идея состоит в том, чтобы «показать все» как специальный переключатель. Однако, я думаю, что даже это несколько двусмысленно: -)

Special Operator" Показать все "

ответил AdamUX 19 J0000006Europe/Moscow 2014, 17:42:50

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132