Мы редко читаем в сети. В основном мы сканируем. Это надежная стратегия, позволяющая быстро найти то, что нам нужно, во времена, когда мы сталкиваемся с большим количеством информации, чем можем обработать. Но сканирование также означает, что мы часто пропускаем ключевые детали. Это не только неэффективно, но и может нанести серьезный ущерб вашему бизнесу.
Давайте рассмотрим, как пользователи читают или сканируют в Интернете и как мы можем предотвратить вредоносные шаблоны сканирования.
Одним из наиболее распространенных шаблонов сканирования является F-образный шаблон. Пользователи начинают с левого верхнего угла, читают несколько строк, а затем начинают сканирование по вертикали. Но это не единственный шаблон сканирования в Интернете. Осведомленность о различных шаблонах — это первый шаг к тому, чтобы помочь пользователям лучше ориентироваться в вашем контенте.
Различные шаблоны описывают, как пользователи сканируют контент в Интернете. F-образный паттерн, пожалуй, самый известный.
Пользователи сначала считывают горизонтально, затем читают все меньше и меньше, пока не начнут сканировать вертикально. Первые строки текста и первые слова в каждой строке получают больше внимания. Это относится и к LTR-интерфейсам, но буква F перевернута.
Пользователи последовательно сканируют заголовки с преднамеренными переходами к основному тексту между ними. Самый эффективный способ сканирования страниц и поиска ключевых сведений о контенте.
часто являются «удовлетворенными», ищущими то, что достаточно хорошо, но недостаточно исчерпывающе.
В поисковой выдаче они часто зацикливаются на одном результате.
В таблицах пользователи начинают с верхней левой ячейки, переходят вправо до конца строки, а затем опускаются к следующей строке, двигаясь по той же схеме.
Пропуск больших кусков текста и фокусировка на шаблонах. Часто случается в поиске, когда пользователи ищут определенные слова, фигуры, ссылки, даты и так далее.
Глаза фокусируются в одном месте при прокрутке мыши или смахивании пальцем. Чаще встречается на мобильных устройствах, чем на десктопах.
Пользователи намеренно пропускают первые слова строки, когда несколько строк начинаются с одного и того же слова.
приверженности Чтение всего содержания, слово за словом. Происходит, когда пользователи высоко мотивированы и заинтересованы. Характерен для пожилых людей.
В Интернете мы часто спорим о фолде, и хотя он действительно существует, на самом деле это не имеет значения. Как сказал Кристофер Батлер, «проблема не в длине, а в отсутствии ритма».
Основная задача дизайнера — намеренно направлять внимание. Сканирование – это частичное внимание. Чтение – это концентрированное внимание. Экран без преднамеренного ритма будет терять внимание во время сканирования. Тот, у кого есть контролируемый ритм, не только удержит внимание, но и углубит его.
Думайте о F-образном сканировании как о запасном поведении пользователя, если дизайн недостаточно хорошо направляет его через содержимое. Поэтому предотвращайте это, когда можете. Как минимум, дать пользователям якоря для перехода к Е-образному сканированию, а в лучшем случае направить их внимание на соответствующие разделы со сканированием слоеного пирога.
Хорошее форматирование может уменьшить влияние сканирования. Чтобы структурировать сканирование и направлять представление пользователя, добавьте заголовки и подзаголовки. Для вовлечения используйте альтернативные размеры, интервалы и узоры. Для целевых страниц используйте альтернативные точки интереса.
Пользователи тратят 80% времени на просмотр левой половины страницы. Поэтому, когда вы структурируете свой контент, имейте в виду, что горизонтальное внимание наклоняется влево. Там же вы можете расположить навигацию, чтобы облегчить навигацию.
Как правило, рекомендуется визуально группировать небольшие фрагменты связанного контента. Чтобы предлагать анкоры, продумайте заголовки с ключевыми словами и ключевыми моментами — это поможет пользователям быстро понять, что их ждет. Добавление полезных визуальных элементов также может дать пользователям точки для привязки.
Еще один способ провести пользователей по странице — добавить небольшие, но заметные акценты, чтобы привлечь внимание. Вам понадобятся видимые, хорошо структурированные заголовки и подзаголовки, которые выделяются на фоне остального контента на странице. На самом деле, добавление подзаголовков по всей странице может быть лучшей стратегией, чтобы помочь пользователям быстрее находить информацию.
Контент с большим объемом данных, такой как большие, сложные таблицы, требует дополнительного внимания и осторожности. Чтобы помочь пользователям сохранять свое положение при перемещении по таблице, держите заголовки плавающими. Они обеспечивают привязку независимо от того, куда сфокусированы глаза вашего пользователя, и облегчают осмотр и сравнение данных.
Если у вас есть вопросы по статье или нужна помощь в создании сайта, пишите нам в чат на сайте или Вконтакте. Не забудьте оставить свой e-mail и мы ответим в самое ближайшее время.Другие статьи по теме:
В 2023 году пришло время отказаться от ярких цветов. Приглушенные и пастельные цвета сейчас незаметно доминируют в веб-дизайне. Хотя приглушенные цвета противоположны ярким и смелым, они все же могут эмоционально воздействовать на пользователя и передавать послание современности, безмятежности и спокойствия.
Почему мы сканируем прочитанное в Интернете? Скорее всего, из-за информационной перегрузки; мы знаем, что информация не проверялась, плюс мы знаем, что у нас под рукой есть миллионы других источников.
В мире насчитывается более полумиллиона шрифтов. Хотя большая часть Интернета построена на нескольких популярных типах шрифтов, есть много возможностей выбрать уникальный путь. Поскольку шрифты также являются визуальными элементами, вы можете использовать их в качестве психологических элементов для создания повествования, поддерживающего усилия вашего сайта.
В статье объясняется, как психологические принципы, такие как визуальная иерархия, простота и формирование доверия, улучшают веб-дизайн, согласуясь с поведением пользователей и делая сайты интуитивно понятными и привлекательными. Эти методы помогают укреплять доверие, побуждать к действию и улучшать пользовательский опыт.
