Как удобный поиск товаров по сайту способен увеличить в 1,5 раза продажи в интернет-магазине?

Почему строка поиска настолько важна: данные исследований

Строка поиска служит направляющей: отсеивая шум, она помогает выбрать нужный продукт. При оптимизации она может значительно ускорить этот путь. По данным исследования компании Econsultancy, 30% посетителей интернет-магазинов используют функцию поиска. Еще более показательно, что вероятность конверсии у этих пользователей в два раза выше, чем у тех, кто ее не использует. 

С ростом доли заказов со смартфонов проработанная функция поиска становится еще важнее. По данным журнала Smashing Magazine:

47% мобильных пользователей предпочитают строку поиска стандартной навигации по страницам;

На 72% они чаще покидают сайт и на 67% реже оформляют заказ, если сталкиваются с трудностями при поиске.

Отчет Baymard Institute показал, что e-commerce проекты с оптимизированным поисковым функционалом имеют коэффициент конверсии почти в 1,8 раза выше, чем сайты с менее эффективными поисковыми механизмами.

Мы в AskUsers изучаем поведение пользователей с момента запуска сервиса в 2015 году. По данным более 7,8 тысяч исследований, 81% посетителей закрывает интернет-магазин без покупок из-за проблем с поиском.

Главные проблемы поиска

Сложности возникают на двух этапах сценария поиска: при взаимодействии со строкой и на странице выдаче результатов. Самый распространенный недостаток — низкая релевантность результатов. Пользователи видят предложения, которые не соответствуют их запросу или намерениям, что приводит к разочарованию и отказу от поиска. Во втором варианте плохого сценария они сталкиваются со страницей «Результаты не найдены» без альтернативных предложений или похожих продуктов. Если результаты все же есть, то у человека должна быть возможность отфильтровать и отсортировать их по разным параметрам: цена, популярность, рейтинг и т.д. Отсутствие или неэффективность таких опций также приводит к потере клиентов.

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

ТОП-5 элементов поиска для проработки

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

1. Поле ввода запроса: оно должно быть распознаваемым и хорошо заметным.

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

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

4. Вывод результатов поиска: в верхней части страницы нужно размещать наиболее релевантные предложения;

5. Быстрые покупки: давайте возможность добавить товар в корзину из выдачи без перехода в карточку.

Чек-лист оптимизации функции поиска

Опираясь на тысячи юзабилити-тестирований, мы составили чек-лист, который поможет повысить продажи вашего интернет-магазина в среднем в 1,5 раза. Каждый пункт — это функция, которая влияет на конверсию.

№1. Заметная строка поиска

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

Как это сделать?

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

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

№2. Длинное поле ввода

Поле ввода должно быть достаточно длинным, чтобы в нем можно было разместить большинство запросов, не обрывая их. В идеале пользователь должен иметь возможность видеть весь запрос без горизонтальной прокрутки. Обычно это 5-6 слов.

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

До нажатия на иконку лупы:

После:

№3. Индикатор поиска

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

Чтобы подсветить смысл функции, обычно используется иконка лупы или текст-заполнитель, например «Поиск...» или «Введите ключевые слова...». Они указывают на назначение поля. Если вы используете надпись, то он должен исчезнуть, как только пользователь начнет вводить запрос.

№4. Автозаполнение запроса

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

Зачем это нужно?

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

• Снижение количества ошибок: автозаполнение помогает избежать ошибок или опечаток при написании или неправильных терминов.

• Управляемый поиск: в интернет-магазине автоматический подбор предложений может направлять пользователей к популярным или тематическим товарам, тем самым способствуя росту продаж.

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

№5. Релевантные категории в подсказках

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

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

№6. Вывод цен и фотографий товаров в списке с автопредложениями

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

Что это дает?

1. Мгновенная визуальная обратная связь: аудитория получает мгновенное визуальное представление продуктов, соответствующих поисковому запросу.

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

3. Улучшенный UX: динамичный и визуальный ответ на поисковый запрос кажется более интерактивным и увлекательным.

4. Маркетинговые возможности: интернет-магазины могут устанавливать приоритеты и отображать в списке товары по акции или бестселлеры.

№7. Кнопки добавления товаров в корзину из списка

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

Как это влияет на эффективность поиска?

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

• Сокращение шагов до покупки: прямое добавление в корзину избавляет людей от необходимости переходить на страницу товара.

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

Несмотря на удобство, элемент визуально усложнять интерфейс. Важно поддерживать чистый дизайн, чтобы не перегружать аудиторию.

№8. Выдача наиболее релевантных товаров в превью 

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

№9. Сортировка результатов 

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

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

№10. Фильтрация выдачи

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

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

№11. Выдача альтернативных или похожих товаров при нулевой выдаче

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

Что это дает?

1. Удержание пользователей: предоставление альтернативных вариантов может снизить показатель отказов и побудить посетителей продолжить взаимодействие с сайтом.

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

3. Возможности продаж: человек может заинтересоваться предложенными альтернативами, что приведет к покупкам.

Заключение

Проработка поисковых функций позволяет повысить продажи и рентабельность любого e-commerce проекта, поскольку затрагивает сразу несколько элементов, влияющих на эффективность. За счет чего растут продажи:

• Удовлетворенность пользователей: функция обеспечивает пользователей быстрыми и точными результатами, повышая общее доверие к платформе;

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

• Снижение показателя отказов: удобный поиск удерживает посетителей на сайте;

• Улучшенная открываемость: потенциальные покупатели могут найти товары, о существовании которых они могли и не подозревать;

• Конкурентное преимущество: удобство навигации может отличать интернет-магазин от конкурентов, привлекая и удерживая больше аудитории.

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