Використання принципів гештальт-психології для зростання конверсії сайтів. Частина 4: Закон Фіттса

       Частина 1
 Частина 2
 Частина 3
 
Ми всі чудово знаємо, що час завантаження сторінки значною мірою впливає на показник конверсії, але що ви скажете про час, який необхідно для виконання певної дії?
 
Закон Фіттса припускає, що час, необхідний для наведення курсору миші на бажаний об'єкт, можна представити як функцію, яка залежить від відстані до цілі і розміру мети.
 
Теоретично, це означає, що для того щоб викликати зростання CTR (click-through rate) досить збільшити мета (в розумних межах) і помістити її біля очікуваного положення курсору миші.
 
І навпаки, ви можете зменшити кількість небажаних дій користувача, за допомогою зменшення відповідних елементів інтерфейсу в комплексі з їх розміщенням у віддаленій частині сторінки (правда при цьому не варто забувати про те, що розмір і розміщення кнопки «закрити вкладку», вам не підвладні).
 
 
Трохи інформації
Для любителів формалізації, математичний вид закону з вікіпедії:
 image
 
По суті, закон Фіттса перетинається з принципом аналізу вигод і витрат. Сенс можна звести до того, що при інших рівних умовах, чим простіше дію, тим вище його ймовірність. При цьому, що не завжди очевидно, мова йде не тільки про параметри кінцевого об'єкта, а й про навколишнє його середовищі. Відстань у 10 пікселів може виявитися величезним, якщо в момент його подолання юзером останній побачить з десяток спливаючих і вікон, що вискакують.
 
Деякі тести здалися нам цілком очевидними. Можна стверджувати, що корисний досвід, який можна зробити з представлених варіантів дизайну — це знання, як не треба робити на прикладі початкових варіантів сторінок. Головний висновок цілком очевидний: «чарівна кнопка» повинна бути помітна і легкодоступна.
 
 
Кілька слів на тему «помістити біля очікуваного положення курсора миші»:
Ми вже згадували про те, що середньостатистичні руху мишею під час перегляду сайту, маю F-подібну модель. Це означає, що користувач, в першу чергу, переглядає верхню частину сайту. Після чого, перегортує його вниз, звертаючи увагу на умовно центральну частину.
 
При цьому варто пам'ятати, що модель перегляду для кожного конкретного сайту багато в чому залежить від особливостей дизайну та наповнення. Наприклад, для довгих сторінок модель скоріше буде нагадувати Е.
 
 Джерело зображення
 
 image
До речі, ідея F-моделі, відмінно перегукується з іншим принципом (звичайно з урахуванням особливостей сайтів, як візуального способу подання інформації), який має велику історію не тільки в дизайні, а й у фотографії та інших видах образотворчого мистецтва. Йдеться про «правило третин».
 
Суть правила в тому, що візуальні акценти глядача найчастіше розташовуються на лініях, які умовно ділять об'єкт на три частини, як по горизонталі, так і по вертикалі.
 
Наочна демонстрація правила в дії (джерело — вікіпедія)
 
 
 
 Приклад № 1: Hyundai (62% збільшення контрольного показника)
 
Hyundai створили сайт, основний мета якого було поширення різних брошур та інформації про тест-драйви. Основною проблемою, яка виникла після запуску проекту, стало невелике число передплатників.
 
Щоб виправити це, маркетингова група Hyundai розробила комплексне рішення проблеми:
 
1. Зміна SEO тексту;
2. Збільшення зображень (більш наочно, привертає увагу);
3. Дві великі кнопки CTA .
 
В оригіналі, користувач міг записатися на тест-драйв або замовити брошуру, клікнувши по текстовому посиланню на панелі в лівій частині екрана.
 
 image
У підсумку всі ці зміни призвели до зростання кількості заброньованих тест-драйвів і замовлених брошур на 62%.
У той час як великі кнопки «включили» закон Фіттса, невелику відстань між ними, посилило його ефект. Ймовірно, в наступному тесті вони повинні спробувати пересунути CTA на початок сторінки.
 
 Наш коментар:
 
Абсолютно очікувано для нас, запис про проведення цього тесту була неоднозначно сприйнята аудиторією:
 
 image
 
 Приклад № 2: Передвиборна кампанія Барака Обами в 2012 році (кількість користувачів, які відписалися від розсилки, знизилося на 22%)
 
Згідно з представленими даними близько 500 млн. доларів для кампанії Обами були зібрані за допомогою розсилання звернень по електронній пошті.
 
Для того щоб домогтися такого успіху, було необхідно ретельно опрацювати кожен елемент розсилки. У тому числі, пильну увагу звернули на пункт, який дозволяв відписатися від розсилки.
 
 image
Зміна дизайну дозволило знизити кількість відписатися на 22%.
 
Крім Закону Фіттса, успіх цього варіанту також можна віднести до впливу закону ментальних моделей. Якщо користувач вирішив відмовитися від розсилки, то шукає щось на кшталт «відписатися», але точно не «натисніть тут».
 
 Приклад № 3: SAP (32,5% зростання)
 
Виробник корпоративного програмного забезпечення SAP хотіли збільшити кількість скачувань свого програмного забезпечення Crystal Reports.
 
Оригінальна сторінка виглядала як звичайний корпоративний сайт: досить формальний дизайн з невеликою кількістю тексту. Посилання на скачування також була представлена ​​в текстовій формі.
  
 image
Переміг варіант містив дві важливі зміни. По-перше, чітко була виділена кнопка завантаження, по-друге, були видалені відволікаючі фактори в нижній частині сторінки. В результаті кількість скачувань тріал-версії збільшилася на 32,5%.
 
 Приклад № 4: The Vineyard (32% збільшення )
 
Оригінальна сторінка містила велику зображення однієї з кімнат і коротку історію готелю. При цьому посилання на бронювання номера була розташована в самому низу і слабо виділялася на загальному тлі.
 
У тестовій сторінці була додана тільки кнопка «Забронювати»
 
 image
У цьому випадку, CTA була переміщена в початок сторінки (зменшення відстані до цілі) і використана велика кнопка, яка привертає увагу (збільшено розмір мети).
 
 P.S. Нескінченне збільшення розмірів кнопки не призведе до нескінченного збільшення кількості кліків на неї.
  
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.