Размеры экранов современных мобильных устройств очень различны, и при создании адаптивного дизайна вполне резонно возникает вопрос: насколько важна информация «выше линии сгиба» (от англ. above the fold — термин произошел из полиграфии, по аналогии со сгибом газетного листа), или та часть страницы, которую мы видим до скроллинга?
Однако расположение «сгиба» не так важно, как само его понятие — ключевая роль «первого экрана» заключается в том, что он определяет итоговую глубину просмотра. Как показывает опыт, 84% пользователей изучают только верхнюю часть страницы, и если информация их не «зацепила», то скроллить дальше уже не будут.
То, что человек видит в верхней части страницы, определяет его дальнейшие действия: листать ниже, перейти к другой странице, к другому сайту или вообще прекратить поиски. Вот почему важно для удобства пользователей в верхней части длинных страниц делать указатели, например, в виде ссылок или содержания. Поскольку экраны становятся все меньше, люди часто вынуждены скроллить больше — но не потому, что им это нравится, а в надежде увидеть больше ключевой информации по запросу.
Поощряйте скроллинг
Чтобы заинтересовать пользователя и убедить его прокрутить страницу до конца, используйте различные визуальные элементы, «цепляющие» взгляд, а также грамотное содержание, которое поможет им остаться на ней подольше. Даже привлекательный первый экран сайта, если он не содержит подсказок о возможном продолжении, может и не вызвать желания листать страницу ниже, поскольку пользователь не будет уверен, что найдет необходимую ему информацию ниже. Такой дизайн создает «ложное дно», или иллюзию конца страницы, заставляющую посетителей думать, что они уже просмотрели весь сайт до конца.
Когда пользователи не видят ценности в контенте, они прекращают скроллинг. И хотя, как показал один юзабилити-тест, некоторые люди перед прочтением прокручивают всю страницу целиком, и лишь после этого приступают к изучению информации, это далеко не типичное поведение — в большинстве случаев пользователям нужна причина для скроллинга. «Линия сгиба» поэтому и важна, поскольку так же, как и ожидание загрузки сайта, прокручивание «карусели» или открытие «аккордеона» для чтения текста — скроллинг относится к дополнительным шагам, которые пользователи должны предпринять для получения нужной им информации.
Безусловно, существует минималистичный дизайн верхней части страницы, убеждающий скроллить дальше, намекая на интересное содержание путем заманчивого введения или вовлекающих изображений. Опытные дизайнеры, создающие подобные сайты, прекрасно знают о «линии сгиба» — и методах, способных мотивировать пользователей на дальнейшее изучение.
Доказательства влияния «линии сгиба»
Многочисленные наблюдения за пользователями показали, что очень часто люди не только покидали сайты, не дойдя до нужной информации, но порой и вовсе не догадывались, что она может там быть.
Так, айтрекинговое исследование, в котором приняло участие 57 453 пользователя, установило: верхние 100 пикселей страницы до сгиба привлекли к себе на 102% больше взглядов, чем те, что находились сразу после него. Google провел анализ дисплейной рекламы (display ads) на значительном количестве веб-сайтов. Исследование показало, насколько «видима» была реклама, появляющаяся на экране в течение 1 секунды. У рекламных объявлений чуть выше сгиба было 73% просмотров, тогда как у объявлений чуть ниже сгиба — лишь 44%, то есть разница составила 66%.
Таким образом, расположение контента относительно «линии сгиба» действительно влияет на поведение пользователей. Но так как всю информацию невозможно разместить на первом экране, помните: чтобы посетители прокрутили ваш сайт до конца, вам надо дать им для этого вескую причину.
WhatsApp
