Ключевые рекомендации для повышения удобства поиска

Проблема отсутствия копирования

На некоторых сайтах, таких как M.Video, выделенные предложения автозаполнения не копируются в строку поиска. Пользователи могут выбрать предложенный вариант с помощью клавиатуры или мыши, но после этого предложение не интегрируется в поле поиска для дальнейшего редактирования.

Пример поведения:

1. Пользователь вводит “ноут”.
2. В автозаполнении появляется вариант, например, “ноутбуки thunderobot”.
3. Пользователь хочет добавить дополнительные детали, такие как “15 дюймов”, но не может использовать существующее предложение как отправную точку.

Вместо этого пользователю приходится вводить весь запрос вручную или ограничиваться предлагаемыми вариантами.

Тестирование взаимодействия пользователей с функцией автозаполнения на ПК выявило два характерных сценария использования:

1. Навигация по предложениям автозаполнения.

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

2. Редактирование предложений.

   Некоторые пользователи хотели не просто выбрать предложение, но и использовать его как основу для дальнейшего редактирования. Это поведение особенно актуально, когда предложенный запрос частично совпадает с намерением пользователя, но требует уточнения.

Реакция сайтов на редактирование предложений:

В ходе тестирования было выявлено два варианта поведения сайтов при взаимодействии с подсказками:

• Сохранение исходного текста.

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

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

• Редактирование строки поиска в реальном времени.

Выбранное пользователем предложение автозаполнения сразу копировалось в поле поиска. Это позволяло редактировать его перед отправкой.

Преимущество: пользователь может быстро адаптировать предложенный запрос, экономя время на вводе.

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

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

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

Отсутствие возможности редактирования приводит к следующему:

• Потеря времени: пользователям приходится вручную вводить новый запрос.
• Меньшая релевантность: результаты поиска не всегда точно соответствуют потребностям, так как пользователь выбирает компромиссный вариант.

Удачные примеры реализации

Мгновенное копирование

На сайте holodilnik.ru выделенное предложение автозаполнения сразу копируется в строку поиска, что позволяет редактировать запрос перед отправкой. Это экономит время и делает процесс поиска более удобным.

Прокрутка списка предложений автозаполнения

При вводе запроса пользователям часто нужно просмотреть большее количество предложений, чем умещается в выпадающем списке. Отличное решение – скролл внутри поисковых подсказок.

На некоторых сайтах, например, на Ozon, прокручивается задний фон страницы вместо области с предложениями. Это делает просмотр подсказок неудобным и мешает выбрать нужный вариант.

Копирование подсказок в строку поиска с помощью мыши

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

Интересно, что мы не смогли найти такое предложение в сегменте .ru - возможно, что разработчики еще не пробовали применять это массово, и вы сможете опередить конкурентов, улучшив UX-показатели вашего сайта.

Навигация с помощью клавиш со стрелками

Использование клавиш для перехода между предложениями остаётся стандартной функцией.

Хотя клавиатурная навигация удобна, её недостаточно для пользователей, предпочитающих работу с мышью. Современные интернет-магазины должны учитывать разнообразие сценариев взаимодействия.

Редактирование подсказок для персонализации поиска

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

Если выделенное предложение автозаполнения не копируется в строку поиска, пользователь не может его отредактировать. Это приводит к следующим последствиям:

• Увеличиваются временные затраты на ввод запроса и сам поиск.
• Пользователь выбирает неподходящий вариант, и, как следствие, с меньшей вероятностью найдет подходящий ему продукт.

Рекомендации для разработчиков

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

1. Копирование выделенных предложений в строку поиска. Это позволяет редактировать запросы, адаптируя их к конкретным нуждам, и значительно экономит время.

2. Удобная навигация по списку подсказок. Реализация как клавиатурной, так и мышечной навигации гарантирует комфортный опыт для разных категорий пользователей.

3. Интерактивность и прокрутка списка подсказок. Возможность просматривать все доступные варианты без ограничений упрощает выбор наиболее релевантного запроса.

4. Адаптация для редактирования и персонализации. Позволяя пользователям уточнять или расширять предложения автозаполнения, сайты обеспечивают высокую точность поиска и удовлетворение потребностей.

Источник: https://baymard.com/blog/copy-search-suggestion-to-search-field