Главная » Hi-Tech » Вовлечённость стала больше, но её всё ещё недостаточно: как пользователи читают сайты в 2018 году

Вовлечённость стала больше, но её всё ещё недостаточно: как пользователи читают сайты в 2018 году

Но один тип поведения всё же изменился — тенденция прокручивать страницу. Поведение людей стабильно, поэтому руководства по юзабилити редко меняются. Вначале пользователи редко пролистывали сайты, но к 1997 году длинные страницы получили широкое распространение, поэтому большинство людей научилось скроллить.

Ещё в 2010 году мы провели исследование по отслеживанию движений глаз, и оно показало, что 80% времени пользователи проводят на экране, видимом без прокрутки. Однако информации, видимой до прокрутки, всё ещё уделялось наибольшее внимание.

И настало время снова задаться вопросом, изменилось ли поведение пользователей из-за популярности этих трендов в веб-дизайне. С 2010 года (с появлением гибкого дизайна и минимализма) многие дизайнеры стали чаще использовать длинные страницы, которые занимают несколько полных экранов.

Данные по отслеживанию движений глаз

О самом исследовании

В этом исследовании приняли участие 120 испытуемых. Чтобы ответить на поставленный вопрос, мы записали 130 тысяч сессий движения глаз по экрану с разрешением 1920×1080 и проанализировали координаты осей X и Y. Они просмотрели тысячи сайтов из разнообразных областей.

Наша цель заключалась не в том, чтобы проанализировать индивидуальные сайты, а скорее дать характеристику всему разнообразию поведения пользователей. Объектом нашего анализа стал широкий спектр заданий для пользователей, охватывавший множество страниц и областей, включая новостные сайты, сайты электронной торговли, блоги, разделы «Ответы на часто задаваемые вопросы» и страницы энциклопедий.

Мы сравнили последние данные с теми, что были получены из предыдущего исследования по отслеживанию движения глаз на мониторах с разрешением 1024×768.

Результаты исследований

Пользователи могли адаптироваться к ним. Между нашими исследованиями произошло два изменения: экраны стали больше, и в веб-дизайне появились новые тренды. Мы не можем разделить относительное воздействие этих двух изменений, но это и не важно, потому что оба они объясняются промежутком прошедшего времени, и даже если бы мы хотели, мы не смогли бы на это повлиять.

74% от общего времени просмотра было проведено на первых двух полных экранах, до 2160 пикселей. В последних наших исследованиях пользователи проводили около 57% времени на видимой без прокрутки странице. (Этот анализ не учитывает максимальную длину страницы — такой результат может быть и из-за коротких страниц и из-за того, что люди бросали чтение после первых двух полных страниц контента.)

Однако тенденция резкого падения внимания после начала прокрутки в 2018 году осталась такой же, как была в 2010. Эти результаты сильно отличаются от тех, о которых мы писали в своей статье в 2010 году: там 80% времени просмотра отводилось странице, видимой без прокрутки.

Контент, расположенный до прокрутки, получает самую высокую долю времени просмотра. Около 74% времени было потрачено на два полных экрана контента (видимая без прокрутки информация и первый экран сразу же после прокрутки). Оставшиеся 26% времени распределены небольшими частями по оставшейся длине страницы.

Чтобы понять, как взгляд испытуемых двигался по страницам (вне зависимости от длины страницы), мы разделили их на сегменты — взяли по одной пятой от каждой страницы. Понятно, что не все страницы одинаковой длины. На общих сайтах более 42% времени просмотра приходилось на первые 20% страницы и более 65% времени было проведено на первых 40% страницы.

На страницах поисковой выдачи, которые мы не отделяли от остальных страниц в 2010 году, 47% времени просмотра приходилось на первые 20% страницы (и более 75% — на первые 40%) — что, вероятно, является отражением тенденции пользователей смотреть только на первые результаты.

Люди тратили непропорционально больше времени на просмотр первых 20% страницы

Более 65% времени просмотра страницы до прокрутки было сконцентрировано на верхней половине поля видимости. Если рассматривать только контент, расположенный до прокрутки, и только на первом экране, то информации, расположенной ближе к верхней части экрана, уделялось больше внимания, чем информации, расположенной ближе к низу экрана.

(Это старая истина, но её стоит повторить: будьте первым или вторым в Google — иначе можно сказать, что вас нет в интернете. На страницах поисковой выдачи верхней половине первого полного экрана до прокрутки уделили более 75% времени просмотра. Чрезмерное доверие к Google остаётся всё таким же сильным, как и десять лет назад, когда мы впервые определили такой тип поведения у пользователей).

Даже в области до прокрутки внимание было сосредоточено ближе к верхней части страницы, особенно когда речь идёт о страницах поисковой выдачи

Модели беглого просмотра и чтения

Другими словами, чем ближе информация к верху страницы, тем больше шансов, что её прочтут. Мы уже видели, что контенту, расположенному в области видимой до прокрутки, уделялась большая часть внимания (57% от времени просмотра); второй полный экран контента получил около трети от этого внимания (17% от времени просмотра); оставшиеся 26% распределились по длинному хвосту графика.

