Я хочу разместить фильтр по цене на своем сайте. В настоящее время я разместил его как slider.

Я думал о добавлении поля ввода слева и справа от ползунка, которое будет указывать минимальное и максимальное значения соответственно. Что заставит это выглядеть так:

enter image description here

Но не загромождает ли это место?

Есть также места, где фильтр по цене помещается в виде флажка.

enter image description here

Но какие другие способы существуют? и какой из них был бы лучшим?

Обратите внимание, что список фильтруется динамически, как только пользователь меняет ползунок или устанавливает флажок.

PS: изображения не из моих дизайнов. Дизайн красивее, но в разработке! :)

Заранее спасибо! :)

2
Mehul Tandale 15 Ноя 2015 в 13:28
1
Если вы можете упростить интерфейс для целевой аудитории, это всегда хорошая идея. Но помимо этого обобщения трудно дать полезный ответ. Вопрос "Что лучше?" вопрос требует мнений, и отсутствие контекста делает этот вопрос невозможным для ответа. Не могли бы вы предоставить более подробную информацию? Кроме того, ознакомьтесь с рекомендациями (в меню «Справка» в верхней части этой страницы), чтобы лучше сформулировать вопрос.
 – 
JeromeR
15 Ноя 2015 в 14:45
Я никогда не встречал ползунок, который мне нравился для числового выбора. Я трачу больше времени, пытаясь заставить его остановиться там, где я хотел, чем если бы я мог просто напечатать его.
 – 
Rob
17 Ноя 2015 в 01:30

2 ответа

Лучший ответ

Я думаю, что ввод текста (от) + ползунок + ввод текста (до) - лучшее решение. В этом случае вы можете установить свой собственный диапазон, не устанавливая несколько флажков. Но если вы хотите минимизировать запросы на сервер каждый раз, когда клиент меняет диапазон ползунка, то вы можете добавить кнопку «ок». В этом случае пользователь установит диапазон — нажмет ок — и увидит результат.

См. Пример

Range input fields with an OK button above a corresponding slider

1
elemjay19 16 Дек 2015 в 19:24

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

Я думаю, что ползунок может быть хорошим решением (в зависимости от), хотя, если пользователю не нужна точность дополнительных текстовых полей для конкретных подробных значений, я думаю, что это может загромождать вещи - если ваши пользователи ДЕЙСТВИТЕЛЬНО нуждаются в этом уровне специфичности.

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

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

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

Так вот: это зависит. Но, возможно, это даст вам немного больше поводов для размышлений. Удачи!

0
Mattynabib 16 Дек 2015 в 19:26