Как создать идеальный дизайн страницы результатов поиска

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

1. Сохраняйте текст запроса в строке поиска
Таким образом пользователю будет проще внести правки, если он захочет уточнить свой запрос.

2. Предоставляйте точные и актуальные результаты
Пользователи часто судят о ценности веб-ресурса, основываясь на качестве результатов выдачи. Сортируйте товары по признакам релевантности, популярности, наличия и прочим метрикам.

3. Используйте "умную" обработку поиска
Наихудший вариант для пользователя, это не получить никакого результата на свой запрос. В этом случае большинство пользователей просто покинут ваш сайт.

— Исправляйте ошибки и опечатки
— Учитывайте транслитерацию. Таким образом неважно каким алфавитом пользователь ввел запрос.
— Учитывайте синонимы и морфологию. Например если пользователь ввел: "мобилки"

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

5. Больше пространства для скролинга
Не стоит нагромождать пространство над выдачей результатов другими элементами или слишком большой шапкой. Пользователь должен сразу видеть результаты и заинтересован прокрутить страницу дальше.

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

Совет: Не скрывайте функцию сортировки в функции фильтрации - это разные задачи. Четко выделяйте включенные фильтры. Пользователи должны знать, какие фильтры активны.

7. Предоставляйте разные виды отображения результатов

- Список
Отображение результатов поиска списком лучше всего подходит для сравнения результатов по параметрам. Если вы проектируете интернет-магазин, то в списке результатов должны быть: описательное название продукта, небольшое изображение и цена.

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

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

Лучше всего подойдет для: одежды, продуктов питания, косметики

8. Предоставляйте пустую страницу результатов поиска

Если по запросу все-таки ничего не найдено, важно предоставить посетителям альтернативные варианты товаров.


Полезные ресурсы:

>> Примеры страниц результатов поиска на странице Baymard Institute

>> Скриншоты паттернов поиска на мобильных приложениях

На этом все! Дайте знать если было полезно. Кстати, как вам оформление статей с иллюстрациями?

Методы исследования в UX — Карточная сортировка

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

Когда применять

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

Как применять

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

Заключение

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

На этом все. Если было полезно, дайте знать в реакциях!

Эффект края, дизайн страниц результатов поиска, карточная сортировка...

Недельный дайджест:

— Что делает веб-дизайнер в 2022 году – 10 основных задач и примеры проектов

— Психология в дизайне — Эффект края

— Ставки в фрилансе #3 — Часовой тариф или фиксированная цена?

— Как бы выглядели российские логотипы на Западе

— Как создать идеальный дизайн страницы результатов поиска

— Методы исследования в UX — Карточная сортировка

Если посты были полезными, дайте знать в реакциях.

Как делать лендинги в 2022

Почему текст сильно переоценен, кто и как должен создавать контент и зачем нужны иллюстрации… Как делать лендинги круче и почему конверсия — не главное. Познавательная статья не только для копирайтеров и маркетологов, но и для дизайнеров.
Для ленивых вложена презентация со слайдами.

https://vc.ru/marketing/529149-kak-delat-lendingi-v-2022-moy-doklad-pro-povyshenie-otdachi-ilyahovskim-metodom-rabotu-s-avtorami-i-prototipirovanie