Что означает Первый экран простыми словами
Высота области зависит от экрана и браузера, поэтому универсальной границы в пикселях нет. Важно быстро подтвердить релевантность, а не пытаться поместить весь контент наверх.
По первому экрану посетитель за несколько секунд решает, оказался ли он в нужном месте. Эта область должна подтвердить тему перехода и показать направление, но ей не нужно вместить все аргументы страницы.
Пример
На мобильном экране видны название услуги, ключевая польза и кнопка, а детали раскрываются ниже.
Как применять на практике
- Откройте страницу на распространённых мобильных и настольных размерах, а не только в макете дизайнера.
- Проверьте, видит ли человек название предложения, его главную пользу и понятный способ продолжить.
- Уберите элементы, которые отнимают место, но не помогают распознать страницу: лишние плашки, длинное вступление или декоративный экран.
Частые ошибки
- Пытаться поместить на первом экране всю услугу, отзывы, тарифы и форму, уменьшая текст до нечитаемого размера.
- Использовать общий слоган, по которому невозможно понять, что продаётся и для кого.
- Оценивать экран только на большом мониторе и пропускать мобильную версию, где заголовок или кнопка уходят ниже.