Блог

Поиск с автокомплитом. Что такое и зачем он вам нужен?

Поиск с автокомплитом. Что такое и зачем он вам нужен?

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

В этой статье мы более подробно рассмотрим опыт пользователей с автозаполнением и стоит ли вам использовать такой поиск на своем сайте e-commerce.

 

Как работает автозаполнение?

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

Например, если в магазине компьютерной техники вы наберете «материнская», система предложит «материнская плата» или «материнская asrock»

Пример запроса "Материнская плата"

 

Функция автозаполнения также известна как «поиск по мере ввода», «автозаполнение» и «автокомплит». Эти термины часто используются как взаимозаменяемые.

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

 

Зачем вам нужна функция автозаполнения?

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

На сегодняшний день 96% крупных веб-сайтов электронной коммерции предлагают своим покупателям функцию автозаполнения поиска.

При этом стоит отметить, что даже самые популярные платформы, используемые для создания сайтов электронной коммерции, такие как Shopify, Magento и WooCommerce, по умолчанию не имеют функции автозаполнения поиска. Их встроенные функции поиска довольно просты и не предоставляют такого функционала.

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

Интеграция функции автозаполнения на веб-сайт стала необходимым компонентом при создании интернет-магазина. 

 

Другие ключевые преимущества:

– Отсутствие страницы «ничего не найдено».
При правильной настройке предложения автозаполнения практически исключают вероятность отсутствия страницы с результатами. Они делают это, предлагая пользователям самые популярные запросы, связанные с входным запросом, которые гарантированно дают результаты. Кроме того, автозаполнение устойчиво к опечаткам и предотвращает возврат пустой страницы из-за случайной опечатки. Это критически важно для таких продуктов, как, скажем, картриджи для печати, которые обычно ищутся по вполне конкретным названиям: Epson 603 или HP 304.

– Привлекает пользователей интерактивным контентом.
Предложения автозаполнения по определению очень интерактивны. Если виджет спроектирован грамотно, то сочетание дизайна и функциональности заинтересуют пользователя.

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

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

 

Автозаполнение в действии: лучшие мировые практики

В конце прошлого года институт Баймарда опубликовал результаты своего последнего тестирования юзабилити веб-сайтов e-commerce. Результаты показали, что 27% самых прибыльных сайтов e-commerce имеют серьезные проблемы с удобством использования автозаполнения. Они также приводят параллельные примеры хороших и плохих реализаций автозаполнения.

В этой части статьи мы хотели бы выделить ключевые особенности , которые, по нашему мнению, обязательно должны присутствовать в автозаполнении поиска на каждом сайте электронной коммерции:

– Устойчивость к опечаткам.
Показ пользователю страницы «нет результатов» из-за случайной орфографической ошибки в запросе – это моветон для поисковой системы. Поэтому проверка орфографии и автоматическое исправление опечаток обязательны.

Устойчивость к опечаткам

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

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

Отличия выделены жирным шрифтом

– Визуальные подсказки.
Раскрывающийся список автозаполнения должен быть визуально организован в разделы, например, по категориям, что позволяют пользователю быстро просмотреть результаты и помочь сориентироваться на сайте. Функция автозаполнения может иметь возможность отображать миниатюры изображений продуктов, помогая посетителям напрямую найти нужный продукт из окна поиска, пропуская страницу результатов поиска.



Как реализовать автозаполнение

Есть несколько способов реализовать автозаполнение на вашем сайте. Самый простой и недорогой способ – использовать «готовое» решение для поиска по сайту с автозаполнением.

Интеллектуальный поиск Soft IQ включает в себя все инструменты, описанные выше, и многое другое. Установите его всего за несколько кликов, расслабьтесь и наблюдайте, как стремительно растет ваша конверсия. Первые 14 дней за 0 рублей.

 

banner-footer