1.6. Управление вниманием — первый экран, паузы, акценты, мультимедиа
Исходный размер 2280x3200

1.6. Управление вниманием — первый экран, паузы, акценты, мультимедиа

PROTECT STATUS: not protected

К шестому занятию у вас собрана примерно треть публикации, есть типографическая система, сетка, маршрут и внешняя дверь. Теперь мы проверяем, как страница обращается со временем другого человека. Первый экран становится порогом и договором: он что-то обещает, чего-то просит, обозначает первый шаг и оставляет право уйти. Вы соберёте два входа с разными обещаниями, сделаете карту внимания, проведёте короткую читательскую пробу по методу think aloud и доведёте публикацию до 60–70%. Дочитывание остаётся возможным хорошим исходом, однако перестаёт быть маленьким папой внутри аналитического дашборда.

Рабочий вопрос

Что ваша страница просит у читателя — и где он сохраняет право изменить маршрут, сделать паузу или уйти?

В языке конверсионной фабрики внимание выглядит сырьём: его захватывают, удерживают, прогревают и доводят до целевого действия. Авторская публикация способна строить другую сцену. Читатель приносит время, доверие, слух, зрение, вычислительные ресурсы устройства; любой из этих даров можно отозвать. Задача дизайнера — сделать просьбу различимой и распорядиться полученным без мелкого интерфейсного вампиризма.Сегодня остаются четыре следа:⚫️ два варианта первого экрана с разными обещаниями;
⚫️ карта внимания всей публикации;
⚫️ протокол читательской пробы;
⚫️ рабочая сборка объёмом 60–70%.

Что страница просит

Даже статичный экран предъявляет требования. Он просит прочитать, поверить источнику, дождаться загрузки, включить звук, двигаться в заданном темпе, открыть соседнюю вкладку. Просьба становится проблемой, когда маскируется под естественный ход вещей.

big
Исходный размер 2304x1296
Исходный размер 2304x932
Исходный размер 2304x1296

Быстрый аудит просьб

Откройте свой проект и выпишите всё, чего страница требует уже сейчас. Формулируйте глаголом:⚫️ прочитать;
⚫️ прокрутить;
⚫️ дождаться;
⚫️ рассмотреть;
⚫️ включить;
⚫️ выбрать;
⚫️ довериться;
⚫️ открыть;
⚫️ вернуться.Рядом укажите, что человек получает взамен. У просьбы без ответа появляется конверсионный душок, даже когда она набрана изысканным курсивом.

Исходный размер 2304x1296

Первый экран как порог и договор

Первый экран часто называют «самой дорогой недвижимостью» и снабжают секундомером: будто существует универсальный миг, за который всякий посетитель обязан понять всё и поклясться дочитать. Такого секундомера у жанра нет. Ситуации входа различаются: читатель может прийти по рекомендации, из поиска, с соседнего сайта, по прямой ссылке на внутренний фрагмент. Вместо мифической нормы мы проверяем качество порога.Порог делает пять вещей:1. Обещает опыт. Какой вопрос, материал или состояние откроется дальше?
2. Обозначает цену. Потребуются чтение, звук, взаимодействие, ожидание?
3. Задаёт интонацию. С какой дистанции и каким голосом к человеку обращаются?
4. Предлагает первый шаг. Скролл, ссылка, запуск медиа, выбор маршрута?
5. Оставляет свободу. Видны ли навигация, пауза, внешний адрес, возможность закрыть или пропустить?

Исходный размер 1152x778
Исходный размер 2304x1296

Карточка договора

Перед перестройкой первого экрана заполните шесть строк:

Исходный размер 2304x659

Фраза «страница обещает красивый визуал» описывает обслуживание поверхности. Обещание должно касаться опыта или знания: увидеть исчезающий архив, услышать разницу между записями, пройти маршрут свидетельства, сопоставить несовместимые версии.

Два способа войти

Соберите два варианта, используя один и тот же реальный материал.

Вход через обещание

Заголовок и лид называют предмет, ставку и дальнейшее движение. Изображение задаёт температуру, оставаясь частью аргумента. Этот вход подходит проектам, где доверие и ориентация должны возникнуть до погружения.

Исходный размер 2304x1296

Вход через материал

Посетитель сразу сталкивается с уликой: фрагментом архива, голосом, картой, изображением, короткой сценой. Название и навигация остаются доступными, однако объяснение приходит после первого контакта. Такой порог подходит работе, где сама встреча с материалом составляет часть тезиса.
Исходный размер 2304x1296

⚫️ полноэкранное видео, которое требует ждать и ничего не объясняет;
⚫️ загадка, чья непроницаемость прикрывает отсутствие ставки;
⚫️ декоративный призыв скроллить при отсутствии дальнейшего обещания;
⚫️ заранее включённый звук;
⚫️ выбор, где обе кнопки ведут в один сценарий;
⚫️ экран, который прячет навигацию ради «погружения».

Проверка одним взглядом

Покажите вариант соседу без устного вступления, затем закройте экран. Попросите ответить:⚫️ о чём или вокруг чего возникла страница;
⚫️ какого опыта она обещает;
⚫️ чего попросила первым действием;
⚫️ где оставила свободу.Это диагностическая проба конкретного порога; измерять человеческую психику секундомером она не берётся. Ошибка соседа показывает расхождение между обещанием и экранной уликой; она ещё не выносит приговор всему проекту.

Порог, власть и допустимое

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

1.6. Управление вниманием — первый экран, паузы, акценты, мультимедиа
Проект создан 02.08.2026
Глава:
5
6
7
8
9