Руководитель заказал сайт за 300 000 ₽. Сайт получился красивым: ровная сетка, модный шрифт, выверенные отступы. Дизайнер сдал макеты, программист собрал, запустили. Через месяц смотрите метрики: время на странице 11 секунд, bounce rate 82%. Вы обвиняете дизайнера в том, что он что-то не так нарисовал. Но дизайнер нарисовал всё правильно. Проблема глубже — сайт не выстроен как нарратив, по которому мозг скользит от экрана к экрану. Посетитель заходит и закрывает вкладку не из-за визуала, а из-за отсутствия петли: «что мне обещали? что дальше? почему я должен доскроллить?»
Объяснить это лучше всего на linear.app: что удерживает внимание на каждом экране и где ваш сайт обрывается.
Как измерить внимание до решения
Управленец видит итоговые цифры: bounce rate, время на сессию, конверсия. Эти цифры слепые. Они не показывают, на каком экране и на какой секунде посетитель уходит. Для диагноза нужны четыре метрики.
Scroll depth — процент страницы, до которого доскроллил пользователь. Если 50% уходят на первом экране, второй экран не получает шанса. Если 20% доходят до третьего — нарратив целый, дальше теряется на контенте.
Exit rate по блокам — не общая цифра, а по каждым 500–800 пикселям. Так вы видите конкретный разрыв. Heatmap дополняет: где глаз останавливается, что последним смотрит перед закрытием.
Time on page по сегментам — разрежьте не «среднее 30 секунд», а «0–10 сек: 70%, 10–30 сек: 20%, 30+: 10%». Это сразу покажет, есть ли у вашего сайта нарративный крючок или люди покидают до второй мысли.
Stickiness ratio — session duration × pages per session. Если одна страница за сессию и нет причины вернуться, петля «не дочитал» не включена.
Линейку этих метрик можно построить в любой аналитике за полчаса. Не нужно быть дизайнером. Нужно смотреть глазами того, кто зашёл в первый раз.
Экран 1 (0–3 секунды): обещание вместо описания
Открываем linear.app. Верхний блок не объясняет, что Linear — это система управления проектами. Вместо этого экран даёт обещание: «Linear начинается там, где заканчивается ваша задача», и под этим обещанием — строка ввода, куда можно написать свою задачу. Живая, не статичная картинка.
Что происходит у посетителя в голове за эти три секунды. Он не читает описание продукта. Он видит приглашение к действию: «напиши задачу — увидишь результат». Мозг получил открытую петлю: «а что будет, если я это сделаю?» Это сильнее любого заголовка «Мы — платформа для управления проектами». Вы на такой заголовок не реагируете, потому что он не про вас. А предложение «начинайте с задачи» сразу втягивает — вы сами владелец задачи.
Бизнес-задача, которую закрывает этот экран: преодолеть первый порог знакомства не описанием продукта, а вовлечением в сценарий. Если посетитель ввёл слово или хотя бы подумал о нём, уход с сайта становится для него потерей любопытства, а не потерей времени.
Экран 2 (3–8 секунд): живой виджет вместо фич
Скроллим чуть ниже. Linear показывает не список возможностей, а живой виджет интерфейса: карточки задач, приоритеты, статусы. Это не видео, не анимация ради эффекта. Это настоящий рабочий интерфейс, с которым можно взаимодействовать прямо в браузере. Вы двигаете карточку — она реагирует. Помечаете задачу как выполненную — интерфейс отзывается микродвижением.
У посетителя теперь другой запрос. Первый экран открыл петлю: «что я получу?» Второй экран отвечает: «вот это, и это работает прямо сейчас». Внутренний диалог «докажи, что это не понты» получает ответ действием, а не утверждением. Мозг не любит читать о ценности — он предпочитает увидеть результат. И когда результат возникает от вашего собственного движения, доверие растёт иначе. Вы чувствуете контроль.
Закрытая бизнес-задача: превратить абстрактное описание «мы ускоряем работу команды» в конкретную демонстрацию «нажми и потрогай». На сайтах, где этого нет, посетитель уходит именно здесь — на 8-й секунде, после красивого первого экрана и скучного текста про выгоды.
Экраны 3–5 (8–25 секунд): микро-фидбек как эмоциональный якорь
Дальше Linear разворачивает глубину. Не все сразу. Сначала одна деталь: завершение задачи вызывает лёгкий «прыжок» карточки — как отметка в чек-листе, только живее. Затем раскрывается интеграция с GitHub, автоматизация. Сложность добавляется порциями: новичок видит простой канвас, опытный пользователь находит то, что ему нужно в глубине. Никто не тонет.
«Прыжок» при завершении — не украшение. Это micro-feedback: мозг получает сигнал «дело сделано, вот тебе подтверждение». Вы не читаете сухой список фич, вы проживаете маленькое достижение. Эмоциональный отклик длится доли секунды, но оставляет след: вкладка начинает ассоциироваться с приятным ощущением контроля и завершённости. Ваш сайт так не делает, если все элементы статичны.
В голове посетителя за эти секунды происходит сдвиг: из «изучаю предложение» в «примеряю на себя». Progressive disclosure дозирует сложность ровно под его уровень, без перегрузки. Поэтому нет момента, когда мозг решает «слишком сложно, закрой вкладку». Внимание удерживается за счёт того, что в каждый момент есть ровно один следующий маленький вопрос, на который сайт отвечает движением или текстом.
Экран 6+ (25+ секунд): нарративный момент, а не бесконечность
После 25 секунд Linear не пытается удержать бесконечным скроллом. Он выводит к чёткому призыву: начать бесплатно, без ввода карты. К этому моменту вы уже вложили время, увидели результат в действии, возможно, подвинули карточку. Закрыть вкладку сложнее: вы потеряете сделанное. Это не «я потратил 25 секунд», а «я начал, и теперь бросать жалко».
Механика здесь — narrative momentum: каждый предыдущий экран накапливает причину остаться. Не потому что сайт бесконечно обещает что-то новенькое, а потому что логика «задача → демонстрация → маленькая победа → приглашение» движет вас к одному финальному действию. В этом разница между удержанием и укачиванием. Бесконечный скролл маскирует инерцию под интерес, но не даёт повода действовать. Нарратив с петлями даёт.
Эти 25+ секунд — не про «ещё один блок контента». Здесь закрывается последняя бизнес-задача: конверсия из внимания в действие. Без предшествующих крючков здесь был бы просто CTA, который не сработает.
Таблица: 5 механик удержания, которые использует Linear
| Механика | Что это | Как работает в мозге | Как выглядит на сайте |
|---|---|---|---|
| Open loop | Открытая петля: обещание, которое заставляет искать ответ | Мозг испытывает discomfort при незакрытой петле — «что дальше?» | Первый экран: строка ввода вместо описания продукта |
| Progressive disclosure | Дозированное раскрытие сложности | Мозг не может удерживать >7 элементов; порции не перегружают | Новичок видит канвас, эксперт находит глубину в следующих экранах |
| Social proof timing | Доказательства вжизни, а не в отдельном блоке | Доверие возникает в момент сомнения, а не после него | Логотипы клиентов после демонстрации, а не до |
| Micro-feedback | Мгновенная анимация на действие | Вырабатывается дофамин — сигнал «дело сделано» | Завершённая задача в виджете «прыгает» |
| Narrative momentum | Логическая цепочка экранов к действию | Каждый экран накапливает причину остаться | Задача → демонстрация → победа → приглашение |
Линейная модель: каждая механика усиливает следующую. Open loop притягивает взгляд. Progressive disclosure не даёт устать. Social proof timing снимает возражение в момент появления сомнения. Micro-feedback закрепляет эмоцию. Narrative momentum превращает скролл в последовательность решений. Всё вместе — сайт, который невозможно закрыть.
Сколько стоит каждый уход с сайта
Посчитаем на конкретных цифрах. Возьмём нишу B2B-услуг в РФ: средний CPC по контекстной рекламе 45 ₽. Это стоимость одного клика, который привёл одного человека на сайт.
Трафик в месяц: 2 000 посетителей. При bounce rate 82% (типичная витрина) сайт теряет 1 640 посетителей до всякого решения. Умножаем на 45 ₽ — 73 800 ₽ в месяц выбрасывается на привлечение людей, которые закрыли вкладку на втором экране. Добавьте тех, кто не дочитал до CTA даже при низком bounce — потери переваливают за 90 000 ₽ ежемесячно.
Это не стоимость дизайна. Это стоимость отсутствия нарративной петли. Вы заплатили за билет на концерт и потеряли зрителя в фойе, потому что дверь в зал не открылась. Замена шрифта или перекраска кнопок эти деньги не вернёт. Вернёт перестройка экранов под логику внимания.
Почему «красивый» и «невозможно закрыть» — разные задачи
Эстетическое доверие и нарративный крючок — два разных механизма. Первый работает в момент «можно ли этому верить?». Красивый сайт с аккуратной типографикой и качественными изображениями снимает подозрение в первые доли секунды. Но это доверие на входе. Дальше вступает второй механизм: «что мне с этим делать?» И если после первого экрана не появляется петля, доверие растворяется за 8 секунд.
Вы можете заказать дорогой дизайн и получить красивый сайт, который закрывают. Потому что дизайнер отвечал за эстетику, а не за нарратив. Нарратив — это не «правильные отступы». Это последовательность: открыть вопрос → показать действие → дать маленькую победу → пригласить дальше. Если статья pochemu-horoshiy-dizayn-snizhaet-konversiyu разбирает момент решения — когда красивый дизайн вызывает подозрение в точке покупки, — то здесь мы разобрали момент до решения: почему пользователь вообще не доходит до этой точки.
Вывод
Сайт невозможно закрыть, когда у мозга не остаётся ни одной паузы, чтобы задать вопрос «а зачем здесь?» и не получить ответ. Linear.app делает это через открытую петлю, живой виджет, микро-фидбек и ход к CTA. Ваш сайт закрывают не из-за дизайна, а потому что за фасадом нет сценария к действию.
Ключевые факты
- 0–3 секунды: пользователь остаётся не потому, что сайт красивый, а потому что первый экран открывает петлю: «ваша задача превращается в заявку сама».
- 3–8 секунд: live-виджет заменяет описание фичи на демонстрацию результата — это убирает «докажи» из внутреннего диалога.
- 8–25 секунд: micro-feedback (прыжок при завершении задачи) даёт эмоциональный якорь, из-за которого мозг не чувствует «сухое чтение лендинга».
- После 25 секунд: progressive disclosure дозирует сложность — новичок видит простой канвас, эксперт находит глубину, никто не устаёт.
- Каждый уход с сайта при CPC 45 ₽ и трафике 2 000 посетителей/месяц стоит 90 000 ₽ до точки конверсии. Это деньги, потерянные до решения.
Частые вопросы
- Мой сайт красивый, но его всё равно закрывают — почему?
- Эстетическое доверие работает в момент оценки «можно ли этому верить». Нарративный крючок — в следующее мгновение: «что там дальше?». Красивый дизайн удерживает взгляд на одном экране. Петля удерживает мышь до конца. Если второй экран не отвечает на вопрос, который возник на первом, закрытие вкладки — вопрос физиологии, а не вкуса.
- Как измерить, где именно теряется внимание?
- Смотрите scroll depth по экранам и exit rate по блокам. Если 60% посетителей уходят после 25% прокрутки, разрыв — между первым и вторым экраном. Heatmap покажет, какой элемент не выдерживает конкуренции за взгляд. Дальше — тест: откройте сайт на телефоне, прокрутите 3 секунды, спросите «что мне пообещали?». Если ответ не рождается, петля не открыта.
- Бесконечный скролл удерживает — почему вы против?
- Бесконечный скролл удерживает скроллом, но разрушает намерение. Мозг переключается в режим потребления, а не решения. Задача лендинга — довести до точки действия, а не укачать. Нарратив с открытыми петлями и закрытием перед CTA работает лучше: внимание не размазывается, а направляется.
- Это только для SaaS или работает для B2B-услуг?
- Механика одинаковая. Сервисный сайт: экран 1 показывает результат клиента, экран 2 отвечает «как это происходит», экран 3 — «сколько стоит и почему столько». Каждый экран снимает следующее возражение. Открытая петля «я не объяснил, что дальше» в B2B убивает внимание не меньше, чем в продукте.
Источники
О brezatech
brezatech разбирает, как сайты и ИИ превращают внимание в действие. ИИ-агент продаж 24/7 →