Читательские привычки в Интернете: сохраняйте быстроту чтения онлайн-контента

Это универсальный факт: люди по-разному читают онлайн и офлайн-контент. На это есть много причин: во-первых, онлайн-контент читается на 25% медленнее, но в то же время интернет предоставляет пользователям невероятный объем информации. Сочетание этих двух факторов означает, что средний пользователь Интернета стал нетерпеливым. Будь то новостная статья или описание товара, в наши дни пользователи редко вчитываются в каждое слово, как в хорошую книгу. Вместо этого тексты в Интернете сканируются и просматриваются бегло, а результаты поиска изучаются и прочесываются. Теперь это необходимо учитывать при разработке веб-проектов и контент-кампаний. Читайте дальше, чтобы узнать о последствиях современных привычек чтения для дизайна, создания контента и поисковой оптимизации, а также о том, как лучше отображать контент с помощью F-образного макета.

Рассматривая тенденции изменения привычек чтения в Интернете с течением времени, можно увидеть различные закономерности. Согласно последним исследованиям, одной из наиболее распространенных новых привычек является метод восприятия информации в форме буквы «F». Поэтому в дизайне использование F-образного шаблона, или F-макета, отражает типичную модель чтения большинства пользователей Интернета. Процесс работы F-образного макета происходит следующим образом:

• Пользователь сначала сканирует горизонтальную линию в верхней части страницы и бросает взгляд на первый абзац, создавая первую полосу «F».

• Затем взгляд пользователя опускается вертикально вниз по левой стороне текста. Пользователь читает первые слова абзаца, а затем переходит к следующей строке, сканируя текст. Первоначально пользователь не регистрирует элементы в правой части экрана.

• После первого сканирования пользователь начинает более внимательно изучать содержание, чтобы найти нужную информацию. Если пользователь определит значимые ключевые слова, его взгляд переместится вправо во второй раз, таким образом, образуя вторую полосу паттерна F.

• По мере продолжения процесса взгляд остается в левой части экрана и устремляется вертикально вниз, к нижней части страницы.

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

Это доказано многочисленными исследованиями в области юзабилити. Датский консультант по юзабилити Якоб Нильсен первым ввел термин «F-образная форма» после того, как в 2006 году его исследования по отслеживанию движения глаз показали, что движения глаз пользователей веб-сайтов соответствуют форме «F».

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

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

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

1. Переходите сразу к делу: если возможно, постарайтесь включить ключевую информацию в первый раздел текста. Переходите к сути, кратко и лаконично излагая ключевые моменты. Избегайте приукрашивания и ненужной информации в макете F. Сначала самое необходимое. Однако не стоит слишком долго ждать, чтобы добавить дополнительную важную информацию, даже если это повлияет на композицию текста.
2. Создайте структуру: для онлайн-контента следует стремиться к структурированному стилю; предпочтительны списки, короткие абзацы, заголовки и подзаголовки. Такая структура позволяет пользователям гораздо быстрее сканировать тексты.
3. Акцент на заголовках: заголовки и подзаголовки — это не просто структурный элемент; скорее, увлекательные заголовки с соответствующими ключевыми словами служат центральным якорным элементом для читателей. Поэтому при создании текста следует оставлять достаточно времени для планирования и реализации интересных заголовков.

Будучи одной из основополагающих и наиболее популярных концепций создания контента, F-образный макет так же актуален для веб-дизайнеров, как и для редакторов.

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

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

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

Контент и дизайн, объединяясь, рождают новые концепции, такие как макет Z. Шаблон Z — это еще одна эмпирически наблюдаемая привычка пользователей Интернета к чтению; при сканировании веб-сайта глаз движется в форме буквы «Z», т.е. начинает читать в левом верхнем углу, перемещается по горизонтали вправо, затем движется по диагонали вниз до левого нижнего угла экрана, после чего снова читает справа налево.

Поведение читателей в Интернете является важным аспектом поисковой оптимизации. Паттерн F помогает владельцам сайтов проектировать свои страницы так, чтобы доступ к необходимой информации был максимально простым и отвечал потребностям отдельных пользователей. Цель оптимизации юзабилити — помочь пользователю найти основные аспекты его поиска как можно быстрее и проще и предоставить основные детали с первого взгляда. Это ключевой момент для любого сайта, даже если он не является одним из основных критериев Google при оценке сайтов с точки зрения ранжирования.   

Говоря об оптимизации поисковых систем, важно помнить, что SERP и собственные страницы результатов поиска Google основаны на типичной схеме F. Многие исследования, основанные на результатах отслеживания движения глаз, дают представление о том, как пользователи воспринимают SERP Google. Если вы, как SEO-менеджер, знаете, на какие области страницы пользователь тратит больше всего времени, у вас будет больше возможностей для привлечения и удержания взгляда пользователя. Эта информация важна для создания мета-заголовков и описаний. Правильное размещение нужных сигналов и ключевых слов может принести огромную пользу. Поэтому все большее значение приобретают такие привлекающие внимание элементы, как иконки и заглавные буквы.