Появляется ли ваша информация на первом экране?

Появляется ли ваша информация на первом экране?

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

Главная сложность с «первым экраном» в том, что мониторы бывают самых разных размеров и форм. У некоторых ноутбуков экран маленький, всего 9 дюймов (около 23 см), а широкоформатные мониторы могут быть шириной и более 2 футов (около 61 см). Поэтому нет никакой возможности закодировать первый экран так, чтобы он одинаково отображался и содержал одну и ту же информацию на разных мониторах.

Здесь вам снова придет на помощь аналитическая система. Она подскажет, на каких мониторах смотрят сайт ваши посетители (рис. 5.13). Сайт w3schools.com, как уже отмечалось, публикует статистику по разрешениям самых популярных браузеров, но эти данные необязательно применимы к вашему случаю. Если вы обращаетесь к пользователям, которые часто бывают в командировках, то статистика, скорее всего, покажет, что используются браузеры с очень низким разрешением, что обусловлено ростом популярности ультрапортативных ноутбуков. Если же вашу целевую аудиторию составляют веб-разработчики, статистика, наоборот, укажет на использование браузеров с чрезвычайно высоким разрешением.

Рис. 5.13. Google Analytics: статистика по разрешениям браузеров пользователей

В 2006 году Харальд Вайнрих, Хартмут Обендорф, Илко Гердер и Маттиас Майер опубликовали исследование под названием «В стороне от больших дорог: изучение трех аспектов веб-навигации»[37], где показано, куда нажимали пользователи, зайдя на сайт. Данные табл. 5.4 объясняют, почему размещение вверху страницы самой важной информации – особенно призыва к действию – может существенно повысить коэффициент конверсии.

Табл. 5.4. Куда кликают пользователи

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

Примечание. У браузера Firefox есть дополнительная функция Firesizer, позволяющая просматривать собственный сайт в разных разрешениях. В Chrome аналогичную функцию выполняет плагин Resolution Test. Это очень полезные инструменты, когда вам нужно знать наверняка, как выглядит ваш сайт при разных параметрах разрешения.

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