Нельзя быстро очистить поле поиска

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

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

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

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

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

Когда критично, а когда нет

Критично:

• Маркеты, маркетплейсы, агрегаторы, объявления, travel, билеты, отели, работа — где пользователь часто переформулирует запрос.
• SaaS, CRM, внутренние панели, каталоги B2B — высокая частота повторных поисков в одной сессии.
• Мобильный трафик, медленный интернет, ограниченное время (доставка за час, динамичные цены).
• Длинные и сложные запросы, когда уточнение идёт итерациями.

Не критично:

• Небольшие сайты с простым каталогом и короткими запросами.
• Лендинги с явной навигацией по категориям, где поиск второстепенен.
• Сценарии «один запрос — один результат», когда повторные поиски редки.
• Когда фильтры и чипы работают лучше поиска и используется клик-навигация.

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

Представьте, что ваш первый запрос не подошёл. Как вы начнёте новый поиск: какие действия пробуете, что мешает быстро очистить поле, и в какой момент вы чувствуете, что застряли?

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

• Всё нормально, у меня получилось.
• Да вроде ок, не заметил проблем.
• Непривычно, но пойдёт.

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

• Не нашёл крестик в поле. Удалял 25 символов по одному, это заняло около 10 секунд. Ожидал видеть кнопку очистки справа.
• Нажал Esc, подсказки закрылись, но текст остался. Думал, что Esc очистит поле. Пришлось делать Ctrl+A, но фокус был на списке.
• На iPhone курсор перекрывает кнопку отправки. Длинное удержание не дало «Выделить всё», попал в автозамену. В итоге стер руками, устал.
• После очистки меня выкинуло в начало страницы, а фильтры сбросились. Я отказался от повторного поиска.
• На планшете иконка очистки слишком мелкая. Попадаю мимо, открываю историю запросов, раздражает.

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

• Сделайте очистку очевидной и мгновенной.
• Добавьте кнопку очистки внутри поля справа. Показывайте её только при непустом поле.
• Размер кликабельной зоны не менее 44×44 px. Иконка — понятный крестик. Текстовая альтернатива: «Очистить запрос».
• При нажатии очищайте поле за один шаг, оставляйте фокус в поле, не скролльте страницу, не сбрасывайте выбранные фильтры.
• Не отправляйте пустой запрос автоматически. Дайте пользователю ввести новый текст или выбрать подсказку.
• Поддержите клавиатуру: Ctrl/⌘+A выделяет весь текст в поле, Backspace/Delete стирает, Esc очищает поле только если подсказки закрыты; если подсказки открыты — сначала закрыть их, вторым Esc — очистить.
• На мобильных используйте тип input="search" — система добавит нативную кнопку очистки. Убедитесь, что она видна на тёмной теме и не перекрывается.
• Обеспечьте доступность: aria-label для кнопки, правильный порядок фокуса, читаемые состояния «до/после».
• Сохраните последний запрос в истории, но не мешайте очистке. История — под полем, а не вместо него.
• Протестируйте со стилями автозаполнения, длинными запросами, разными раскладками, RTL и экранными дикторами.

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

• Если добавить видимую кнопку очистки в поле поиска, то конверсия в повторный поиск может увеличиться за счёт того что пользователи начнут новый запрос без лишних действий.
• Если поддержать Ctrl/⌘+A и двойное нажатие Esc, то конверсия в просмотр релевантных результатов может увеличиться за счёт того что исправление запроса станет мгновенным.
• Если на мобильных включить нативную очистку input="search" и увеличить зону тапа, то конверсия в клик по подсказкам может увеличиться за счёт того что люди быстрее переходят к новому вводу.
• Если при очистке сохранять выбранные фильтры и позицию на странице, то конверсия в добавление в корзину может увеличиться за счёт того что не приходится настраивать фильтры заново.
• Если вынести историю запросов под поле и не перекрывать её кнопкой очистки, то конверсия в повторное взаимодействие с поиском может увеличиться за счёт того что истории не мешает быстрый сброс.