Есть одно старое дизайн-правило, которое въелось в умы заказчиков так сильно, что стало почти религиозной догмой. Звучит оно так: «Всю самую важную информацию и кнопку “Купить” нужно разместить на первом экране, до скролла! Пользователи ленивые, они не скроллят».
Когда-то, во времена маленьких квадратных мониторов и медленного интернета, в этом была доля правды. Но сегодня цепляться за это правило — значит добровольно вредить своему бизнесу.
Давайте посмотрим правде в глаза: люди скроллят. Ещё как скроллят! посмотрите на людей находящихся рядом. Да они скроллят почти каждую свободную минуту!
Почему миф умер? Спасибо вашему смартфону
Главный «убийца» мифа о первом экране — мобильный интернет. Вся механика использования смартфона построена на скролле. Мы рефлекторно листаем ленты соцсетей, новостные сайты, чаты в мессенджерах. Это стало таким же естественным действием, как ходьба. А чаще и даже более популярным, чем ходьба.
Исследования поведения пользователей (например, с помощью тепловых карт) раз за разом показывают: 100% посетителей видят первый экран, но 90% из них немедленно начинают скроллить. Ожидать, что человек примет решение о покупке за те 3 секунды, что он смотрит на первую картинку, — наивно.
Новая задача первого экрана: не продать, а зацепить
Раз люди всё равно будут скроллить, значит ли это, что первый экран не важен? Наоборот, он важен как никогда! Но его задача изменилась.
Задача первого экрана — дать посетителю мгновенный ответ на три вопроса:
- Куда я попал?
- Есть ли здесь то, что я ищу?
- Стоит ли мне тратить время на скролл, чтобы узнать больше?
По сути, ваш первый экран — это не витрина со всеми товарами сразу, а обложка книги. Её цель — заинтриговать настолько, чтобы захотелось открыть и прочитать первую главу. Если заголовок мутный, а картинка невнятная — книгу закроют и возьмут другую.
Как проектировать сайт для тех, кто скроллит: 3 приема
Бросьте попытки впихнуть всё в один экран. Вместо этого используйте всю длину страницы, чтобы рассказать убедительную историю.
1. Создайте визуальный «крючок». Дайте пользователю явный намек на то, что внизу есть что-то интересное. Это может быть стрелка вниз, заголовок следующего блока или изображение, которое уходит за пределы видимой области. Вы как бы говорите: «Это ещё не всё, самое интересное — дальше».
2. Выстраивайте повествование. Превратите скролл в путешествие.
- Экран 1: Яркое обещание (цепляющий заголовок).
- Экран 2: Раскрытие проблемы клиента (показать, что вы понимаете его боль — как же мне не нравится это слово уже, но что поделать).
- Экран 3: Предложение вашего решения (описание услуги).
- Экран 4: Социальное доказательство (отзывы, кейсы).
- Экран 5: Призыв к действию.
Так, шаг за шагом, вы проводите клиента по всей логической цепочке, снимая возражения и укрепляя доверие.
3. Расставляйте призывы к действию (CTA) на пути. Раз уж пользователь готов скроллить, дайте ему возможность совершить целевое действие в тот момент, когда он будет к этому готов. Размещайте кнопки («Рассчитать стоимость», «Получить консультацию») не только в начале, но и в середине, и обязательно в конце страницы.
Вывод: не бойтесь «длинных» сайтов. Бойтесь скучных сайтов. Ваша задача — не бороться со скроллом, а сделать его настолько увлекательным, чтобы пользователь не заметил, как дошел до самого конца и нажал заветную кнопку.