23 важных вывода из результатов eye-tracking исследований
Christina Laun, 21 августа 2008
Eye-tracking исследования горячая тема в мире веб-дизайна, но у них есть одна проблема, не всегда очевидно как применить результаты при разработке реального сайта. В этой статье автор пытается дать несколько советов основанных на результатах таких исследований и позволяющих увеличить эффективность вашего сайта.
- Текст привлекает внимание прежде чем графика.
Несмотря на то, что вы можете думать иначе, пользователь в первую очередь обращает внимание на текст. Большинство пользователей приходят на сайт в поисках информации, а не изображений, поэтому важный текст должен быть наиболее заметным. - Изначально взгляд сфокусирован в левом верхнем углу страницы.
В этом нет ничего удивительного, большинство приложений разработаны так, что пользователю постоянно приходится обращать взгляд в эту область. Если вы хотите создать успешный сайт то при разработке дизайна нужно об этом помнить и, стараясь создать уникальный стиль, не нарушать привычек пользователей. - В первую очередь пользователи просматривают верхнюю левую и верхнюю часть страницы и только потом смотрят ниже и правее.
Исследования показывают, что зона внимания пользователи имеет вид буквы F. Наиболее важные элементы сайта должны находиться в этих ключевых областях. - Читатели игнорируют баннеры.
Реклама позволяет владельцам сайта заработать на хлеб с маслом, но исследования показывают, что в большинстве случаев пользователи игнорируют баннеры фокусируясь на них только на доли секунды. Если вы хотите заработать на рекламе, подходить к ее размещению, оформлению и типу нужно творчески. - Броское форматирование и шрифты игнорируются.
Почему? Потому что пользователи принимают их за рекламу, не содержащую нужной им информации. Исследования показывают, что крупные, цветные буквы усложняют поиск информации, причина кроется привычке пользователя игнорировать все похожее на рекламу. При разработке дизайна важно чтобы «блеск» не отвлекал внимание от важной информации и не делал ее похожей на рекламу. - Показывайте числа цифрами.
Цифровая информация воспринимается проще, чем та же информация прописью. Помните о том, что вы пишите, преимущественно, для читателей сканирующих сайт. Старайтесь упростить поиск информации, чтобы они сохраняли заинтересованность. - Размер шрифта влияет на способ просмотра.
Мелкий шрифт способствует сфокусированному просмотру, тогда как крупный упрощает сканирование. Используйте эту особенность, чтобы склонить пользователей к нужному вам типу просмотра. - Пользователи воспринимают подзаголовки, только если они им интересны.
Выбирайте релевантные и интересные подзаголовки. - Обычно люди просматривают страницу небольшими частями.
Это можно использовать в своих целях, создавайте области, которые ловят внимание пользователя, сканирующего сайт, например, выделенные области или списки. - Короткие параграфы лучше длинных.
Информация, размещенная на сайте, должна быть рассчитана на быстрое восприятие, поскольку большинство интернет-пользователей стараются экономить время. Параграфы и предложения должны быть короткими, за исключением случаев, где обратного требует контекст. - Одноколоночные форматы лучше фиксируют взгляд, чем многоколоночные.
Не перегружайте пользователя информацией. В некоторых случаях «проще» значит «лучше». - Реклама в верхней и левой частях страницы лучше всего привлекает внимание.
Если вы размещаете на сайте рекламу, старайтесь чтобы она была в верхней левой части страницы, там она лучше всего обратит на себя внимание. Конечно, то, что пользователь видит рекламу еще не значит, что он будет на нее кликать, поэтому не стоит слишком жертвовать дизайном, чтобы получить более заметную рекламу. - Реклама, размещенная возле интересных областей сайта, более заметна.
Чтобы увеличить заметность рекламы размещайте ее возле наиболее востребованных и интересных областей страницы. При этом пользователи не потеряют возможность найти то, что им нужно, а вы получите более эффективную рекламу. - Текстовая реклама просматривается пользователем более внимательно, чем другие типы рекламы.
Как было сказано ранее, большинство интернет-пользователей не тратят время на просмотр элементов похожих на рекламу, поэтому текстовая реклама, хорошо сочетающаяся с остальными элементами страницы и не раздражающая читателя значительно более эффективна. - Большие изображения лучше привлекают внимание.
Люди предпочитаю большие, информативные изображения, на которых доступны детали, вместе с тем изображения должны быть связаны с текстом рядом с которым размещены, иначе шанс того, что они будут проигнорированы возрастает. - Понятные, простые лица на изображениях лучше привлекают внимание.
Абстрактные и артистичные фотографии могут хорошо сочетаться с дизайном, но не всегда обращают на себя внимание читателя. Если вы используете фото людей, они должны быть понятными и простыми. Нужно обратить внимание и на то, что лучше работают фото реальных людей, а не моделей. - Заголовки притягивают взгляд.
Первое, что пользователь ищет на странице это заголовок. Они не должны подавляться другими элемента страницы, постарайтесь, чтобы заголовки были достаточно заметными. - Пользователи тратят много времени, смотря на кнопки и меню.
Поэтому при разработке дизайна вам стоит обратить на них особое внимание. Кроме того, что они привлекают внимание пользователя это еще и одни из важнейших элементов сайта. - Списки хорошо задерживают внимание пользователя.
Один из способов задержать внимание пользователя на сайте — это частое использование списков в статьях. Используйте числа или буллиты, чтобы подчеркнуть важную информацию, это упростит «сканирование» сайта. - Большие блоки текста игнорируются.
Исследования показывают, что большинство интернет-пользователей не готовы тратить время на изучение больших блоков текста, как бы информативны и хорошо написаны они не были. Разбиение на небольшие параграфы, выделение важных областей, подзаголовки и списки позволяют задержать внимание пользователя. - Задержать внимание может форматирование.
Чтобы пользователь не пропустил наиболее важную информацию, используйте различные способы ее выделения: жирный, курсив, цветной, но не переусердствуйте, избыточное использование этих элементов сделает страницу нечитабельной и будет отталкивать посетителей. - Пространство полезно.
Несмотря на желание втиснуть что-нибудь в каждый уголок страницы, лучше оставить немного пространства. Перегрузка сайта приведет только к тому, что пользователь будет игнорировать значительную часть контента. Поэтому старайтесь сделать сайт простым и оставить достаточно пространства, на котором могли бы отдохнуть глаза пользователя. - Лучшее место для навигации — верхняя часть страницы.
Вы, конечно, хотите чтобы пользователь не только просматривал первую страницу, но и продолжал изучение сайта в поисках интересной ему информации. Удержать пользователя поможет, простая в использовании и заметная, благодаря размещению в верхней части страницы, навигация.

















