Как мозг сканирует страницу за 3 секунды
14 января 20252 мин чтения
Первое впечатление о сайте складывается за 50 миллисекунд — это быстрее, чем вы моргнёте. За следующие 2.6 секунды мозг решает: остаться или уйти. Вот как это работает.
Таймлайн восприятия страницы
| Время | Что происходит | Что видит мозг |
|---|---|---|
| 0-50 мс | Первое впечатление | Цвета, композиция, «чистота» |
| 50-500 мс | Оценка дизайна | Профессионально или дёшево? |
| 0.5-2.6 сек | Поиск ключевой информации | Заголовок, логотип, главное предложение |
| 2.6-10 сек | F-паттерн сканирования | Подзаголовки, списки, CTA |
| 10+ сек | Решение остаться | Скролл или клик |
F-паттерн: как глаза сканируют страницу
████████████████████████████ ← Горизонтально по верху (заголовок) ████████████████ ← Чуть ниже, короче (подзаголовок) █ █ ← Вертикально вниз по левому краю █ (начала абзацев, списки) █ █████████████ ← Иногда ещё одна горизонталь
Что это значит для вашего сайта
❌ Плохо
- Важная информация справа
- CTA внизу страницы
- Сплошной текст без структуры
- Мелкие заголовки
✓ Хорошо
- Ключевое слева и сверху
- CTA на первом экране
- Подзаголовки + списки
- Крупные, контрастные заголовки
Зоны внимания на первом экране
|
🔥 Горячая зона Логотип + Заголовок |
⚡ Тёплая зона Меню + Телефон |
|
👁️ Фокус CTA-кнопка |
❄️ Холодная зона Вторичная информация |
Практические выводы
- 🎯 Заголовок — первые 5-6 слов критичны
- 📍 CTA — в левой или центральной части экрана
- 📝 Тексты — важное в начале абзацев
- 🖼️ Визуал — лица привлекают взгляд, используйте направление взгляда
«Первые два абзаца должны содержать самую важную информацию. Заголовки и списки должны начинаться с информационно насыщенных слов.» — Nielsen Norman Group