Многие пользователи бегло просматривают страницу по F-паттерну, если контент на ней не очень хорошо структурирован — они более внимательно читают текст, расположенный близко к верху страницы (первые несколько параграфов), а затем всё меньше фиксируют взгляд и всё меньше времени тратят на информацию, которая расположена ниже на странице. Индивидуальные модели чтения подтверждают этот вывод.

Разобравшись, они эффективно фокусируются только на информации, актуальной для задачи, которой они занимаются, а следовательно, уже не так внимательно всматриваются (и значит, тратят меньше времени на просмотр) в контент, расположенный дальше от вершины. Даже если представленная информация хорошо структурирована, люди внимательно всматриваются (читают) в верх страницы, потому что им нужно понять, как страница организована.

Это типичная схема внимательных взглядов, показывающая, что по большей части пользователи фиксировали свой взгляд на верхней части страницы, хотя и не всегда на самом верху. Распределение фиксации взгляда будет зависеть от конкретного дизайна и цели, с которой пользователь пришёл на эту страницу. Пользователь может немного почитать, если информация кажется ему интересной, но в целом чем дальше от верха страницы, тем меньше фиксаций взгляда.

2010 год против 2018 года

Сейчас только 57% — что, вероятно, является следствием широкого распространения длинных страниц. В 2010 году 80% времени просмотра тратилось на страницу до прокрутки. Что это значит?

Другими словами, они понимают недостатки длинных страниц и в некоторой степени могут их смягчить. Во-первых, может быть, дизайнеры научились создавать объекты, которые нейтрализуют иллюзию завершённости и стимулируют пользователей к прокрутке. Во-вторых, это может значить, что пользователи приспособились к прокрутке — преобладание на сайтах страниц, которые нужно прокручивать, закрепило в нас такое поведение.

Люди всё равно не очень много прокручивают — они редко заходят дальше третьего полного экрана. В какой-то степени. Линия, после которой требуется прокрутка, была барьером, сдвинувшимся до третьего полного экрана — восемь лет назад 80% времени просмотра тратилось на первый экран информации (всё, что видно без прокрутки); сегодня 81% времени просмотра тратится на первые три экрана информации.

Но внимание всё ещё держится на верхней части страницы — это та часть контента, которую проще всего заметить, которая вероятнее всего будет просмотрена вашими пользователями. Мы всегда говорили, что люди будут прокручивать страницу, если у них будет на то причина. Количество действий, требуемых для прокрутки (interaction cost), сокращает вероятность того, что контент, расположенный в нижних частях длинных страниц, будет просмотрен.

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

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

Что следует учесть при условии, что пользователи проводят больше всего времени, просматривая верхнюю часть страницы.

  • Верхнюю часть страницы надо приберечь для высокоприоритетного контента: ключевых бизнес- и пользовательских целей. На нижней части страницы можно разместить второстепенную или сопутствующую информацию.
  • Главные кнопки призыва к действию лучше разместить до прокрутки. Чтобы привлечь внимание к важному контенту, можно использовать подходящий шрифт: пользователи полагаются на такие элементы, как заголовки или выделенный жирным текст, чтобы определить, когда информация будет важной, и понять, где начинается новый сегмент контента. Проследите за тем, чтобы эти элементы были визуально отличимы друг от друга, и последовательно придерживайтесь одного стиля, чтобы пользователи могли с лёгкостью обнаружить их.
  • Остерегайтесь «ложного дна». Этот эффект стал очень распространён в современном минималистичном дизайне. Иллюзия завершённости может мешать прокрутке. Внедряйте указатели (такие как разрыв текста), чтобы люди понимали, что после прокрутки будет продолжение.
  • Тестируйте свой дизайн на типичных пользователях, чтобы определить идеальную длину страницы и обнаружить нужную пользователю информацию.

Приоритизация контента — это ключевой шаг в процессе планирования контента. Хотя современные страницы становятся всё длиннее и включают негативное пространство, а пользователи стали прокручивать больше, чем раньше, всё-таки люди тратят большую часть времени просмотра на верхнюю часть страницы. Сильные визуальные элементы иногда помогают заставить пользователя прокрутить страницу и посмотреть контент ниже области без прокрутки.

#дизайн


Оставить комментарий

Ваш email нигде не будет показан
Обязательные для заполнения поля помечены *

*

x

Ещё Hi-Tech Интересное!

Как устроена работа инди-команды: опыт авторов ATOM RPG

Летом 2017 года разработчики вышли со своим проектом на Kickstarter, где им удалось собрать в два раза больше требуемой суммы — $33 тысячи против 15 тысяч. ATOM RPG — постапокалиптическая ролевая игра от российской студии Atom Team. Разработчики из Atom ...

Найден способ избежать метастазов особо опасных видов рака

Поэтому борьба с ними выходит на первое место. Как бы далеко не шагнула современная медицина, все-равно остаются болезни, которые плохо поддаются лечению. И недавно группа ученых из Висконсинского университета в Мадисоне обнаружила способ предотвратить развитие метастазов при раковых заболеваниях. Одним ...