Что размещать на главной странице сайта?

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

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

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

Прокрутка — привычное действие для современных пользователей  

Компании привыкли думать, что пользователи не будут читать контент ниже «сгиба». Так и было до недавнего времени. Еще несколько лет назад пользователи не знали толком, как вести себя на сайте. У них не было привычных шаблонов действий. Для современного пользователя прокрутка — действие, которое они делают по инерции. 

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

Креативное агентство Huge из Бруклина провело интересный пользовательский тест, в котором они протестировали четыре разные версии дизайна:

— Сайт, где размещен контент без визуальных подсказок для прокрутки вниз.

— Сайт, где есть стрелка прокрутки, которая подсказывает пользователям прокрутить вниз

— Изображение, размещенное так, что на пользователям приходилось прокручивать, чтобы увидеть весь контент целиком.

— Анимированное изображение с движущимся элементом, который направляет пользователя вниз. 

Результаты показали, что почти все участники прокручивали независимо от сайта.

Статистика еще более явная на мобильных устройствах. Исследование показывает, что на мобильных устройствах половина пользователей начинает прокручивать контент в течение 10 секунд, а 90% — в течение 14 секунд.

Размеры экранов разные, и сложно адаптировать «сгиб» под каждое устройство

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

Попытка создать дизайн для всех этих размеров одновременно очень сложно. 

В одном из исследований выяснилось, что только у одного андроида почти 4000 различных точек «сгиба». Это означает, что даже если вы думаете, что идеально адаптировали сайт под все устройства, скорее всего это не так.

Изменилось то, как покупают люди

То, как люди покупают сегодня, полностью отличается от того, как они делали это несколько лет назад. Например, сегодня люди избегают разговоров по телефону с компаниями, хотя раньше они это делали. 

Сегодня люди сосредоточены на взаимодействии с брендом и на том, что бренд будет помогать им получать знания. Они ожидают, что потратят время на прокрутку и получат ценную для себя информацию. 

На чем стоит сосредоточиться при проектировании сайтов?

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

1. Поместить правильную информацию на первую часть сайта

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

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

2. Избегайте ложного ощущения, что сайт закончен

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

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

^{По мотивам статьи: Im Pact}