F-паттерн: как люди на самом деле читают сайты — и почему это должно определять вёрстку

Исследование, которому больше 15 лет — и оно всё ещё актуально

В 2006 году Nielsen Norman Group провела одно из первых масштабных исследований с отслеживанием движения глаз (eye-tracking) на веб-страницах. Результат оказался настолько устойчивым, что термин «F-паттерн» с тех пор используется как стандартное описание поведения пользователей при чтении веб-текста.

Что такое F-паттерн

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

Почему это происходит

Причина — не лень пользователей, а особенность восприятия веб-контента: люди приходят на страницу с конкретной задачей (найти ответ, сравнить цену, понять оффер) и сканируют текст в поисках ключевых слов, а не читают его целиком, как художественную литературу. Это же исследование легло в основу более поздних рекомендаций NN/g по «сканируемости» (scannability) текста.

Что это значит для вёрстки и копирайтинга

• Самая важная информация — в первых двух строках абзаца. Если ключевая мысль спрятана в середине или конце — велик шанс, что её просто не увидят.
• Заголовки и подзаголовки — не украшение, а навигация по сканированию. Пользователь, скользящий взглядом по левому краю, в первую очередь цепляется именно за них.
• Левая колонка важнее правой в интерфейсах с текстовым контентом — это одна из причин, почему в большинстве языков с письмом слева направо ключевые элементы навигации и CTA располагают именно слева или по центру, а не в правом углу контентного блока.
• Короткие абзацы и списки обгоняют «простыни» текста — они дают взгляду больше «зацепок» для сканирования по F-траектории.

Источник: Nielsen Norman Group, оригинальное исследование eye-tracking «F-Shaped Pattern For Reading Web Content» (nngroup.com).