Как люди читают сайты
79% пользователей сканируют страницы, а не читают их. Понимание того, как люди воспринимают контент на сайтах, позволяет создавать страницы, которые действительно работают.
F-паттерн: как глаза движутся по странице
Исследования айтрекинга показали: взгляд пользователя движется по странице в форме буквы F:
- Горизонтальная линия сверху — первые строки читаются полностью
- Вторая горизонтальная линия — короче, на уровне подзаголовка
- Вертикальное сканирование — левый край страницы вниз
Вывод: Самую важную информацию размещайте в левой части экрана и в первых абзацах.
Сколько текста реально читают
Статистика показывает суровую правду:
| Длина страницы | % прочитанного | Время чтения |
|---|---|---|
| 100 слов | 100% | 30 сек |
| 500 слов | 50-60% | 2-3 мин |
| 1000 слов | 25-30% | 4-5 мин |
| 2000+ слов | 10-20% | Сканирование |
Это не значит, что длинный контент плох — просто его нужно правильно структурировать.
5 правил для читаемого контента
1. Перевёрнутая пирамида
Журналистский принцип: самое важное — в начале. Каждый следующий абзац содержит менее важную информацию. Читатель может остановиться в любой момент и всё равно получить ключевую мысль.
2. Один абзац — одна мысль
Оптимальная длина абзаца — 3-4 строки на десктопе. Длинные блоки текста выглядят «стеной» и отпугивают читателей.
3. Подзаголовки каждые 300 слов
Подзаголовки — это точки входа. 43% читателей прокручивают страницу, выбирая интересные разделы по заголовкам.
4. Списки вместо перечислений в тексте
Сравните:
Плохо: «Мы предлагаем разработку сайтов, создание логотипов, SEO-продвижение и настройку рекламы.»
Хорошо:
- Разработка сайтов
- Создание логотипов
- SEO-продвижение
- Настройка рекламы
5. Выделение ключевых фраз
При сканировании глаз цепляется за:
- Жирный текст
- Ссылки
- Цифры
- Имена собственные
Что делает текст нечитаемым
- Длинные предложения — больше 20 слов сложно воспринимать
- Канцелярит — «осуществляем реализацию» вместо «делаем»
- Отсутствие пробелов — текст без воздуха давит
- Мелкий шрифт — меньше 16px на десктопе
- Низкий контраст — серый текст на сером фоне
- Узкие поля — текст упирается в края экрана
Формула читаемого контента
| Элемент | Рекомендация |
|---|---|
| Ширина строки | 50-75 символов |
| Размер шрифта | 16-18px для основного текста |
| Межстрочный интервал | 1.5-1.7 |
| Длина абзаца | 3-4 строки |
| Длина предложения | 15-20 слов |
Мобильное чтение: особенности
На смартфонах люди читают ещё быстрее и поверхностнее:
- Экран меньше — видно 2-3 абзаца
- Чтение на ходу — внимание рассеяно
- Касания вместо скролла — люди «прыгают» по странице
Для мобильных ещё важнее: короткие абзацы, крупные заголовки, кнопки вместо ссылок.
Итоги
Люди не читают — они сканируют. Создавайте контент для сканирования: структура, подзаголовки, списки, выделения. И самое важное — в начале.
Хотите аудит контента вашего сайта? Свяжитесь со мной — найдём, что улучшить.
