Как работает восприятие текста и блоков на сайте

Мы уже знаем, что пользователи сканируют страницу, а не читают всю вплотную. Вот несколько принципов того, как это происходит.

Принципы восприятия

Чтение «буквой F»

Люди обычно «читают» веб-страницу в форме буквы «F». Сначала горизонтально вверху, затем ниже, а потом вертикально по левому краю. Первые слова каждого абзаца должны нести максимум информации.

Выделение главного в абзацах

Люди не дойдут до конца длинных абзацев. Особенную информацию, цифры и факты нужно размещать ближе к началу текста.

Подзаголовки и списки

Мозг «цепляется» глазами за списки и заголовки. Если структура текста состоит из коротких абзацев и маркеров, пользователь её быстрее просканирует.

Контрасты и визуальные блоки

Люди обращают внимание на картинки, иконки и выноски. Если блоки текста слишком однообразны, они просто «сливаются в фон».

Закон близости и группировки

Схожую информацию лучше размещать рядом. Описание услуги и кнопку заказа — рядом, одним блоком.

Анализ читабельности

Даже лучший текст может проиграть из-за неудобного шрифта или низкой контрастности.

Итого

Внимание на странице работает как маяки. Расставьте ключевые акценты именно там, где хотите, чтобы читатель задержался.