Как завоевать внимание пользователя на сайте

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

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

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

Пользователь

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

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

Пользователь

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

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

2. F-паттерн

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

F-паттерн

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

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

Как проектировать под F-паттерн? Читайте здесь.

Похожее исследование: “Золотой треугольник”.

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

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

Параграф

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

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

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

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

Google

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

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

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

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

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

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

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

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

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

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

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

 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 секунды.

Обсуждение закрыто.