Если по взглядам пользователей Интернета составить тепловую карту, то можно легко заметить F-образный принцип чтения веб-страниц: две горизонтальных полосы и одна вертикальная.
Наблюдение
F — это от английского fast. Именно так, быстро, пользователи просматривают ваши веб-страницы. За несколько секунд их глаза с огромной скоростью успевают «пробежать» по словам на вашем сайте. Такой способ восприятия совсем отличается от привычного способа, который можно наблюдать у человека, читающего книгу.
В исследовании, проведённом на оригинальном сайте, наблюдали за тем, как 232 пользователя просматривали тысячи страниц в Сети. Было обнаружено, что принцип чтения у большинства пользователей, в целом, повторялся от сайта к сайту, независимо от тематики сайта или задач пользователя. Этот основной принцип чтения, если представить его на теплокарте, напоминает английскую букву «F» и состоит из трёх этапов:
- ~ Сначала пользователь читает в горизонтальном направлении, обычно что-нибудь в верхней части контента страницы. Это составляет верхушку буквы «F».
- ~ Далее пользователь опускается взглядом немного ниже и второй раз читает в горизонтальном направлении. На этот раз, чтение, обычно, короче. Этот шаг составляет вторую планку буквы «F».
- ~ В конце концов, пользователь просматривает начало абзацев содержимого, двигаясь взглядом вертикально вниз. Иногда, пользователь делает это довольно тщательно и медленно, что отображается непрерывной полосой на теплокарте. В других случаях — он быстро пробегает контент глазами, оставляя лишь пятна на теплокарте. Этот шаг составляет вертикальную чёрточку буквы «F» и завершает её.
Конечно, схема чтения не всегда состоит именно из трёх частей. Иногда, пользователь продолжает горизонтальное чтение и на третьем этапе, что делает теплокарту больше похожей на «Е», чем на «F». Ещё бывает, что пользователь просматривает контент поперёк только один раз, из-за чего теплокарта выглядит, скорее, как «Г». Но в целом, принцип чтения, обычно, выглядит именно как буква «F».
Теплокарта взглядов пользователей на трёх разных сайтах. Красным обозначены места, куда пользователь смотрел чаще всего; жёлтым — реже; и синим — совсем редко. На серых участках взгляд пользователя вобще не задерживался.
Теплокарты выше показывают, как пользователи читали три веб-страницы разных типов:
- ~ Статью «О компании» на корпоративном сайте (слева);
- ~ Страницу с описанием товара на сайте интернет-магазина (по центру);
- ~ Выдачу результатов поиска на сайте поисковой системы (справа).
Если вы обратите внимание на красные участки, то увидите, что они отображают ожидаемый принцип чтения в виде буквы «F». Конечно, есть отличия, но ведь и этот принцип буквы «F» — скорее, грубая, примерная форма, чем полноценная модель.
На сайте интернет-магазина посередине, вторая вертикальная чёрточка находится ниже из-за вклинившегося изображения товара. Кроме того, пользователи довольно много внимания уделили рамке в верхней правой части страницы, где находится цена товара и кнопка «Добавить в корзину».
На странице с результатами поиска, вторая чёрточка в букве «F» длиннее первой, в основном, потому, что второй заголовок, сам по себе, длиннее. В этом случае, оба заголовка оказались в равной степени интересны пользователям, хотя обычно — второй строчке уделяется меньше внимания.
Практические выводы
Наблюдения выше довольно чётко показывают необходимость написания отдельных текстов для Веба, вместо использования уже существующих печатных. Тексты для Веба должны составляться по специальным правилам, среди которых:
- ~ Пользователи не читают тщательно все слова в вашем тексте. Тщательное чтение — редкое явление. Особенно, когда пользователь что-то ищет или выбирает, открывая сразу много сайтов. Некоторые люди читают тщательно, но большинство — нет.
- ~ Первые два абзаца должны содержать наиболее важную информацию. Тогда есть надежда, что пользователи действительно прочтут эту информацию. Хотя, всё же из первого абзаца они, вероятно, прочтут больше, чем из второго.
- ~ Начинайте заголовки, абзацы и маркированные списки со слов, несущих полезную информацию, на которые пользователи обратят внимание, когда будут вертикально пробегать глазами текст. У первых двух слов в строке шансы быть прочитанными куда выше, чем у остальных.
Цены и другие цифры чаще привлекают к себе внимание пользователей. А вот на рекламе в выдаче результатов поисковых систем взгляд задерживается лишь мельком.
P.S.
От меня. Важно понимать основную идею того, как пользователь ведёт себя в Сети, просматривая сайты. На типичного юзера с каждой странички сваливаются тонны информации: куча текста, разных картинок, ярких баннеров, ссылок и всего, всего, всего. А таких сайтов типичный сёрфер просматривает очень много.
Неудивительно, что восприятие информации, в этом случае, происходит по несколько необычному принципу: за короткое время просмотреть страницу и найти самое важное. Читать только самое важное, самое интересное.
Если в течении довольно незначительного времени ничего интересного не найдено, страница закрывается и только. Пользователь будет читать длиннющие пространные вступления к статьям, только если он действительно заинтересован в темах этих статей. Типичные маркетинговые тексты в Вебе — вобще гиблое дело.
Автор: Undsoft.
Ещё материалы по этой теме:
- Пятисот или пятиста?
- Я понял, чем занимаются продуктовые дизайнеры
- Чему можно научиться у «Чёрного квадрата», если работаешь в рекламе?
Комментарии:
Vladimir Fedin
Занятная информация. Сходство с буквой F весьма условное, скорее здесь просто внимание пользователей концентрируется на левой верхней части экрана.
Hoztorg777
Вы как профи в этом деле.
У меня просьба к Вам посмотреть на мой сайт (не реклама)
Суть вопроса такова,интересно ли и легко клиенту смотреть
и пользоваться.
За ранее благодарю кто откликнется.
hdmi
Рекламу надо писать там где красное?