Куди дивляться відвідувачі? 23 висновки з eye-tracking досліджень

Автор – Christina Laun

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

1. Текст скоріше привертає увагу, ніж графіка. Не дивлячись на те, що ви можете думати інакше, користувач в першу чергу звертає увагу на текст. Більшість користувачів приходять на сайт у пошуках інформації, а не зображень, тому важливий текст має бути найбільш помітним.
2. Спочатку погляд сфокусований в лівому верхньому кутку сторінки. У цьому немає нічого дивного, більшість програм та софту розроблені так, що користувачеві постійно доводиться звертати погляд в цю область. Якщо ви хочете створити успішний сайт, то при розробці дизайну потрібно про це пам’ятати і, прагнучи створити унікальний стиль, не порушувати звичок користувачів.
3. В першу чергу відвідувачі переглядають ліву верхню і верхню частину сторінки і тільки потім дивляться нижче і правіше. Дослідження показують, що зона уваги користувача має вигляд букви F. Найбільш важливі елементи сайту повинні знаходитися в цих ключових областях.
4. Читачі ігнорують банери. Реклама дозволяє власникам сайту заробити на хліб з маслом, але дослідження показують, що в більшості випадків користувачі ігнорують банери, фокусуючись на них лише на долі секунди. Якщо ви хочете заробити на рекламі, підійти до її розміщення, оформлення і типу потрібно творчо.
5. Яскраве форматування і шрифти ігноруються. Чому? Тому що користувачі приймають їх за рекламу, що не містить потрібної їм інформації. Дослідження показують, що великі, кольорові букви ускладнюють пошук інформації, причина полягає у звичці користувача ігнорувати все схоже на рекламу. При розробці дизайну важливо, щоб «блиск» не відволікав увагу від важливої інформації і не робив її схожою на рекламу.
6. Показуйте числа цифрами. Цифрова інформація сприймається простіше, ніж та сама інформація, але текстова. Пам’ятайте про те, що ви пишете переважно для читачів, котрі сканують сайт. Прагніть спростити пошук інформації, щоб вони зберігали зацікавленість.
7. Розмір шрифту впливає на спосіб перегляду. Дрібний шрифт сприяє сфокусованому перегляду, тоді як великий спрощує сканування. Використовуйте цю особливість, щоб схилити користувачів до потрібного вам типу перегляду.
8. Користувачі сприймають підзаголовки, лише якщо вони їм цікаві. Вибирайте релевантні і цікаві підзаголовки.
9. Зазвичай люди переглядають сторінку невеликими частинами. Це можна використовувати в своїх цілях, створюйте області, які ловлять увагу користувача, скануючого сайт, наприклад, виділені області або списки.
10. Короткі параграфи (абзаци) краще довгих. Інформація, розміщена на сайті, має бути розрахована на швидке сприйняття, оскільки більшість інтернет-користувачів прагнуть зекономити час. Параграфи і речення мають бути короткими, за винятком випадків, де іншого способу вимагає контекст. Тобто тоді, коли сам текст є важливішим ніж його розмір.
11. Одноколонкові формати краще фіксують погляд, ніж багатоколонкові. Не перевантажуйте користувача інформацією. В деяких випадках «простіше» означає «краще».
12. Реклама у верхній і лівій частинах сторінки краще всього привертає увагу. Якщо ви розміщуєте на сайті рекламу, старайтеся, щоб вона була у верхній лівій частині сторінки, там вона краще всього приверне на себе увагу. Звичайно, те, що користувач бачить рекламу ще не означає, що він на неї клацатиме, тому не варто приносити дизайн у жертву, щоб отримати помітнішу рекламу.
13. Реклама, розміщена біля цікавих областей сайту, помітніша. Щоб збільшити помітність реклами, розміщуйте її біля областей сторінки, що є найбільш бажаними та цікавими. При цьому користувачі не втратять можливості знайти те, що їм потрібно, а ви отримаєте ефективнішу рекламу.
14. Текстова реклама переглядається користувачем уважніше, ніж інші типи реклами. Як було сказано раніше, більшість інтернет-користувачів не витрачають час на перегляд елементів, схожих на рекламу, тому текстова реклама, що добре поєднується з іншими елементами сторінки і яка не є дратівливою, значно ефективніша.
15. Великі зображення краще привертають увагу. Люди віддають перевагу великим, інформативним зображенням, на яких доступні деталі, в той же час зображення мають бути пов’язані з текстом, поряд з яким розміщені, інакше шанс того, що вони будуть проігноровані, зростає.
16. Зрозумілі, прості обличчя на зображеннях краще привертають увагу. Абстрактні і артистичні фотографії можуть добре поєднуватися з дизайном, але не завжди звертають на себе увагу читача. Якщо ви використовуєте фото людей, вони мають бути зрозумілими і простими. Потрібно звернути увагу і на те, що краще працюють фото реальних людей, а не моделей.
17. Заголовки притягують погляд. Перше, що користувач шукає на сторінці, це заголовок. Він не повинен пригнічуватися іншими елементами сторінки, постарайтеся, щоб заголовки були досить помітними.
18. Користувачі витрачають багато часу, дивлячись на кнопки і меню. Тому при розробці дизайну вам варто звернути на них особливу увагу. Крім того, що вони привертають увагу користувача, це ще і одні з найважливіших елементів сайту.
19. Списки добре затримують увагу користувача. Один із способів затримати увагу користувача на сайті – це часте використання списків в статтях. Використовуйте числа або маркери, щоб підкреслити важливу інформацію, це спростить «сканування» сайту.
20. Великі блоки тексту ігноруються. Дослідження показують, що більшість інтернет-користувачів не готова витрачати час на вивчення великих блоків тексту, як би інформативні і добре написані вони не були. Розбиття на невеликі параграфи, виділення важливих областей, підзаголовки і списки дозволяють затримати увагу користувача.
21. Затримати увагу може форматування. Щоб користувач не пропустив найбільш важливу інформацію, використовуйте різні способи її виділення: жирний, курсив, кольоровий, але не перестарайтеся, надлишкове використання цих елементів зробить сторінку нечитабельною і відштовхуватиме відвідувачів.
22. Простір корисний. Не дивлячись на бажання втиснути що-небудь в кожен куточок сторінки, краще залишити трохи простору. Перевантаження сайту призведе лише до того, що користувач ігноруватиме значну частину контента. Тому прагніть зробити сайт простим і залишити досить простору, на якому могли б відпочити очі користувача.
23. Краще місце для навігації – верхня частина сторінки. Ви, звичайно, хочете щоб користувач не лише переглядав першу сторінку, але і продовжував вивчення сайту у пошуках цікавої йому інформації. Утримати користувача допоможе проста у використанні і помітна, завдяки розміщенню у верхній частині сторінки, навігація.

Результати eye-tracking для пошуку Google. Зона у вигляді букви F отримує найбільше уваги.

Оригінал англійською – Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies

Переклад російською – 23 важных вывода из результатов eye-tracking исследований

Переклад на українську мову – hellveen, спеціально для Блогорідера.

Читайте також:

• 10 ознак хорошого HTML коду
• 10 найкорисніших сервісів для вебмайстра
• Як зробити сайт легким та зручним у користуванні (Ігор Виспянський)

Рубрика: Переклади

Теги: дизайн, дослідження, юзабіліті

Сподобалась стаття?

Підпишись на оновлення через RSS (?), e-mail, Twitter або Facebook.