Почему этот сайт невозможно закрыть

Руководитель заказал сайт за 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. Если возвращаемость 12% и одна страница за сессию — сайт работает как одностраничник без причины вернуться. Нарративная петля «не дочитал — хочется вернуться» не включена.

Линейку этих метрик можно построить в любой аналитике за полчаса. Не нужно быть дизайнером. Нужно смотреть глазами того, кто зашёл в первый раз.

Экран 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 притягивает взгляд. Progressive disclosure не даёт устать. Social proof timing снимает возражение в момент появления сомнения. Micro-feedback закрепляет эмоцию. Narrative momentum превращает скролл в последовательность решений. Всё вместе — сайт, который невозможно закрыть.

Чеклист: проверь свой сайт за 5 минут

Без Figma, без дизайнера. Откройте сайт на телефоне, потому что 60% вашего трафика — мобильный, и паттерны там жёстче: меньше скорость, больше отвлечений.

1. Первый экран — что пообещали? Если за 3 секунды вы не можете сказать, что сайт сделает лично для вас, петля не открыта.

1. Второй экран — есть ли демонстрация? Текст «у нас 15 лет опыта» не демонстрация. Живой пример, живая работа, виджет — это демонстрация. Нет — посетитель ушёл отсюда.

1. Где логотипы клиентов? Если они в отдельном блоке до живой демонстрации, вы просите доверия раньше, чем дали причину доверять. Переместите ниже.

1. Есть ли момент микро-победы? Маленькое действие посетителя, которое вызывает отклик: отметка, анимация, результат расчёта. Нет — сайт сухой.

1. Скролл ведёт к действию или укачивает? Если после трёх экранов нет ни одного CTA, вы укачиваете. Вставьте логическую точку действия после третьего экрана.

1. Что происходит на 8-й секунде? Откройте heatmap. Где обрывается скролл? Это и есть разрыв нарратива. Почините блоком, который отвечает на незаданный вопрос.

1. Мобильный тест: насколько сложно закрыть вкладку? Если вы можете закрыть сайт, не испытав ни малейшего сожаления о потерянном, — у вас сайт-витрина, а не сценарий.

Сколько стоит каждый уход с сайта

Посчитаем на конкретных цифрах. Возьмём нишу 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 делает это через открытую петлю на первом экране, живой виджет на втором, микро-фидбек на третьем-пятом и нарративный momentum к CTA. Каждый экран — следующее решение, а не следующая картинка. Ваш сайт закрывают не из-за дизайна. Из-за отсутствия этой цепочки.

Проверьте себя за 5 минут по чеклисту. Увидите разрыв — не вините дизайнера. Он нарисовал фасад. Вопрос в том, что за фасадом нет сценария, который ведёт человека к действию.