Eyetrack III: як виглядають веб-сайти новин очима читачів

Архів

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

Дослідження Eyetrack III, опубліковане Інститут Пойнтера , Центр журналістики та нових медіа Естлоу , і Інструменти для очей може допомогти відповісти на ці та інші запитання. Подібне дослідження айтрекінгу не дасть відповіді на ці запитання. Але в поєднанні з іншими показниками сайту, які вже використовуються менеджерами новинних веб-сайтів — тестуванням зручності, фокус-групами, аналізом журналів — результати Eyetrack III можуть дати певний напрямок для покращення веб-сайтів новин.

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

Крім того, короткий коментар про те, чим є це дослідження, а чим ні: воно є Попереднє дослідження 46 осіб, проведене в Сан-Франциско. це є ні вичерпне дослідження, яке ми можемо екстраполювати на більшу популяцію. Це поєднання «висновків», заснованих на контрольованих змінних, і «спостережень», коли тестування не контролювалося настільки жорстко. Дослідники пішли «широко», а не «вглиб», охоплюючи багато ґрунту з точки зору дизайну веб-сайту та мультимедійних факторів. Ми сподіваємося, що Eyetrack III буде розглядатися не як самоціль, а як початок розмови, яка принесе користь індустрії новин.

В основі: макет домашньої сторінки

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

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

Тепер також розглянемо інше спостереження Eyetrack: домінантні заголовки найчастіше привертають увагу першими, коли вони потрапляють на сторінку — особливо якщо вони знаходяться у верхньому лівому куті, і найчастіше (але не завжди) у верхньому правому куті. Фотографії, на відміну від того, що ви могли очікувати (і всупереч результатам дослідження Poynter 1990 року, проведеного в друкованих газетах), зазвичай не є точкою входу на домашню сторінку. Правила відображення тексту на екрані ПК — як у порядку перегляду, так і за загальним часом, витраченим на його перегляд.

Короткий огляд 25 великих новинних веб-сайтів — ось їх список — показує, що 20 з них розміщують домінантне зображення домашньої сторінки у верхньому лівому куті. (Більшість новинних сайтів мають узгоджений дизайн сторінки щодня; вони не часто змінюють макет, як друкована газета.)

Ми помітили, що на домашніх сторінках новин читачі спонукають спочатку подивитися на прапор/логотип і верхні заголовки у верхньому лівому куті. На графіку нижче показано зони важливості, які ми сформулювали на основі даних Eyetrack. Хоча кожен сайт відрізняється, ви можете подивитися на свій власний веб-сайт і побачити, який вміст у вас є в яких зонах.

[ Дізнайтеся більше про те, що Eyetrack III говорить про макет домашньої сторінки тут . ]

Хочете, щоб люди читали, а не сканували? Розглянемо дрібний тип

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

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

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

Особливо цікавою була поведінка людей, коли на домашніх сторінках використовувалися заголовки та анотації. Учасники тесту Eyetrack III, як правило, переглядали і заголовок, і анотацію, коли заголовок був напівжирним і такого ж розміру, як текст анотації, і безпосередньо передував анотації в тому ж рядку.

З заголовком, більшим за анотацію та на окремому рядку, люди, як правило, переглядали заголовки та пропускали анотації; вони сканували заголовки на всій сторінці більше, ніж група, яка дивилася на менші заголовки.

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

Підкреслені заголовки не заохочували тестувальників переглядати анотації на домашній сторінці:

Це може бути пов’язано з явищем, яке ми відзначали під час тестування: візуальні розриви — наприклад, лінія чи правило — відлякували людей від перегляду предметів за межами розриву, як анотація. (Це також впливає на рекламу, яку ми розглядаємо нижче.)

Коли ми дивимося на новинні веб-сайти, ми виявляємо, що переважна більшість із них (22 із 25) використовують анотації для супроводу заголовків на своїх домашніх сторінках. Це рідкісні з них, які використовують лише заголовки: CNN.com , NYPost.com , і ProJo.com . Що стосується розміру заголовка, ми помітили приблизно рівномірний розподіл між використанням більшого розміру шрифту для заголовків і меншого шрифту.