hellveen 21 августа, 2008 11:12 #
Спасибо, очень полезно и информативно.
Радует, что здесь появляются материалы по существу, без "воды" и всего лишнего.
Sam 21 августа, 2008 11:28 #
№8 поправь.
chestah 21 августа, 2008 17:45 #
полезно
Волотко Дмитрий 21 августа, 2008 23:22 #
Некоторые вещи я уже догнал опытным путём. Как всегда - эх.
jeka911 22 августа, 2008 1:01 #
Понаблюдал за собой. Левый верхний угол - вообще не про меня. В браузере - табы, в первых 3-4 практически всегда открыты приложения (гмейл етс.), а взгляд идет от курсора мыши, т.е. у меня практически всегда глаз ходит буквой Е.
Это наверняка исключение конечно, но и они бывают.
Алексей Сайковский 22 августа, 2008 14:47 #
Это уже не советы. Это законы информационного дизайна сайта. Нарушение закона - смерть.
Dimon 28 августа, 2008 19:37 #
Действительно, все расписано очень просто и понятно. Прочитал с интересом и взял эти советы на заметку, спасибо.
Максим 28 августа, 2008 20:36 #
Некоторые пункты действительно для меня новые, взял на заметку! Постараюсь реализовать на своем сайте.
23 важных вывода из результатов eye-tracking исследований : Блог Молчуна 30 августа, 2008 3:35 #
[...] 1. Текст привлекает внимание прежде чем графика. Несмотря на то, что вы можете думать иначе, пользователь в первую очередь обращает внимание на текст. Большинство пользователей приходят на сайт в поисках информации, а не изображений, поэтому важный текст должен быть наиболее заметным. Дальше [...]
neopoznannoe 5 сентября, 2008 23:16 #
совершенно согласен, потому пользуюсь контекстной рекламой
tolyafon 11 сентября, 2008 14:40 #
Спасибо за советы