10 полезных выводов о том, как люди видят сайты

 
Айтрекинг ( Eyetracking )и различные исследования сделали возможным понять, как люди воспринимают веб-сайты. Вот 10 полезных выводов, которые дадут существенную пользу интернет-маркетологу.
 

1.Верхний левый угол привлекает внимание в первую очередь

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

куда люди смотрят в первую очередь

Так распределяется внимание на странице сайта


 
К аналогичных выводам пришли и исследователи из Yahoo!. Вспомните, что у вас на  вашем сайтe в этой зоне.  Обычно там логотип и под ним вертикальное меню.  Но вы можете поэкспериментировать, поместив туда  свое главное предложение — в левую верхнюю зону.  Да, могут быть исключения, но если экспериментировать – то начинать надо с этого.
 
Знакомы ли вы с  диаграммой Гутенберга?  Она описывает общую картину того, как движется взгляд на текст с новым для человека содержанием. Диаграмма Гутенберга соответствует вышеописанным выводам почти полностью, за исключением нижней правой части.
 
диаграмма Гутенберга

Диаграмма Гутенберга


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

 
 

2. Люди читают по F-шаблону

 
Большинство людей не читают, они сканируют. Не совсем как боты ПС, но в  исследовании 2008 года в  исследовании 2008 года,  однозначный вывод – в среднем человек читает только 28% текста.
 
Визуализация Eyetracking показывает, что пользователи часто читают или смотрят контент веб-сайта   по F-образной схеме : за вертикальной полосой сверху вниз следуют две горизонтальные полосы. Еще одно исследование подтверждает это.
 

F-паттерн на примере

F шаблон на примере тепловой карты страницы выдачи Google


 
Вот почему на сайтах основную информацию пытаются разместить вверху и почему меню располагают вверху горизонтально или слева вертикально.
 
Здесь можно прочитать, как разрабатывать дизайн по F-образной схеме.  Здесь можно прочитать, как разрабатывать дизайн по F-образной схеме.
 
Удалось найти похожее исследование, в котором F-дизайн назван   «Золотым треугольником.».
 

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

 
Сделайте вступление (введение) – жирным шрифтом, или сделайте больше размер шрифта.  Когда испытуемые видели статью с введением, выделенным жирным 95% из них прочитывали ее всю или большую часть этой статьи.
 
Каждая статья   SmashingMagazine  начинается с отдельного параграфа —  вступления:
 

концентрируем внимание пользователей

Вступление выделено шрифтом, большим чем основной текст и состоит из коротких строк. Выше вступления — ссылки. Это очень кликабельное место. В зоне ru, как правило, сюда помещают блоки Яндекс Директа.


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

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

 
Если вы не на первых трех позициях в выдаче поисковой машины по своим ключевым словам, то это плохо. В Eyetracking-исследовании выдачи Google большинство пользователей нашли то, что искали среди первых двух позиций выдачи, и совсем мало кликнули на третью. Ну и до 10 позиции дошли единицы.
 

золотой треугольник

Золотой треугольник в выдаче Google


 
Все труднее получить первые места, и очень важно использовать  стратегию длинных (низкочастотных) ключевых фраз.
 

5.  Хотя люди и прокручивают (скролят) страницу,  все равно располагайте самый важный контент вверху страницы.

 
Веб пользователи знают, как прокрутить страницу вниз  прокрутить страницу вниз  и посмотреть что там находится, но не все это делают и не всегда. Поэтому еще раз убедитесь , что золотой треугольник в верхней левой части страницы содержит наиболее ценное предложение на ваш взгляд, но не пытайтесь размещать там плотно информацию.
 
Длинная страница с прокруткой вниз (или подгрузка контента по событию) все же лучше, чем располагать контент на нескольких страницах – это обеспечивает улучшение usability.  Если у вас на проекте длинные статьи все еще разбиты на страницы- попробуйте переделать их в одну страницу и понаблюдать. Полезно почитать эту статью..
 
Уилтширская Ферма приглашает к прокрутке в нижнем правом углу:
 

низ страницы тоже притягивает внимание

Нижний край тоже притягивает внимание, согласно некоторым исследованиям


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

6. Левая сторона сайта получает больше внимания пользователей, чем правая.

 
Люди читают слева направо. Это железный аргумент, для того что бы считать, что левая сторона вашего веб сайта получает больше внимания.
 
Веб-пользователи тратят 69% своего времени на просмотр левой половины страницы и 30% времени смотрят на правую половину страницы.  Стандартная классическая схема, таким образом, сделает сайт более прибыльным.
 
