На большинстве сайтов веб-дизайна много внимания уделяется тому, насколько широкими должны быть ваши страницы. И ширина важна. Но подумали ли вы о том, как долго ваши страницы? Обычная мудрость гласит, что вы не должны делать страницу длиннее одного экрана текста, потому что читатели ненавидят прокрутку вниз. Фактически, есть даже термин для контента, который находится за пределами этого первого экрана, его называют ниже складки. И большинство дизайнеров считают, что контент, который находится ниже этого склада, также может не существовать для большинства читателей.
Но в исследовании, проведенном ИЮО, они обнаружили, что «большинство пользователей легко просматривают страницы, как правило, без комментариев». И на сайтах, где дизайнеры предпринимали сознательные усилия, чтобы прокручивать свои страницы, тестеры UIE не могли определить, заметили ли читатели, «никто не прокомментировал, что вам не нужно прокручивать тестовый сайт». Они также обнаружили, что если читатель знал, что информация, которую они искали, была на веб-сайте, более длинные страницы облегчили им поиск этой информации.
Прокрутка - это не единственная вещь, которая скрывает информацию
Самый распространенный аргумент против длинных страниц заключается в том, что он заставляет информацию скрываться «под слоем», и читатели, возможно, даже не видят ее. Но включение этой информации на другую страницу полностью скрывает ее еще более эффективно. В моих собственных тестах я обнаружил, что многостраничные статьи показывают снижение примерно на 50% для каждой страницы после первого. Другими словами, если 100 человек попадают на первую страницу статьи, 50 переходят на вторую страницу, 25 - в третью, а 10 в четвертую и так далее. И на самом деле, после второй страницы падение значительно хуже (примерно 85% оригинальных читателей никогда не попадают на третью страницу статьи).
Когда страница длинная, для читателя есть визуальная подсказка в виде полосы прокрутки в правой части браузера. Большинство веб-браузеров изменяют длину внутренней полосы прокрутки, чтобы указать, сколько времени осталось для документа и сколько еще осталось прокрутить. Хотя большинство читателей не осознают этого, оно предоставляет информацию, чтобы сообщить им, что на странице больше, чем они видят сразу. Но когда вы создаете короткие страницы и ссылки на последующие страницы, нет никакой визуальной информации, чтобы рассказать им, как долго эта статья. Фактически, ожидая, что ваши читатели нажимают ссылки, просят их совершить скачок веры, что вы действительно будете предоставлять дополнительную информацию на следующей странице, которую они будут оценивать. Когда все это на одной странице, они могут сканировать всю страницу и находить интересующие ее части.
Но прокрутка некоторых вещей
Если у вас есть длинная веб-страница, которую вы хотите прокрутить, вам нужно убедиться, что вы избегаете блокировщиков прокрутки. Это визуальные элементы вашей веб-страницы, которые предполагают, что содержимое страницы закончено. К ним относятся такие элементы, как:
- горизонтальные линии
- линии текстовых ссылок
- короткие, широкие графики (особенно те, которые составляют около 468x60 - стандартный размер рекламного блока)
- значки навигации или ссылки в социальных сетях
В принципе, все, что действует как горизонтальная линия по всей ширине области содержимого, может действовать как блок прокрутки. Включая изображения или мультимедиа. И в большинстве случаев, даже если вы скажете своему читателю, что есть больше контента ниже, они уже нажмут кнопку «Назад» и перейдут на другие страницы.
Итак, как долго должна быть веб-страница?
В конечном счете, это зависит от вашей аудитории. У детей не так много внимания, как взрослых, и некоторые темы работают лучше в более длинных сегментах. Но хорошее эмпирическое правило:
Ни одна статья не должна превышать 2 печатных страниц с двойным интервалом, 12-точечным текстом.
И это будет длинная веб-страница. Но если контент заслуживает этого, то размещение всего этого на одной странице было бы предпочтительным, чтобы заставить ваших читателей перейти на последующие страницы.




