Как мы улучшили UX поиска в 2024 году для роста продаж

• Релиз шаблона 3.0.
• Новые функциональности в поиске.
• Улучшения UX и их влияние на пользовательский опыт

• Новый виджет автоподсказок.
• Новый виджет выдачи поиска.

• Для диалоговых автоподсказок (рост CTR в карточку товара на 6%).
• Для виджета поиска (рост CTR в карточку товара на 10%).
• Для мобильной версии (рост CTR в элементы поиска на 5%).
• Для фасетных фильтров (рост CTR в элементы фильтров на 4%).

• Увеличили количество дней для хранения пользовательских данных с 15 до 60.
• Это улучшило поведенческие данные для более чем 50% товаров.
• Как результат: рост CTR в просмотр карточки товара до 20%, а значит, и повышение конверсии в заказ.

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

• Замена слайдера на диапазоны цен.
• Автоматическое вычисление диапазонов.
• Удобство выбора диапазонов по сравнению со слайдером. 

• Исправление дублирования категорий.
• Развертывание категорий при вводе запроса. 

• Улучшение отображения фильтров.
• Введение этапов для фильтров.
• Удобство выбора атрибутов.

• Поддержка различных регистров брендов.
• Возможность вывода значений в любом регистре. 

• Исправление проблемы с загрузкой товаров.
• Отображение товаров в соответствии с разрешением экрана.
• Устранение багов и визуальных дефектов.

• Исправление белого фона при изменении запроса.
• Улучшение ховера в автоподсказках.
• Акцент на запросах при ховере. 

• Исправление скрола страницы при открытии автоподсказок.
• Оптимизация высоты крестиков и карточек.
• Улучшение кнопок в корзину и нет в наличии. 

• Персонализированные автоподсказки в стиле Amazon.
• Персонализация поисковой выдачи.
• Внедрение активных фильтров по примеру Яндекс.Маркета. 

• Визуальное разделение уточнений и фильтров.
• Ориентир на маркетплейсы и часто используемые кейсы.
• Горизонтальная фильтрация и боковая панель. 

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

• Расположение и внешний вид поисковой строки — хорошее.
• Автоподсказки оформлены хорошо.
• В поисковой выдаче кнопку «Закрыть поиск» лучше убрать. Она часто приводит к тому, что пользователь с большей вероятностью закроет поиск, так и не найдя подходящий товар.
• В поисковой выдаче не хватает блока с тапами-уточнениями, стоит их добавить. Они сокращают время пользователя от поиска до перехода в карточку товара.
• Фильтры в мобильной выдаче можно сделать лучше, переведя большую часть фильтров в теги, как на нашем новом шаблоне 3.0. Так пользователь быстрее уточнит свой запрос, а фильтров на экране будет умещаться больше.
• Выдачу поиска в мобильной версии сайта можно улучшить, добавив обозначение границ у карточек товара. Сейчас не сразу ясно, к какому товару относятся кнопки «Подробнее» и «Добавить в избранное»

• Расположение и внешний вид поисковой строки — хорошее.
• Автоподсказки оформлены хорошо.
• В поисковой выдаче у фильтров слишком маленький шрифт написания. Места достаточно для того, чтобы сделать шрифт крупнее и облегчить процесс поиска для покупателей.
• Также фильтры можно улучшить, добавив фильтр по цене в виде диапазонов, которые рассчитываются автоматически. Это уже доступно в нашем новом шаблоне 3.0.
• Фильтры в мобильной выдаче стоит раскрывать на весь экран и эффективнее использовать область в верхней части.
• Выдачу поиска в мобильной версии сайта можно улучшить, добавив обозначение границ у карточек товара. Сейчас не сразу ясно, к какому товару относятся кнопки «Подробнее» и «Добавить в избранное».

• Когда пользователи не замечают каких-то изменений в UX — это хорошо. Это означает, что дизайн настолько естественный и понятный, что покупатель может целиком сфокусироваться только на шоппинге.
• В этом году ожидается ещё много обновлений UX, которыми мы будем делиться на встречах в нашем Telegram-канале.