Ми виявили, що 12 з 22 новинних сайтів, які використовують анотації на своїй домашній сторінці, розміщують правила під своїми заголовками.

[ Дізнайтеся більше про те, що Eyetrack III говорить про тип і анотації тут і тут . ]

Часткове перегляд заголовків, анотацій, які часто зустрічаються

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

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

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

Для заголовків — особливо довших — здається, що перші пару слів мають привертати увагу, якщо ви хочете привернути увагу.

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

На 25 новинних веб-сайтах, які ми переглянули, є значна різноманітність анотацій. Середня довжина анотації варіюється від низької приблизно 10 слів до високої 25, причому більшість сайтів мають приблизно 17.

[ Дізнайтеся більше про те, що Eyetrack III говорить про анотації тут . ]

Що створює «гарячі точки»?

У Eyetrack III ми протестували кілька дизайнів домашньої сторінки, спостерігаючи, де на сторінці дивляться люди. Як і слід було очікувати, нижні частини сторінки — особливо області, які потрібно прокручувати, щоб переглянути — отримують скромний перегляд. Але це не означає, що ви не можете змусити людей дивитися вміст низько на сторінці, що прокручується.

На кількох наших тестових домашніх сторінках ми знайшли «гарячі точки» для деяких історій. Можливо, тому, що наше тестування проходило в Сан-Франциско, суб’єктів дослідження привернула одна історія про сайт «Список Крейга» (місцеву онлайн-спільноту, популярну з моменту її створення в 1995 році). Заголовок цієї історії мав надмірну кількість фіксацій очей у порівнянні з навколишнім вмістом, навіть якщо він був під першим видимим екраном сторінки. Ми помітили таку ж велику кількість фіксації очей на заголовку про виробника одягу FCUK, який був розміщений далеко внизу на сторінці з довгим списком заголовків і анотацій.

Ми вважаємо, що це хороша новина для веб-сайтів із домашніми сторінками, які виходять далеко за межі початкового перегляду екрана. Eyetrack III виявив, що люди зазвичай дивляться за межі першого екрана. Однак трапляється так, що їхні очі зазвичай сканують нижні частини сторінки, шукаючи щось, щоб привернути їхню увагу. Їх очі можуть зосереджуватися на цікавому заголовку чи помітному слові, але не на іншому вмісті. Знову ж таки, це вказує на необхідність писати гострий заголовок.

[ Дізнайтеся більше про те, що Eyetrack III говорить про дизайн домашньої сторінки тут і тут . ]

Де ваша навігація?

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

Навігація, розміщена у верхній частині домашньої сторінки, працювала найкраще — тобто її бачив найбільший відсоток випробовуваних і розглядав її найдовше. Під час опитування 25 провідних новинних сайтів ми виявили 11, які використовували навігацію на найвищій позиції. Інші 14 використовували ліву навігацію. Сім із 25 використовували лівий та верхній елементи навігації. Жоден із 25 досліджених нами сайтів не використовував правосторонню навігацію. Це рідко, але ви можете знайти правильну навігацію у світі новин.

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

[ Дізнайтеся більше про те, що Eyetrack III говорить про навігацію тут . ]

А як щодо оформлення статті, стилю написання?

Результати Eyetrack III свідчать про те, що різні характеристики написання статті та макета можуть впливати на поведінку читача при перегляді.

Наприклад, візьмемо середню довжину абзацу. Більшість новинних сайтів публікують статті з абзацами середньої довжини — десь 45-50 слів або два-три речення. Проте під час опитування 25 провідних новинних сайтів ми виявили сім, які регулярно редагували статті, щоб зробити абзаци коротшими — часто лише одне речення на абзац.

У дослідженні Eyetrack III коротші абзаци показали кращі результати, ніж довші. Наші дані показали, що історії з короткими абзацами отримали вдвічі більше загальних фіксацій очей, ніж історії з довшими абзацами. Довший формат абзацу, здається, перешкоджає перегляду.