Amazon с самого начала использовал левое боковое меню, еще до того, как это стало мейнстримом:
 

классическое меню

Amazon все знало еще на заре сетевых магазинов


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

7. Используйте большие изображения высокого качества

 
Используйте большие, четкие и живые  изображения – рекомендует нам гуру usability Якоб Нильсен  (Jakob Nielsen), основываясь   на исследованиях eyetracking.. Качество изображения является существенным фактором в привлечении внимания. Люди на изображениях должны быть доброжелательны и привлекательны.
 
Highrise выложил фотографии клиентов, глядящих на вас:
 

качественные фото необходимы сайту

Большие и четкие фотографии увеличивают конверсию и доверие пользователей сайта


 
Нечеткие, небольшие изображения менее привлекательны, чем большие гламурные фото. Вспомните женские журналы.  Якоб Нильсен отдельно упомянул о том, что исследования eyetracking вскрыли нелогичную связь- люди, которые выглядят как модели почти не привлекают внимания, в отличие от «нормальных» и «живых» людей.
 
«Объявление, призывающее звонить, с изображением улыбчивой девушки-модели  с телефоном в руке  может быть суперской картинкой на первый взгляд, но ее многие просто проигнорируют»,  — заявил Нильсен.   Такие изображения вообще не нужны, по крайней мере вне фокуса внимания (вне золотого треугольника)их проигнорируют. Избегайте улыбчивых изображений из фотобанков, такие фото- однозначное зло..
 

8. Если вы ходите показать смартфоны на сайте- используйте продукцию Apple

 
 Исследование Eyetrackingshop, сфокусировалось на изучении реакции пользователей на изображения смартфонов и планшетов, и было обнаружено следующее:  IPhone 4S от Apple и IPad 2 привлек больше внимания людей, чем устройства с Android Google от Amazon, HTC, Motorola и Samsung.
 
Conduit Mobile:
 

Apple притягивает взгляд

Пользователи кликают на продукцию Apple


 
IPhone привлек наибольшее количество внимания – в среднем 2.3 секунды среди других смартфонов. Из планшетов  IPad разделил лидерство с Amazon Kindle Fire, по 2.4 секунды каждый.
 
Все исследование здесь.                        http://www.forbes.com/sites/elizabethwoyke/2011/10/04/wireless-carriers-to-fight-over-iphone-4s-buyers/
 

9. Главные заголовки привлекают внимание

 
В одном из eyetracking-исследований было отмечено, что большие заголовки чаще всего привлекают внимание при загрузке страницы – особенно, когда они находятся в левом верхнем углу.
 
Сделайте ваше основное предложение главным заголовком. Имейте ввиду, что ясность предложения- главный путь к качественной конверсии.
 
Rekko приветствует Вас качественным, доминирующим заголовком:
 

заголовки важная часть сайта

На заголовках концентрируется внимание пользователей


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

10. Первые впечатления складываются менее чем за секунду

 
При просмотре веб сайта пользователями, им нужно менее двух десятых секунды, что бы сформировать первое впечатление. Такой факт зафиксировали исследователи  eye-tracking research  Missouri University of Science and Technology.
 
Исследователи обнаружили, что подопытные субъекты потратили около 2.6 секунд на просмотр сайта до решения вопроса о выборе области сайта для вчитывания. Пользователи потратили в среднем 180 миллисекунд фокусировки, или «фиксации» на каком-то конкретном разделе, прежде чем перейти далее.
 
Области сайта, привлекающие наибольшее внимание пользователей распределились следующим образом:
 

  • Логотип учреждения. Пользователи в среднем тратили 6,48 секунд, рассматривая эту область, прежде чем перейти далее.
  • Основная навигация (Главное меню). Почти также популярно как и логотип. Испытуемые потратили в среднем 6.44 секунд на просмотр меню.
  • Поле поиска, где пользователи сосредоточились на почти 6 секунд.
  • Ссылки на социальные сети, например на Facebook или Twitter. Пользователи потратили где то 5.95 секунд просматривая их.
  • Основное изображение сайта, на которое глаза пользователей были направлены в среднем 5.94 секунды
  • На текстовый контент сайта испытуемые потратили 5.59 секунд.
  • На футер сайта пользователи выделили 5.25 секунд

 
Знаете ли вы еще какие-нибудь полезные выводы? Присылайте!
 
 
Peep Laja, conversionxl.com
перевел Влад Остров, alphaland.in

alphaland.in

Сообщество online- маркетологов

alphaland.in написал 409 поста

Навигация по постам


Добавить комментарий

Войти с помощью: