Поиск по сайту с телефона: почему мобильный сценарий другой
Короче запросы, больше опечаток, меньше экрана и одна рука. Что менять в поиске под телефон и что проверить прямо сейчас.
Поиск, который хорошо работает на настольном экране, на телефоне часто проваливается. Причина не в вёрстке, а в том, что человек с телефона ищет иначе.
Пять отличий мобильного поиска
Запросы короче. Печатать на экране неудобно, поэтому вместо трёх слов вводят одно. Меньше слов — меньше материала для поиска.
Опечаток больше. Мелкая клавиатура, автозамена, ходьба. Доля искажённых запросов заметно выше.
Голосовой ввод даёт другой язык. Продиктованный запрос — это разговорная фраза целиком: «где взять экскаватор на завтра». Ключевых слов там нет, есть задача.
Экран показывает меньше. На настольном экране видно десять позиций, на телефоне полторы. Ошибка в первой строке выдачи стоит дороже.
Внимания меньше. Человек в дороге, между делом. Ждать и разбираться он не будет.
Что из этого следует для выдачи
- Первые три результата решают всё. Остальное почти никто не увидит.
- Карточка в выдаче должна быть компактной. Картинка, название, цена, наличие. Больше не помещается и не нужно.
- Пустой экран недопустим. На телефоне уход после пустой выдачи почти мгновенный. Нужны похожие позиции и форма заявки.
- Загрузка должна быть быстрой. Мобильная сеть медленнее, а терпение короче.
Что менять в строке поиска
- Строка видна без прокрутки на всех страницах каталога.
- Нажатие открывает клавиатуру сразу, без лишнего перехода.
- Подсказки при вводе крупные, попадать пальцем легко.
- Кнопка очистки на месте: исправлять длинный запрос на телефоне мучительно.
- Кнопка голосового ввода, если есть возможность.
Подсказки на телефоне ценнее, чем на настольном экране: они избавляют от набора текста и от опечаток одновременно.
Что делать с фильтрами
Настольная колонка фильтров на телефоне не работает. Три рабочих подхода:
Отдельный экран фильтров. Кнопка открывает экран, выбранное применяется одним нажатием. Понятно и привычно.
Строка чипов над выдачей. Два-три самых нужных фильтра сразу, остальное на отдельном экране.
Уточняющий вопрос вместо фильтров. Помощник спрашивает одно и сужает выдачу. На телефоне это часто быстрее, чем любые фильтры.
Обязательное правило для всех трёх: применённые фильтры должны быть видны. Забытый фильтр даёт пустую выдачу, а человек считает, что товара нет.
Про сам виджет на маленьком экране — виджет для сайта: как выбрать угол, размер и цвет.
Голосовой ввод меняет запросы
Продиктованная фраза длиннее и разговорнее набранной. Словарный поиск на ней ломается: совпадать нечему.
Если доля голосовых запросов заметна, это довод в пользу смыслового разбора. Проверить просто: в отчёте по поисковым фразам такие запросы выглядят как целые предложения.
Чек-лист проверки за десять минут
- Откройте сайт на телефоне и найдите строку поиска. Дольше трёх секунд — проблема.
- Введите запрос одной рукой на ходу. Неудобно — проблема.
- Посмотрите, сколько результатов видно без прокрутки.
- Введите запрос с опечаткой и посмотрите на выдачу.
- Откройте фильтры и попробуйте вернуться назад, не потеряв запрос.
- Введите заведомо отсутствующий товар и посмотрите, что предлагает экран.
Каждый пункт — отдельная задача, если он не пройден.
Вывод и следующий шаг
Мобильный поиск отличается не размером экрана, а поведением: запросы короче, опечаток больше, терпения меньше. Отсюда требования — видимая строка, подсказки, компактная выдача и обязательный сценарий при отсутствии результата.
Следующий шаг: пройдите шесть пунктов чек-листа на своём телефоне прямо сейчас. Обычно два-три из них не проходят.
Частые вопросы
Нужен ли отдельный поиск для мобильных?
Отдельный механизм не нужен, нужны другая выдача и другие фильтры.
Почему запросы с телефона короче?
Печатать неудобно. Вместо фразы вводят одно слово, и поиску не за что зацепиться.
Сколько результатов показывать?
Столько, сколько влезает без прокрутки, плюс подгрузку остальных. Важны первые три.
Что делать с фильтрами?
Выносить на отдельный экран и обязательно показывать применённые прямо над выдачей.
Влияет ли голосовой ввод?
Влияет: фразы становятся разговорными и длинными, словарный поиск с ними не справляется.
Как быстро должна открываться выдача?
Быстрее, чем человек успевает передумать. На мобильной сети это значит без задержек и тяжёлых картинок.