Більшість сторінок статей на веб-сайтах новин представляють історії в одному стовпці тексту, але кілька сайтів — наприклад iht.com і TheHerald.co.uk — імітувати макет газети та викладати статті в дві-три колонки поруч. Чи це так само читабельно, як традиційний (для Інтернету) формат статті в одну колонку?

Результати Eyetrack III показали, що стандартний формат з одним стовпцем працював краще з точки зору кількості фіксацій очей — іншими словами, люди дивилися більше. Однак майте на увазі, що звичка могла вплинути на цей результат. Оскільки більшість людей звикли до веб-статей з одним стовпцем, здивування, коли вони побачили тип із трьома колонками, могло вплинути на їхню поведінку очей.

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

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

Коли люди переглядали вступний абзац від 5 до 10 секунд — як це часто траплялося — їх середня поведінка при читанні решти статті була приблизно такою ж, як коли вони переглядали статті без короткого абзацу. Підсумковий параграф не мав жодної різниці з точки зору того, скільки оповідання було використано.

Трохи більше 20 відсотків провідних новинних веб-сайтів регулярно використовують підсумкові параграфи зі статтями.

[ Дізнайтеся більше про те, що Eyetrack III говорить про макет статті тут . ]

Перше, що ми помітили, це те, що люди часто ігнорують рекламу, але місце розташування має значення. Коли вони дивляться на рекламу, зазвичай це лише 0,5–1,5 секунди. Гарне розміщення та правильний формат можуть покращити ці показники.

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

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

З усіх перевірених нами типів текстові оголошення були переглянуті найбільш уважно. На наших тестових сторінках середня тривалість перегляду текстових оголошень становила майже 7 секунд; найкраще медійне оголошення в середньому отримувало лише 1,6 секунди.

Розмір має значення. Більші оголошення мали більше шансів бути побаченими. Невеликі оголошення праворуч на домашній сторінці, як правило, бачили лише одну третину наших тестувальників; решта жодного разу не кинула на них ока. На сторінках статей наші випробовувані найінтенсивніше переглядали оголошення на півсторінки. Проте їх бачили лише 38 відсотків часу; більшість людей ніколи не дивилися на них. Оголошення зі статтями, які найчастіше бачили, були вставленими в текст статті. На третьому місці опинилася реклама «Хмарочос» (тонкі вертикалі, що розгортаються в лівій або правій колонці).

Переглядаючи 25 провідних новинних веб-сайтів, ми виявили, що на домашніх сторінках переважають невеликі банерні оголошення. І дуже часто можна знайти оголошення в правому стовпці на домашній сторінці новин. Близько половини 25 сайтів, які ми переглянули вставити оголошення в текст статті.

[ Дізнайтеся більше про те, що Eyetrack III говорить про рекламу тут . ]

Великі онлайн-зображення довше затримують очі, ніж менші зображення

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

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

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

Ми виявили, що зображення розміром щонайменше 210 x 230 пікселів переглядали більше половини тестувальників. Наше дослідження також показує, що чисті, чіткі обличчя на зображеннях привертають більше уваги на домашніх сторінках.

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

Переглянувши 25 новинних веб-сайтів, ми виявили, що близько 20 відсотків регулярно використовують невеликі зображення на своїх домашніх сторінках. Чотири з п’яти сайтів зазвичай розміщують головну фотографію своєї домашньої сторінки у верхньому лівому куті.

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

[ Дізнайтеся більше про те, що Eyetrack III говорить про зображення тут . ]

Текст для фактів; мультимедійна графіка для незнайомих понять

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

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

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

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

[ Дізнайтеся більше про те, що Eyetrack III говорить про розуміння мультимедіа тут , і прочитати додаткові загальні мультимедійні спостереження тут . ]

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

Елізабет Карр надала дослідницьку допомогу для цієї статті.

Дізнайтеся Сумісність За Знаком Зодіаку