Что заставляет вас продолжать скроллить

Вы платите за трафик. Реклама приводит людей на посадочную страницу. Они открывают её, смотрят на первый экран и… уходят. Вы открываете аналитику: сессия — 15 секунд, глубина просмотра — 20%, конверсия — ноль. Деньги улетели, потому что посетитель не сделал следующий скролл.

Чаще всего проблема не в оффере и не в цене. Проблема в том, что страница не ведёт пользователя. Каждый экран — это шаг. Если шаг пропущен, посетитель теряется. Если шаг логически не связан с предыдущим, он теряет интерес. Если шаг не обещает следующего, он останавливается.

В этой статье мы разберём, как устроен маршрут внимания на конкретной странице — brezatech.ru/scroll-story. Это живая демонстрация: вы можете открыть её прямо сейчас и проверить разбор на себе. Мы пройдём по секундам, посмотрим, что происходит с вниманием на каждом экране, и переведём это в бизнес-язык: где вы теряете деньги и как это исправить без дизайнера.

Экран 1 (0–3 секунды): обещание, за которое хватается взгляд

Вы открываете страницу. Первый экран — единственный, который гарантированно увидит каждый посетитель. По данным NN Group, 57% времени просмотра приходится на зону выше первого скролла. Если здесь нет ясного обещания, всё остальное не имеет значения.

На scroll-story первый экран формулирует обещание, а не описывает услугу. Это критическая разница. Посетитель не хочет читать, что вы делаете. Он хочет понять, что он получит. Заголовок такого типа звучит как «Скролл — это маршрут решения», а не «Мы делаем скролл-страницы». Первый вариант говорит о выгоде. Второй — о процессе.

В голове посетителя за 3 секунды происходит одно: он решает, стоит ли читать дальше. Если заголовок обещает решение его проблемы, он остаётся. Если заголовок рассказывает о вашей компании, он закрывает вкладку. Бизнес-задача первого экрана — не продать, а остановить мгновенный уход.

Технически первый экран должен загрузиться быстрее 2,5 секунд по LCP. Медленный сайт обнуляет любое обещание: пользователь уходит раньше, чем увидит текст.

Экран 2 (3–10 секунд): обещание раскрыто конкретикой

После первого экрана посетитель сделал первый скролл. Теперь он даёт вам ещё 7 секунд. За это время вы должны превратить интерес в понимание.

На разбираемом сайте второй экран раскрывает обещание: показывает, как именно строится маршрут внимания. Это может быть схема из трёх шагов, конкретный пример или цифра, которая подтверждает заголовок. Главное — второй экран отвечает на вопрос «и что?». Посетитель думает: «Окей, скролл — это маршрут. А как это работает?» Если ответ есть, он скроллит дальше. Если нет — интерес сдувается, и он уходит.

Психологический механизм здесь — снижение когнитивной нагрузки. Посетитель не должен гадать, что вы имели в виду. Второй экран даёт ему факт, пример или цифру, которые удерживают внимание без усилий. В бизнес-терминах это конверсия из «посетитель» в «читатель»: вы переводите человека из случайного клика в осмысленное изучение.

Большинство сайтов теряют пользователя именно здесь. Второй экран превращается в свалку: три разных оффера, пять преимуществ, две кнопки. Мозг не может выбрать, что читать, и выбирает уйти.

Экран 3 (10–30 секунд): доказательство, которое готовит к действию

Если посетитель дошёл до третьего экрана, он настроен серьёзно. Он не просто скроллит — он ищет причину поверить вам. Теперь вы должны показать доказательство или сценарий использования.

На scroll-story третий экран может показывать мини-кейс с цифрой: например, как перестройка маршрута внимания подняла конверсию на конкретном проекте. Или демонстрирует сценарий: как пользователь проходит путь от проблемы к решению.

Психологически здесь работает эффект незавершённого действия: посетитель уже потратил 20 секунд, он хочет дочитать до логического финала. Если вы держите интригу, он скроллит. Если третий экран выглядит как финальный слайд без вывода, он останавливается.

Бизнес-задача третьего экрана — подготовить пользователя к CTA. Вы снимаете последние возражения: «это работает», «это применимо ко мне», «это стоит усилий». Без этого шага кнопка внизу выглядит как просьба о доверии без оснований.

Экран 4 (30+ секунд): CTA в зоне видимости

Четвёртый экран — это призыв к действию. К этому моменту посетитель уже решил, интересно ему или нет. Если маршрут был правильным, он готов нажать кнопку. Если нет — он ушёл раньше, и CTA его не догонит.

На разбираемом сайте CTA появляется не внизу как одинокий баннер, а как логическое продолжение маршрута. Посетитель видит, что обещание выполнено, доказательство дано, и теперь у него есть один конкретный следующий шаг.

