Умная строка поиска: как превратить поиск на сайте в помощника покупателя
Строка остаётся строкой, меняется то, что происходит после Enter. Разбираем четыре состояния интерфейса — ожидание, разбор, уточнение, ответ — и ошибки в каждом.
Строку поиска обычно проектируют один раз и больше не трогают: поле, лупа, выпадающие подсказки. Всё остальное внимание уходит на страницу результатов.
Между тем именно строка решает, какой запрос вы получите. Человек пишет ровно так, как ему подсказали писать — и если подсказали «телевизор», он никогда не напишет «чтобы смотреть с дивана в светлой комнате».
Разберём интерфейс по четырём состояниям.
Состояние 1. До ввода
Пустая строка — это инструкция. Всё, что в ней написано, покупатель понимает как «вот так со мной разговаривают».
Плейсхолдер «Поиск по каталогу» говорит: ищите по названию. Получите односложные запросы.
Плейсхолдер «Опишите задачу — подберём» говорит: можно словами. Получите длинные фразы, и именно с ними работает смысловой поиск.
Что именно писать и как это влияет на формулировки — подробно в материале про строку поиска на главной.
Что показывать рядом
Один-два примера запроса, набранных как реальные фразы, а не как категории. «Чем накрыть теплицу на зиму» работает лучше, чем «Теплицы, укрывной материал».
Осторожнее с историей запросов: она полезна постоянным клиентам и бесполезна новым.
Состояние 2. Во время разбора
Смысловой поиск отвечает не мгновенно: нужно разобрать запрос и сопоставить с каталогом. Это одна-три секунды, и их надо чем-то занять.
Худший вариант — крутящийся кружок без текста. Полторы секунды тишины на длинном запросе читаются как «зависло».
Рабочий вариант — показать, что именно понято: «Ищу укрывной материал для теплицы». Это и заполняет паузу, и даёт покупателю шанс поправить, если поняли не так.
Оговорка: не стоит имитировать «думаю…» ради эффекта. Если ответ готов за 200 мс, показывайте его сразу.
Состояние 3. Уточняющий вопрос
Самое хрупкое место. Вопрос должен выглядеть частью разговора, а не всплывшим опросом.
Форма. Один вопрос, короткий, с двумя-четырьмя вариантами ответа кнопками плюс возможность написать своё. Кнопки снимают главную проблему — покупатель не знает, в каком виде отвечать.
Содержание. Про работу, не про товар. «Какая площадь двора?» — да. «Какая мощность нужна?» — нет.
Количество. Один, максимум два. Третий вопрос подряд — и человек закрывает вкладку. Почему именно так — сколько вопросов должен задавать помощник.
Пропуск. Всегда должна быть возможность не отвечать и посмотреть, что есть. Часть людей не хочет разговаривать в принципе.
Когда вопроса быть не должно
Если в запросе уже всё сказано. «Зимняя резина 205/55 R16 шипованная» не требует уточнений — требует выдачи.
Признак неправильной настройки: вопрос задаётся практически всегда. Значит, он задаётся по расписанию, а не по необходимости.
Состояние 4. Ответ
Здесь строка перестаёт быть строкой. Ответ на разобранный запрос — это не то же самое, что страница результатов.
Один вариант с обоснованием для того, кто пришёл с задачей: «вот это, потому что у вас сто квадратов и заезжает машина».
Список для того, кто пришёл с параметром и хочет сравнить.
Честный отказ плюс форма заявки, если подходящего нет. Не «похожее».
Выход в каталог обязателен в любом случае: получив рекомендацию, человек часто хочет посмотреть, что рядом.
Практический пример: одна строка, два сценария
Магазин садовой техники.
Сценарий А. Запрос «husqvarna 128r». Разбор понимает артикул, вопросов нет, сразу карточка и наличие. Полсекунды.
Сценарий Б. Запрос «чем скосить траву на заросшем участке». Строка показывает «Подбираю технику для покоса высокой травы», задаёт один вопрос — «какая площадь и есть ли электричество рядом?» — и выдаёт одну модель с объяснением плюс ссылку на группу.
Одно поле ввода, два принципиально разных пути. Различает их не интерфейс, а разбор запроса — как он устроен.
Пять ошибок интерфейса
Прятать строку в иконку. Лупа в углу на мобильном снижает использование поиска в разы. Если поиск — ваш основной путь подбора, строка должна быть видна.
Ограничивать длину ввода. Поле, в которое не влезает длинная фраза, само себе противоречит.
Агрессивный автокомплит. Подсказки, которые перехватывают Enter и подставляют категорию, убивают длинные запросы на корню.
Открывать диалог в модальном окне поверх каталога. Человек теряет контекст и не может сопоставить ответ с тем, что видел.
Терять разговор при переходе. Если после клика в карточку и возврата назад диалог обнулился, второй раз его никто не начнёт.
Что мерить
- Средняя длина запроса. Растёт после смены плейсхолдера — интерфейс работает.
- Доля сессий с уточняющим вопросом. Под 100% — вопросы лишние; под нулём — не настроены.
- Отказы на вопросе. Растут — вопрос непонятен или их слишком много.
- Переходы из ответа в карточку. Основной признак того, что ответ полезен.
Как собрать эталонный набор запросов и мерить не ощущениями — отдельно.
Итог
Умная строка — не про поле ввода, а про четыре состояния вокруг него: подсказка до ввода задаёт формат запроса, пауза объясняет, что понято, уточнение добирает недостающее одним вопросом, ответ даёт решение, а не список.
Сломать можно любое из четырёх, и чаще всего ломается первое: строка с подсказкой «Поиск по каталогу» просто не получает тех запросов, ради которых всё затевалось.
Посмотреть, как это выглядит на вашем каталоге
Демо AISSE собирает каталог по адресу сайта и открывает ровно такую строку. Наберите в ней длинную путаную фразу — и станет видно, как выглядят все четыре состояния на ваших товарах.