Поле поиска по сайту не заметно, приходится искать

Критичность проблемы: Высокая | Сложность внедрения: Высокая | Встречаемость: Средняя

Я прихожу на сайт с конкретной задачей. Хочу сразу вбить запрос и идти дальше. Глаза автоматически ищут правый верхний угол — там обычно лежит поиск. Но тут пусто. Логотип крупный, баннер яркий, кнопки «Купить», «Акции», а поиска не вижу.

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

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

Ловлю себя на попытке нажать Ctrl+F. Это смешно: я ищу поиск через поиск браузера. Нахожу слово «поиск» в футере, но это ссылка на страницу с подсказками, не поле для ввода. Возвращаюсь в шапку. Лупа всё такая же маленькая. Нажимаю — поле раскрывается поверх контента, перекрывает баннер. Я не уверен, куда смотрю, и не понимаю, где курсор.

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

Когда проблема критична, а когда нет

Критично:

• Интернет-магазины с широкой номенклатурой (маркетплейсы, ритейл с тысячами SKU).
• Медиа, каталоги знаний, справочные центры, документация SaaS.
• Госуслуги и сервисы, где пользователь приходит с конкретной задачей и термином.
• B2B-каталоги, где поиск — основной путь к узким позициям.
• Мобильные версии при высокой доле трафика со смартфонов и сценариях «быстрый запрос».

Некритично или мало влияет:

• Лендинги с одной целью и коротким путём (заявка, звонок, запись).
• Узкие сайты с 5–10 страницами, где навигация очевидна.
• Продукты с жёстко заданным сценарием (мастер шагов), где поиск не нужен.
• Кампании, где трафик идёт на глубинные страницы по конкретным ссылкам.
• Витрины с очень малым ассортиментом, когда фильтры справляются быстрее поиска.

Что об этом говорят другие пользователи

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

Бесполезные ответы

• Я поиском не пользуюсь.
• Кажется, где-то видел, не помню где.
• Ну, как-то справился.

Полезные ответы

• Искомое место — правый верхний угол. Там лупа без подписи и очень светлая, заметил её только через 10–12 секунд. На мобильном спрятана в бургер-меню.
• Я пролистал экран и потерял шапку, поиск уехал. Вернул наверх, потратил лишние 2 действия. Ожидал фиксированную шапку.
• Иконка лупы 16 px, клик-зона маленькая. На тачпаде промахивался. Нужна подпись «Поиск», сейчас непонятно, что это.
• Плейсхолдер исчезает сразу после фокуса, я не уверен, что можно вводить. Контраст текста в поле слабый, на светлом баннере его не видно.
• Я ожидала строку поиска на странице каталога. Её там нет, есть только фильтры. Вернулась на главную — потратила около 20 секунд.

Решение проблемы

• Сделайте поиск видимым. Поставьте его туда, где его ждут: правый верхний угол шапки, на всех страницах. Дайте полю рамку и контраст к фону. Добавьте подпись «Поиск» и кнопку «Найти» или иконку плюс текст.
• Не прячьте поиск. Не убирайте его в бургер, выпадашки и вторые клики. На десктопе держите строку видимой всегда. При скролле закрепите шапку, чтобы поиск был под рукой.
• Сделайте кликабельную площадь крупной: минимум 44×44 px. Увеличьте размер поля до комфортного: чтобы влезало 30–40 символов. Контраст текста и рамки — не ниже 4.5:1.
• Дайте понятную микрокопию. Плейсхолдер «Поиск по сайту» или «Что вы ищете?» без воды. Не заменяйте подпись одной лупой — иконку поддержите текстом.
• На мобильном выведите отдельную иконку с подписью «Поиск» в шапке. По нажатию показывайте поле сразу, без лишних анимаций и перекрытий, с автофокусом и открытой клавиатурой.
• Сделайте поиск доступным. Явный label, aria-label, фокус-стиль, таб-порядок. Подсветка фокуса заметная. Горячая клавиша / или Ctrl+K.
• Упростите ввод. Запускайте поиск по Enter и по клику. Сохраняйте введённый запрос на странице результатов, чтобы его можно было поправить. Предлагайте подсказки и автодополнение без задержек.
• Поставьте поиск там, где он нужен. На страницах каталога и помощи — тоже. Не заставляйте возвращаться на главную.
• Проверьте метрики. Время до первого ввода, доля сессий с поиском, нулевые результаты, клики по полю, отказы со страницы результатов. Если люди ищут — помогите им искать.

Гипотезы для роста конверсии

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