Друзі, вітаю!
На сайті нашого партнера “Хмара хостинг” випадково помітив, що кнопки мають звичний вигляд, а посилання працюють тільки на тексті. Відвідувачі сайту, натискаючи на кнопку, яка графічно позначена синім контуром, очікують переходу на наступну сторінку. Однак нічого не отримують. Технічно і не повинні, тому що посилання знаходиться тільки на тексті. Це помилка поведінки призначеного для користувача інтерфейсу. Як зробити правильно? Графічний блок кнопки зробити посиланням. Можна навіть включаючи область 3-5 пікселів навколо.
Помітив – порадив виправити. Але науковий інтерес не давав спокою. А конкретно такі питання:
- Як багато людей натискають кнопку повз посилання?
- Скільки відвідувачів не здогадаються “намацати” посилання?
- Чи збільшиться кількість переходів по посиланню за рахунок поліпшення інтерфейсу?
Статистика по сайту
1. Карта кліків
2. Статистика по переходах по посиланню
Аналіз результатів
По-перше, рекомендація впроваджена не до кінця. Стало краще, але як і раніше посилання працює не на всьому блоці. По-друге, кількість даних в дослідженні не достатньо для того, щоб говорити про статистичну достовірність. За існуючим кількості даних вважаємо статистику: змінений варіант краще оригінального з ймовірністю – 84,1%.
Якщо упустити ці зауваження, то висновки такі:
- Люди, дійсно, не стараються цілитися рівно в центр кнопки. Для них кнопка – аналог інтерфейсу з реального світу. Пальцем можна натиснути і на один край, і на інший, і по центру.
- Посиланням можна зробити і весь блок.
- Збільшення клікабельно області підвищує відсоток клікнувши по ній на чверть з ймовірністю 84,1% в нашому випадку.
Що може застрахувати від таких ситуацій при розробці сайту:
- Авторський нагляд проектувальника за результатами роботи розробників.
- Перевірка готового сайту по чекліст.
- Періодичний (наприклад, раз на рік) аудит сайту UX / UI фахівцем.
Високих вам конверсій!
Антон Золотарьов , Засновник веб-студії IT4U