Ошибка большинства сайтов: CTA спрятан ниже точки отвала. По данным Contentsquare, если призыв расположен за пределами зоны, где пользователь массово останавливается, конверсия падает структурно. Вы можете иметь отличное предложение, но если кнопка видна только 20% посетителей, вы теряете 80% заявок.

Таблица: психологический триггер → дизайн-решение → бизнес-эффект

Что убивает скролл: три точки, где вы теряете клиента

Три типовых паттерна разрушают маршрут внимания на большинстве посадочных страниц. Проверьте свой сайт прямо сейчас: если находите хотя бы один, вы знаете, где оставляете деньги.

Смена фона как ложный конец. Резкая смена фона между экранами подсознательно сигнализирует мозгу: «раздел закончился». Посетитель думает, что страница завершилась, и перестаёт скроллить. Он либо ищет CTA на текущем экране (которого там нет), либо уходит. Логичный фон — единый или плавно переходящий. Каждый новый экран должен выглядеть как продолжение, а не как новая страница.

Перегруз офферами на одном экране. Когда на втором или третьем экране вы предлагаете сразу три продукта, две услуги и подписку на рассылку, мозг посетителя перегружается. Он не может выбрать приоритет и выбирает уйти. Один экран — одна мысль. Одна мысль — одно действие.

CTA ниже точки отвала. Точка отвала — это место, где массово останавливается скролл. Вы видите её на heatmap: до красной зоны доходит мало людей. Если ваша кнопка находится за этой зоной, её почти никто не видит. Поднимите CTA выше или продублируйте его на каждом экране, где закрывается очередное возражение.

Кейс: маршрут внимания и +133% конверсии

Один из проектов, на которых видно связь скролл-маршрута и денег, — NF GROUP. Там перестроили страницу так, чтобы каждый экран вёл к следующему: убрали «мёртвые» блоки, выстроили последовательность из обещания, доказательства и действия. Конверсия выросла на 133%.

Что произошло в голове посетителя? Раньше он попадал на страницу, где первый экран рассказывал о компании, второй — сваливал все преимущества, а CTA прятался внизу. Посетитель терялся на втором экране и уходил. После изменения маршрута он получал ясное обещание на первом экране, раскрытие на втором, доказательство на третьем и кнопку на четвёртом. Он шёл по маршруту и доходил до действия.

Это не магия. Это устранение точек, где внимание рвалось. Рост конверсии на 133% — прямое следствие того, что пользователь перестал теряться.

Проверьте свой сайт: 5 вопросов без дизайнера

Вы платите за трафик, но посетители не доходят до CTA. Это значит, где-то на странице есть разрыв: обещание не раскрыто, доказательство не дано, кнопка спрятана. Вы можете найти этот разрыв сами, без дизайнера, по одному скриншоту.

1. Что обещает первый экран? Сделайте скриншот, закройте тексты рукой и спросите: «Что я получу, если продолжу?» Если ответ неочевиден за 3 секунды — вы теряете 57% времени просмотра.

1. Ведёт ли второй экран к третьему? Прочитайте только заголовки второго и третьего экранов. Если между ними нет логической связи (например, «Наши услуги» → «Почему мы»), вы перегружаете пользователя. Один экран — одна мысль.

1. Где точка отвала? Откройте Hotjar или Clarity и посмотрите heatmap скролла. Найдите место, где останавливается большинство. Если ваш CTA расположен ниже — поднимите его.

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

1. Сколько офферов на одном экране? Если больше одного, вы создаёте когнитивную перегрузку. Оставьте один оффер на экран. Остальное перенесите в следующий блок.

Мобильный скролл: отдельная реальность

На мобильных устройствах скролл ведёт себя иначе. Пользователь держит телефон одной рукой, экран маленький, а внимание ещё короче. По данным NN Group, 74% внимания удерживается в первых двух экранах на десктопе — на мобиле этот процент ещё выше, потому что за один экран видно меньше контента.

Мобильный пользователь чаще скроллит дискретно: быстрые свайпы, остановка на ярком элементе, снова свайп. Он не читает длинные абзацы. Для мобильного маршрута критично: первый экран должен быть ещё короче, CTA — ещё выше, а фоновые смены — ещё незаметнее. Проверяйте scroll depth отдельно для мобильного трафика. Часто бывает: десктопная версия работает, а мобильная теряет половину посетителей на втором экране.

Скролл — это воронка, а не украшение

Вы платите за клик. Пользователь открывает страницу. Дальше вы либо ведёте его по маршруту, либо он уходит. Внимание — это не абстрактная эстетика, это последовательность решений, которые посетитель принимает каждые 3–10 секунд.

Скролл удерживается не анимацией, не «красивым» дизайном и не модным трендом. Скролл удерживается обещанием, раскрытием, доказательством и ясным следующим шагом. Если вы выстроите этот маршрут, пользователь сам дойдёт до CTA. Если нет — вы продолжите платить за трафик, который уходит после первого экрана.