jessepinkman010101
@jessepinkman010101
Варю синий код

UX, как правильно?

Итак, есть страница с дефолтными записями (скажем с товарами для удобства) (фото 1)
Есть возможность фильтровать товары, например по цветам. Фильтрация происходит ajax запросом на бэк, и далее результат выводится в таблицу.

Есть также поле поиска товара по всей базе (фото 3)

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

Допустим мы выбрали несколько фильтров: цвет красный и синий. В таблицу запросом выводятся только товары соответствующие фильтру. Скажем iphone 11 и iphone 22.
То в данном случае как лучше поступить, если в поле поиска ввести запрос, искать по всей базе или с учетом выбранных фильтров, если в примере выше в поле поиска ввести smasung, то выдать "не найдено" или как ?

Возможно будет лучше сделать так: если не выбраны фильтры, то искать по всей базе, а если выбраны, то искать с их учетом. Будет ли такой вариант удобен и правильный с точки зрения UX ?

фото 1

608718ee20dc3883714547.jpeg

spoiler
608719e0b61da022547904.jpeg

фото 3
608719c1c7799033277199.jpeg


spoiler
Ребят, прошу не удаляйте тэги, это не тэг спам, ведь тэгов соответствующих вопросу мало, а выбранные почти подходят
  • Вопрос задан
  • 198 просмотров
Пригласить эксперта
Ответы на вопрос 2
sergski
@sergski
web-developer
Логично, конечно, делать запрос с учетом фильтров, а иначе, зачем пользователь их выбирал?) И если выборка цветов уже произошла и, например, у Самсунга нет красных и синих, то и возможности его выбрать не должно быть, зачем лишний запрос делать? Но можно и разделить приоритеты: запрос из поисковой строки и выбор из списка (select) производителей. Те при исходных фильтрах (красный и синий) блокировать выбор из select (самсунг), но из поля поиска искать без учета заданных фильтров (Самсунг, красный и синий).
Ответ написан
DavidGof
@DavidGof
JS Developer
UX - это пользовательский опыт, а не опыт дизайнеров. Надо проверять на пользователях =)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы