Создавайте страницы своего веб-сайта с научной точки зрения: 23 важных урока из исследований в области отслеживания движений глаз - Кристина Лаун Исследования по айтрекингу очень популярны в области сетевого проектирования, но как преобразовать результаты этих исследований в конкретные и осуществимые проекты для эксплуатации, по-прежнему сложно. Вот несколько советов из результатов исследования Eye-Tracking, которые могут дать некоторые рекомендации по улучшению дизайна вашего веб-сайта: 1. По сравнению с изображениями текст более привлекателен. Вопреки тому, что вы думаете, при просмотре веб-сайта не изображения непосредственно привлекают внимание пользователя. Большинство пользователей, которые случайно переходят на ваш сайт, ищут информацию, а не изображения. Поэтому обеспечение того, чтобы дизайн вашего веб-сайта выделял наиболее важные информационные разделы, является первым принципом дизайна. 2. Первое движение глаз сосредоточено в левом верхнем углу веб-страницы. Такую привычку пользователей просматривать веб-страницы следует ожидать. В конце концов, верхняя левая часть является основным операционным центром, который используется при разработке наиболее важных компьютерных приложений. Когда вы создаете веб-сайт и рассматриваете его дизайн, вам следует стараться поддерживать этот формат. Знаете, если вы хотите сохранить свои личные качества и создать успешный веб-сайт, вы должны уважать привычки пользователей. 3. Когда пользователи просматривают веб-страницу, они сначала рассматривают верхнюю левую и верхнюю части веб-страницы, затем читают и просматривают содержимое справа. Общие шаблоны просмотра пользователей имеют форму буквы «F». Убедитесь, что важные элементы контента вашего веб-сайта сконцентрированы в этих ключевых областях, чтобы обеспечить вовлеченность читателей. Размещайте здесь заголовки, подзаголовки, актуальные темы и важные статьи, чтобы привлечь читателей к чтению. 4. Читатели игнорируют баннерную рекламу Исследования показывают, что читатели игнорируют большинство рекламных баннеров (даже если вы поддерживаете ими свой сайт) лишь на долю секунды. Если вы хотите зарабатывать деньги с помощью рекламы, вам необходимо обновить свои рекламные пространства и правильно настроить рекламные формы на сайте. 5. Необычные шрифты и форматирование игнорируются. Почему? Это потому, что пользователи будут думать, что это реклама, а не та информация, которая им нужна. Фактически, исследования показывают, что пользователям трудно найти нужную им информацию в необычных форматах шрифтов, наполненных большим количеством цветов, потому что визуальные подсказки говорят им игнорировать ее. Поддерживайте свой сайт в чистоте и не позволяйте важной информации игнорироваться из-за его кричащего внешнего вида. 6. Используйте цифры вместо цифр Если вы используете цифры вместо списков номеров, читателям будет легче найти на вашем сайте реальную информацию. Знайте, что вы пишете читателям, которые будут просматривать ваш сайт впервые, поэтому облегчите им поиск необходимой информации и поддерживайте их интерес. 7. Размер шрифта влияет на поведение при просмотре Хотите изменить мнение людей о вашей странице? Изменение размера шрифта веб-страниц. Крупные шрифты стимулируют просмотр, а шрифты меньшего размера повышают сосредоточенность чтения. В соответствии с вашими потребностями разумно настройте соотношение этих двух факторов. 8. При встрече с интересным контентом пользователи лишь еще раз взглянут на субтитры. Не настаивайте слишком на фиксированном формате субтитров — сохраняйте их актуальными и интересными. Вы также можете включать ключевые слова в свои субтитры, чтобы эффективно использовать поисковые системы и привлекать к ним читателей. 9. Люди в основном просматривают лишь небольшие части Интернета. Вы можете использовать это в своих интересах, если будете предоставлять информацию своим пользователям во время их просмотра, чтобы как можно быстрее нацелиться на них. Выделите определенные разделы или создайте список элементов, чтобы информацию на веб-странице было легче найти и прочитать. 10. Короткие абзацы более выразительны, чем длинные. Веб-информация предоставляется большинству пользователей, не подключенных к Интернету, которые предпочитают быстрый просмотр. Если контекст не требует контекста, храните информацию в виде коротких абзацев и предложений, например, описание продукта для сайта электронной коммерции. 11. По визуальной фиксации одноколоночный формат обладает большей выразительностью, чем многоколоночный. Не перегружайте посетителей вашего сайта слишком большим количеством информации. В большинстве случаев простота более эффективна. Пользователи легко упускают из виду многоколоночный контент, и нам необходимо устранить эти отвлекающие факторы. 12. Рекламные объявления вверху и слева веб-страницы более привлекательны. Если вам нужно встроить рекламу на свой сайт, попробуйте интегрировать ее в левую верхнюю часть страницы, чтобы она привлекала максимальное визуальное внимание. Конечно, то, что пользователи замечают эти объявления, не означает, что они нажимают на них. Поэтому не жертвуйте оригинальным дизайном веб-сайта ради привлечения внимания к рекламе. 13. Размещение рекламы рядом с вашим лучшим контентом также может привлечь внимание. Если вы хотите повысить видимость и рейтинг кликов своих объявлений, вы можете разместить их рядом с наиболее интересным контентом и интегрировать в дизайн веб-страницы. Таким образом, пользователи смогут найти то, что им нужно, а вы сможете повысить эффективность своей рекламы. 14. В различных тестах люди наиболее внимательно читают текстовые объявления. Как упоминалось выше, среднестатистический пользователь Интернета не тратит много времени на просмотр контента, который сразу же является рекламой. Вот почему текстовые объявления так эффективны. Вместо того, чтобы отвлекать внимание от контента, они сливаются с остальной частью страницы, делая их менее раздражающими визуально для читателя и повышая вероятность того, что эта форма рекламы будет прочитана более успешно. 15. Большие изображения привлекают больше внимания Если вы собираетесь использовать изображения на веб-странице, чем больше, тем лучше. Люди с большей вероятностью будут смотреть на изображения, на которых они могут четко видеть детали и получать информацию. Убедитесь, что используемое вами изображение соответствует содержанию статьи, иначе его, скорее всего, проигнорируют. У большинства читателей быстрое соединение, поэтому не стесняйтесь использовать на своем сайте изображения большего размера. 16. Чистые, четкие изображения крупным планом привлекают больше визуального внимания. Возможно, эти абстрактные художественные изображения сделают ваш сайт интересным, но не привлекут особого внимания читателей. Если вам нужно использовать эти изображения, убедитесь, что они четкие и легко читаемые. Важно отметить, что изображения, относящиеся к реальным «людям», «лучше», чем изображения так называемых моделей. 17. Заголовки привлекают внимание При просмотре веб-страницы первое, на что обращает внимание читатель, — это заголовок. Убедитесь, что все соответствующие ссылки на веб-странице понятны и эффективны, чтобы читатели могли беспрепятственно осуществлять дальнейший поиск по веб-сайту. 18. Пользователи проводят много времени, рассматривая кнопки и меню. Итак, вам нужно потратить дополнительное время на поддержание тщательного дизайна. Ведь они не только привлекают внимание читателя, но и являются важной составляющей дизайна сайта. 19. Формат формы может расширить внимание читателя. Разбивка содержания и абзацев, а также использование обширных форм для выражения ваших статей могут обеспечить скорость просмотра читателей. Использование цифр и других символов для выделения важного содержания статьи облегчит навигацию по веб-сайту и позволит пользователям быстрее находить нужную информацию. 20. Избегайте рендеринга больших блоков текста Исследования показывают, что среднестатистический веб-браузер не тратит время на чтение больших блоков текста, независимо от того, насколько они важны и хорошо написаны. Поэтому эти большие тексты необходимо разбивать на более мелкие абзацы. Выделение важных мест и размещение кликабельных кнопок также может повысить внимание пользователя. 21. Формат привлекает внимание Использование жирных, заглавных букв, цветных шрифтов и подчеркивания в тексте может помочь пользователям получить наиболее важную информацию, выраженную в тексте. Вы должны быть осторожны при его использовании, потому что слишком частое использование может затруднить чтение вашей страницы и отпугнуть читателей. 22. Правильно используйте пустое пространство Хотя соблазнительно заполнить каждый дюйм вашей веб-страницы, на самом деле лучше оставить немного свободного места на сайте. Перегрузка веб-сайта информацией может перегрузить пользователей, и они могут забыть большую часть предоставленного контента. Поэтому сделайте веб-страницу простой и оставьте немного визуального пространства, чтобы читатели могли отдохнуть. 23. Разместите его вверху веб-страницы, и инструмент навигации будет играть более важную роль. В идеале вам не будет достаточно просто просмотреть начальную страницу, когда читатели открывают ваш сайт, но вы хотите, чтобы они пролистывали ее, чтобы увидеть другой интересующий контент. Размещение навигатора вверху веб-страницы позволяет пользователям легко находить нужный контент с помощью этого инструмента.