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