Как создать удобную форму поиска

Форма поиска— один из важных элементов интерфейса. Хорошо продуманный поиск помогает пользователю быстро найти нужную информацию максимально быстро. Поиск имеет особенно важное значение в сфере электронной коммерции. Исследование поиска и навигации от Cludo показало, что до 50% пользователей сразу переходят в панель поиска . Это означает, что оформление строки поиска имеет большее значение, чем может показаться на первый взгляд.

Определите, нужен ли на сайте поиск

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

Убедитесь, что поиск заметен и не скрывайте его за иконкой

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

Используйте иконку лупы

Иконка увеличительного стекла—один из символов, чей визуальный образ универсален. Пользователи распознают её даже без текстового сопровождения. Чем проще иконка лупы, тем быстрее и проще ее распознать.

Разместите форму поиска на привычном месте

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

Сделайте кнопку поиска

Не все пользователи поймут, что при отсутствии такой кнопки, вместо неё нужно нажать «enter» на клавиатуре. Не забывайте об этой кнопке, если хотите сделать сайт доступным для всех.

Показывайте популярные результаты поиска, когда пользователь вводит запрос

Когда пользователь начинает вводить свой запрос, сразу дайте ему несколько потенциальных вариантов. Возможно, среди них есть то, что он ищет. Добавьте кнопку «все результаты поиска» для тех, кто в подсказке не увидит то, что ищет.

Уточните, что пользователи могут искать

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

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