Блог

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

1. Концентрация внимания – левый верхний угол

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

Красный цвет — приоритет 1; желтый — приоритет 2; зеленый — приоритет 3

Признавайтесь, слышали что-то о диаграмме Гутенберга? Она описывает траекторию движения взгляда при изучении текстового контента.
Диаграмма Гутенберга неплохо согласуется с теорией зон внимания, за исключением нижней правой зоны.

1. Начальная зрительная область; 2. Область с высоким потенциалом; 3. Область с низким потенциалом; 4. Конечная область. Источник изображения

Четвертая область (нижний правый угол) — это отличное место для призыва к действию.

2. F-паттерн

По статистике пользователи изучают лишь 28% информации, при этом читают контент по F-паттерну.

Источник изображения

F- паттерн представляет собой вертикальную и две горизонтальные полосы (напоминающие английскую букву F). Поэтому самая важная информация должна располагаться вдоль верхней вертикальной линии, либо слева по вертикали.

3. Вступительный параграф сделайте крупнее

Первый параграф стоит выделить жирным, либо более крупным шрифтом. В ходе проведенных исследований было выявлено, что если первый абзац отличался от основного текста (только не меняйте шрифт) – 95% испытуемых просмотрели его целиком или частично.
Все статьи в SmashingMaganize начинается именно так:

Еще несколько советов:

• Используйте короткие строки и оформляйте текст в одну колонку;
• Шрифт не имеет особого значение;
• В тексте должны быть ссылки. Чем больше ссылок, тем больше вероятность перехода по ним.

4. Люди не смотрят дальше первых результатов поиска

Если гугл выдает ваш сайт ниже 3 позиции поисковой выдачи – вы проиграли. Согласно проведенных исследований в Google, пользователи находят нужную информацию по первым трем позициям в выдаче.

Поскольку попасть в топ выдачи становится все сложнее, важно уметь применять стратегию длинного хвоста (long tail).

5. Лучше размещать самое важное над линией фолда

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

С точки зрения юзабилити, лучше одна длинная страница, которую нужно скролить, чем несколько отдельных страниц. На сайте Wiltshire Farm Foods в правом нижнем углу есть подсказка.

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

6. Пользователи предпочитают смотреть налево

Пользователи читают слева направо (в большинстве случаев). Если вы хотите получать прибыль с сайта, используйте стандартный лейаут.

Если на вашем сайте вертикальное меню – расположите его слева. Но, лучшие результаты показывает навигация, расположенная вверху домашней страницы (на нее обратили внимание больше всего испытуемых, а также пользователи изучали ее дольше всего, в сравнении с остальными элементами страницы).

7. Следите за качеством изображений

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

Highrise используют крупные фотографии клиентов, которые смотрят прямо на вас:

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

Люди также проигнорируют изображения, которые не имеют отношения к делу. И избегайте банальных стоковых фото.

8. Нужно показать картинку смартфона? Только девайсы Apple

Компания EyeTrackshop провела исследование, в ходе которого записывалась реакция людей на группы смартфонов и планшетов. Лидерами за внимание стали iPhone 4S и iPad 2 —  на них смотрели чаще и дольше, чем на другие устройства от Amazon, HTC, Motorola and Samsung.

iPhone — главный объект внимания пользователей: время просмотра картинки с iPhone — 2,3 секунды. Среди планшетов лидерство делят iPad и Amazon Kindle: средняя продолжительность внимания на каждый девайс — 2,4 секунды. История целиком.

9. Большие заголовки

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

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

Средняя длительность чтения заготовка меньше секунды. Он должен зацепить внимание уже с первых слов.

10. Первое впечатление формируется меньше, чем за секунду

При просмотре сайта, первое впечатление складывается у пользователя меньше, чем за 0,2 секунды. Это выяснилось в ходе очередного исследования движения взгляда, которое было проведено в университете науки и технологий штата Миссури.

Исследователи обнаружили, что испытуемые сканируют сайт примерно 2,6 секунды, прежде чем перейти к какому-то определенному разделу. На беглое изучение каждого раздела они тратят в среднем 180 миллисекунд, и затем двигаются дальше.

Большую часть внимания вызывают такие разделы сайта:

• Логотип организации. На изучение этой области пользователи потратили примерно 6,48 секунд.
• Главное навигационное меню почти так же популярно, как и логотип — на него пользователи потратили в среднем 6,44 секунды.
• Блок с поиском, на который люди потратили более 6 секунд.
• Ссылки на социальные сети: Facebook и Twitter. Этот блок пользователи изучали около 5,95 секунды.
• Главное изображение, на которое пользователи смотрели в среднем 5,94 секунды.
• Текстовый контент сайта, на который люди потратили 5,59 секунды.
• Нижняя часть сайта, где пользователи провели примерно 5,25 секунды.

Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна для начинающих, и учиться Вам теперь станет в удовольствие!