Однією із задач інтернет-маркетологів та SEO-спеціалістів є періодична оцінка UX/UI сайту. За умови трафіку, що зростає, варто не забувати про наступний крок воронки продажів – зручності використання сайту. Його відвідувачі мають розуміти як правильно зробити замовлення, помічати всі важливі елементи навігації, а подекуди й отримувати поради та рекомендації. Все має вести відвідувача до покупки товару або замовлення послуги.
Проведення юзабіліті аудиту неможливе без використання карт кліків Plerdy – інструменту, за допомогою якого спеціалісти можуть бачити найбільш та найменш клікабельні місця на сторінках свого сайту.
Для одного зі своїх клієнтів – туристичної компанії з Києва, ми провели юзабіліті аудит сторінки категорії із переліком найбільш популярних турів. Для нас було важливо виявити елементи, які збирають найменше кліків та підготувати рекомендації для внесення змін в дизайн.
З цією метою ми обрали період дослідження (06.06-06.07.2018) та вирішили проаналізувати всі кліки на сторінці (для цього активували одночасний показ “Активних тегів” та “Інших тегів”).
Ось такою виявилась реальна ситуація на сторінці:
На даному сайті, як і в багатьох попередніх, ми звернули увагу на малий показник клікабельності кнопки меню у верхньому лівому куті:
Річ у тім, що цей елемент (“гамбургер”) достатньо погано сприймається користувачами персональних комп’ютерів. Первісно він з’явився як рішення для адаптивних дизайнів. В умовах обмеженого простору “гамбургери” приховують складні панелі навігації. Проте у типовому дизайні для комп’ютерів він не виконує своєї функції в повному обсязі: по-перше, тут немає потреби ховати частину меню, адже все може поміститись на екрані; по-друге, його часто не помічають одразу та шукають інші способи переходу між розділами та категоріями.
Наша рекомендація: замінити використання такого елементу на більш зрозуміле та розгорнуте меню навігації на сайті.
Наступний елемент, який неможливо оминути увагою є великий банер із зображенням:
Протягом обраного періоду він збирав кліки, хоча сам по собі не є клікабельним. Це лише назва сторінки.
В даному випадку ми рекомендуємо не використовувати великий банер, якщо він не несе ніякої додаткової важливої інформації.
Одразу під ним розташоване “мале навігаційне меню”:
В дійсності виявилось, що це меню не надто популярне серед користувачів. Тим паче, що кнопка “Тури” тут просто відкриває поточну сторінку.
Одним з найбільш клікабельних елементів сторінки є група фільтрів:
Вони повністю виконують свою функцію.
Далі розгляньмо сам каталог.
Тут привертає увагу кліки по цінах (у синіх колах):
На жаль, в дизайні не було закладено те, що цей елемент клікабельний. Такі кліки нікуди не ведуть.
Ще один момент стосується відсутності закликів до дії:
Хоча на сторінці для цього достатньо місця, самих закликів немає. Сюди варто було би додати кнопку “Детальніше” або “Поїхали!” аби збільшити конверсію переходів на сторінки з описами турів.
Не дуже вдалим виявилось рішення для групи сторінок із нумерацією (пагінації). Поряд з переліком доступних сторінок додано дві додаткові кнопки: “Наступна” та “Остання”.
Проте, як показує карта кліків, більшість користувачів схильні шукати сторінки поступово їх перемикаючи, а не використовувати кнопку “Наступна”.
Наостанок, подивимось на футер. Тут найменш клікабельним виявилась форма підписки:
Варто відзначити, що такий спосіб збору електронних скриньок не надто ефективний. Охочих отримувати системну розсилку, в наш час перенасичення інформацією, не й так багато. Більш ефективним є спосіб пропозиції підписки за допомогою розумних форм. Їх перевага в тому, що користувачам пропонується лишити свою скриньку лише на тих сторінках, де є найвищий інтерес до контенту. Сюди відносяться блог та інші інформаційні сторінки (“Новини”, “ Про нас” тощо). При цьому підписникам може пропонуватись знижка або інші бонуси, яку не матимуть інші відвідувачі ресурсу.
В результаті проведеного аудиту сторінки нами були сформовані наступні рекомендації:
- Переглянути доцільність використання “гамбургера” в дизайні для комп’ютерів;
- Прибрати банер в шапці сторінки;
- Прибрати елементи малого навігаційного меню (під банером);
- Зробити клікабельними ціни на кожній пропозиції туру;
- Додати заклик до дії до кожної пропозиції туру;
- Прибрати зайві елементи біля пагінації сторінки;
- Встановити на сайт розумні pop-up форми для збору електронок та перефразувати пропозицію підписки в футері.
Дещо раніше ми вже розповідали про подібний приклад юзабіліті аудиту сторінки інтернет-магазину електроінструментів.