Распределение вертикального внимания пользователя на веб -странице относительно просто: первая половина информации, введенной в поле зрения людей, более спрятана, чем следующая часть. Теперь давайте посмотрим на распространение внимания пользователя в горизонтальном направлении веб -страницы. Используя базу данных, которую мы собирали ранее, легко обнаружить, что когда пользователи просматривают веб -страницы, веса распределения внимания слева направо следующие:
На этой диаграмме каждая статья имеет горизонтальную ось, которая представляет 100 пикселей, а 100% вертикальной оси указывает на время, когда пользователь начинает просматривать от дальнего левого до просмотра.
Люди проводят более чем вдвое больше времени с правой стороны с левой стороны, и они делают выбор как должное:
Левая половина заняла 69% времени;
Оставшиеся 1% времени просмотра тратится в 1024 пикселях, которые можно посмотреть в первую очередь.
Информация, о которой мы здесь говорим, на самом деле находится в «ниже столбце», которая превышает экран на правой стороне скрытого, а не в буквальном «ниже». С другой стороны, если вы сравниваете горизонтальный и вертикальный просмотр, вертикальный пользователь пропустит около 20% информации, в то время как горизонталь он будет игнорировать только около 1% информации. (Я думаю, что на самом деле, целых двадцать раз, горизонтальный ролик плох, потому что он действительно беспокоит пользователя и привлекает меньше внимания.)
Наше исследование использовало 1 024 и времена; Благодаря большему монитору мы хотим потратить меньше прокрутки, чтобы увидеть больше контента справа, независимо от того, что то же самое верно в нормальном режиме.
Самая левая часть обычно включает в себя навигационную панель, поэтому неудивительно, что она обращает внимание на рост после 200 пикселей, плюс это наиболее наблюдалось 300-500 пикселей. Люди склонны сосредоточиться на основной области контента первой линии в начале.
Направление чтения языка слева направо
Наши исследования удобства использования в областях от левых привычек чтения показали, что люди уделяют больше внимания началу линии. Очевидно, что на этих языках текст начинается справа. Несмотря на это, мы не обязательно найдем соответствующий процесс глаз. (Общее значение состоит в том, что когда привычки чтения страны или региона справа от справа налево, график их внимания сформирует зеркальное отношение с вышеуказанным графом, то есть горизонтальные координаты написаны справа налево.)
Причина в том, что веб -сайты, которые читают языки справа налево, не всегда применяют дизайн слева до правого макета. Вот макет от газеты Dubai Emarat Al Youm и веб -сайта израильской газеты Haaretz:
Emarat Al Youm-настоящий справочный веб-сайт. В отличие от этого, Haaretz-это справочный веб-сайт с текстом, но все еще имеет левую навигационную панель. Следовательно, это исследование глаз (я буду переводить его на данный момент) может быть более сложным, чем наш обычный английский веб -сайт.
Приоритет регулярного макета
Возвращайтесь к языкам, которые мы обычно читали слева направо, такие как китайский, английский, русский или даже японский.
Проще говоря, придерживайтесь традиционного макета веб -сайта, потому что он идеально соответствует привычке людей просматривать веб -страницы.
Поддерживать навигацию в соответствии с левой частью - это список людей, которые хотят найти;
Обратите больше внимания на расположение основного контента слева направо;
Самый важный контент должен учитывать одну треть или даже половину всей ширины страницы. Это самая обеспокоенная вещь для пользователей;
Держите вторичный контент справа. Это не получит слишком много внимания, но этого достаточно!
Интересно, что макет веб -сайта, показанный на этом большом изображении, чрезвычайно похож на основной интранет. Но это всего лишь веб -сайт.
Доминирующая модель просмотра и веб -макет, очевидно, превратились в подчиненные отношения:
Люди обучаются обращать внимание на определенные места, потому что там обычно есть самая важная информация, распределенная там;
На данный момент, когда компании создают макеты веб -сайтов, их информация расположена в соответствии с тем, как люди выделяют все свои страницы.
Если это противоречит традиционному макету, некоторые пользователи изменят свои привычки внимания при просмотре вашего веб -сайта. Если вы поместите важные вещи справа, может случиться так, что эти (меньшие) пользователи находят эту информацию в этой области, займет больше времени, чем типичный пользовательский домен.
Это не в том случае, если пользователь решает заранее: «Я трачу только 2,5% своего времени, глядя слева направо, просмотр 1000 и 1100 пикселей в этом разделе. & rdquo;
В любом случае, цена вашего отклонения от традиционного дизайна: когда пользователи изначально просматривают вашу страницу, они проведут много времени в поисках того, что им нужно.
Если ваш макет веб-страницы удовлетворяет потребности пользователя в просмотре и не помещается в нетрадиционную позицию, они могут легко найти информацию легко и выполнить свои желания.
Более того, когда ваш сайт примет пользователей как должное, ваш бизнес будет более плавным.