Банерна сліпота

Про «ефект банерної сліпоти» чули багато. Але навколо цього терміну накручено таку велику кількість різних чуток і інтерпретацій, що часто під цим терміном люди розуміють абсолютно протилежні речі. Не претендуючи на абсолютну істину, спробую описати свою думку на цю тему, що спирається на кількарічний досвід айтрекінг-досліджень.


Для початку, треба згадати про те, як працює зір у людей. Зір можна розділити на бічний і центральний. Бічний зір - це приблизно 190 градусів по горизонталі і 135 по вертикалі. А ось центральне - всього 1-2 градуси. При цьому різко ми розрізняємо саме те, на що спрямований центральний (він же фовеальний) зір. Спробуйте сконцентруватися на якомусь слові на цій сторінці і почати що саме ви можете прочитати, не пересуваючи погляд. Ви виявите, що розрізнити можете текст у плямі розміром близько півтора-двох сантиметрів, а все інше починає розпливатися. Ось ця невелика пляма - це і є ваш центральний зір. І саме його переміщення по сторінці відстежується під час юзабіліті-досліджень з використанням технології eye-tracking.

Тепер перейдемо до банерної сліпоти. Рекламу люди не люблять, і коли приходять на якусь сторінку сайту за інформацією, намагаються цю інформацію знайти і сприйняти, а от на рекламу уваги не звертати. Виникає питання: як відокремити потрібну інформацію від реклами. І тут відвідувачу сайту приходять на допомогу попередній досвід і бічний зір. Помітивши бічним зором кольорову пляму приблизно такої форми як банер і в такому місці, де банери зустрічаються, відвідувач підсвідомо відносить цю пляму до розряду реклами і свій фовеальний зір в той бік вже не направляє.

Власне саме цей ефект - неперегляд відвідувачем банерів - і називається банерною сліпотою. Є у цього ефекту один неприємний наслідок, з яким ми досить часто стикаємося під час наших досліджень: якщо якісь елементи навігації вашого сайту схожі на рекламу, то відвідувачі їх теж не помітять.

Так як, ефект банерної сліпоти є статистичним, його не завжди виходить легко вирахувати. Якби взагалі ніхто не звертав уваги на елементи, схильні до цього ефекту, то це б легко відстежувалося в статистиці щодо повної відсутності переходів, а ось низька кількість переходів зазвичай випадає з поля зору (каламбур, однак). Тим більше, якщо ця кількість завжди була низькою з моменту запуску сайту...

Наприклад, ось так виглядає теплова карта перегляду одного з сайтів:

На перший погляд, нічого кримінального непомітно. Але якщо виділити цікаві області (верхній блок з анонсами, меню, кольоровий анонс в середині сторінки і початок контенту) і подивитися сприйняття цих блоків в цифрах, то можна побачити наступну картину:

 

Top

Menu

Middle

Content

% площі сторінки

1.4

1.1

2.1

2.9

Час до 1-ї фіксації

4.5

6.2

1.8

5.7

Попередні фіксації

6

10

2

11

Кол-во фіксацій

4

9

6

17

Тривалість фіксацій

1.2

2.1

2.1

4.4

Кол-во переглядів

3

4

4

5

Тривалість переглядів

1.2

2.3

2.1

4.6

Можна помітити, що незважаючи на те, що області Top і Middle, в силу свого розташування в центрі сторінки, помічаються досить швидко (параметри «Час до 1-ї фіксації» і «кол-во попередніх фіксацій»), вони привертають набагато менше уваги. Добре це помітно, якщо порівнювати розташовані поруч області: «Top» с «Menu», а «Middle» с «Content».

Найчастіше банерна сліпота крім, власне, банерів, вражає різного роду анонси і рекламу внутрішніх сторінок. Причому, під час наших досліджень досить добре помітна різниця в сприйнятті подібних елементів постійними відвідувачами ресурсу і новачками. Наприклад, при дослідженні одного з великих новинних сайтів були отримані такі результати:

 

Середня

Медіана

     
 

Анонс

Меню

Анонс

Меню

 

Кількість респондентів, які помітили область (чел)

Читачі

7

7

7

7

 

Новачки

5

9

5

9

Кол-во фіксацій

Читачі

3.4

3.0

2.5

2.0

 

Новачки

0.9

8.1

0.5

6.0

Час до першої фіксації (с)

Читачі

7.7

7.3

7.5

8.2

 

Новачки

12.5

2.9

12.3

1.1

Тривалість фіксацій (с)

Читачі

1.6

1.1

1.4

0.5

 

Новачки

0.3

3.0

0.1

2.4

Кол-во попередніх фіксацій

Читачі

26.7

15.0

16.0

13.5

 

Новачки

61.2

9.5

26.5

5.0

Час від фіксації до кліка (с)

Читачі

2.8

35.5

3.5

35.5

 

Новачки

-

18.9

-

12.1

Можна побачити, що постійні читачі сприймають блок з анонсами практично точно так само, як і меню, а ось нові відвідувачі ці анонси ігнорують.

З усього вищесказаного можна зробити такі висновки:

  • На банерах краще використовувати великі елементи, щоб вони розрізнялися бічним зором - вище шанс, що вони якось привернуть усвідомлену увагу відвідувача
  • Треба уникати всього, що може бути схожим на рекламу при оформленні свого сайту
  • Внутрішні анонси краще робити текстовими і розміщувати в тексті статей або відразу після статті - щоб відвідувач їх прочитав «за інерцією»
  • Не нехтуйте тестуванням своїх сайтів. Навіть якщо у вас немає грошей або бажання замовляти тестування «на стороні», витратьте пів-години і попросіть когось стороннього (ніяк не пов'язаного ні з вами, ні з вашою компанією, наприклад, відвідувача інтернет-кафе) знайти якусь інформацію на вашому сайті або виконати якісь інші дії. Навіть таких простих спостережень буває достатньо, щоб виловити найбільш серйозні помилки в юзабіліті, які ви просто не помічаєте, тому що у вас око замилене...