О проекте
Bromic Plumbing & Gas — надежный поставщик газового и сантехнического оборудования в Австралии и Новой Зеландии с ассортиментом более 1000 товаров в разных категориях. Сайтом пользуются как те, кто изучает и подбирает продукцию, так и профессиональные мастера, которым нужен быстрый доступ к технической информации и документации.
В 2024 году Турум-бурум провели UX-аудит и на основе данных аналитики и поведения пользователей определили проблемы в основных сценариях. Впоследствии клиент начал внедрять рекомендации. Ниже некоторые из уже реализованных.
Выводы UX-аудита
Все наши рекомендации основывались на паттернах, выявленных в ходе аудита, и данных о поведении пользователей:
- Большинство посетителей были новыми, но просматривали вдвое меньше страниц, а их сессии длились вдвое короче, чем у вернувшихся пользователей.
- В целом пользователи десктоп были более вовлечены, а мобильные быстрее выполняли ключевые действия.
- Страница товара часто становилась конечной точкой: попав на нее, пользователи редко продолжали просмотр сайта.
- Пользователям была нужна техническая документация, но чтобы найти нужные файлы, часто приходилось делать лишние шаги.
- Навигация работала недостаточно эффективно, особенно при переходе между товарами, категориями и подкатегориями.
Навигация без скрытых подкатегорий
До: При наведении курсора на нижние категории в мегаменю подкатегории второго уровня могли оказаться за пределами экрана. Чтобы их увидеть, нужно было перевести курсор в пустую область и прокрутить меню вверх. Действие неочевидное, поэтому пользователь мог просто решить, что подкатегорий нет.
После: Навигацию обновили так, чтобы пользователи видели категории второго уровня без дополнительного скролла и не пропускали доступные категории товаров.
Более заметная документация
До: Более половины посетителей искали инструкции, но по карточкам товаров было непонятно, есть ли для них документация. Чтобы это проверить, приходилось открывать каждый товар отдельно. На самой странице товара файлы для скачивания располагались ниже и были малозаметны. Больше половины пользователей покидали страницу, так и не найдя инструкцию, и не продолжали просмотр сайта.
После: Теперь в карточках товаров в каталоге есть кнопка «View documents» с прямой ссылкой на PDF, что сокращает путь к документации. На странице товара такая же кнопка расположена сразу под заголовком и ведет прямо к разделу с файлами для загрузки.
.png)
Похожие товары, а не тупик
До: Попав на страницу товара, пользователи обычно просматривали одну-две страницы. Они знакомились с характеристиками, могли загрузить документацию, но дальше часто не шли. Если товар не подходил, для поиска альтернативы приходилось снова возвращаться к поиску или каталогу.
После: Теперь на каждой странице товара под характеристиками и документацией есть блок «Related Products». Отсюда можно перейти к другим товарам, не возвращаясь к поиску — логичный следующий шаг вместо тупика.
.png)
Более короткие хлебные крошки
До: Хлебные крошки на странице товара содержали главную страницу, общую категорию и сам товар, но не давали возможности быстро перейти к нужной категории или подкатегории и посмотреть альтернативы. Тепловые карты показывали, что desktop-пользователи активно переходили к подкатегориям, а для значительной части mobile-аудитории такая навигация была еще важнее.
После: Хлебные крошки стали короче: иконка главной страницы, ссылка «Categories» и название товара.
.png)
Прямой переход ко входу
До: Если пользователь пытался зарегистрироваться с email, уже привязанным к аккаунту, он получал сообщение об ошибке, но без прямой ссылки на вход. Страницу авторизации приходилось искать самостоятельно или просто покидать сайт.
После: В форме регистрации появилась прямая ссылка «Login». Если аккаунт уже существует, пользователь может сразу перейти ко входу, не разыскивая нужную страницу.
Результаты
Это лишь часть рекомендаций, которые Bromic Plumbing & Gas уже внедрили. Но даже частичные изменения дали результат:
- Более быстрый доступ к технической документации из каталога и со страниц товаров;
- Блок «Related Products» на страницах товаров, чтобы пользователи могли сразу посмотреть альтернативы;
- Прямой переход ко входу после неудачной попытки регистрации, без самостоятельного поиска страницы авторизации;
- Улучшенная видимость подкатегорий и обновленные хлебные крошки для более простой навигации по каталогу.
