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

Почему наше периферийное зрение ограничено?

На сетчатке имеется особое место, лежащее не на оптической оси, а немного в стороне от нее, ближе к височной части головы, называемое желтым пятном вследствие своего цвета. Эта часть сетчатки имеет в середине небольшое центральное углубление – центральную ямку. Диаметр желтого пятна – около 1 мм, а соответствующее ему поле зрения глаза – 6-8°. Диаметр центральной ямки – 0.4 мм, поле зрения – 1°.

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

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

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

Периферическая часть сетчатки служит в основном для ориентирования в пространстве.

Прикладное применение

Расстояние до экрана	Диаметр четкой зоны
30 см	3,7 см
50 см	6 см
100 см	12 см
150 см	18 см
200 см	24 см
500 см	60 см
1000 см	120 см

Мы можем рассчитать размер зоны четкого восприятия относительно монитора. Как видно из расчетов ниже, четкая зона восприятия – это окружность диаметром 200 пикселей для обычного монитора с разрешением 1280 на 768 пикселей и размером 15 дюймов.

• Для экрана с диагональю 15’’

15’’ = 15 * 2.54 см = 38 см

sqrt(1024 * 1024 + 768 * 768) = 1280 пикселей

• Четкая зона восприятия = 200 пикселей

50 см * sin(7 градусов) = 6 см

6 / 38 * 100 = 15.8 % от диагонали

15.8 * 1280 / 100 = 200 пикселей

Пример ошибки, когда не учитывается периферийное зрение

Представьте, что вы проходите регистрацию на сайте и заполняете форму, но после нажатия на кнопку “Продолжить” ничего не происходит. Наверняка с вами такое случалось и не раз. Посмотрим, что происходит на самом деле.

Вам показали сообщение об ошибке, но вы его не увидели! Оно было написано красным текстом наверху формы. Вот, что вы видели на самом деле.

Вы смотрели на кнопку “Продолжить” и не заметили надпись, которая оказалась вне вашей зоны четкого восприятия, в зоне периферийного зрения. Это типичная ошибка на многих сайтах. Чтобы её избежать, используйте контекстные сообщения об ошибках, как на примере ниже.

Решение, когда учитывается периферийное зрение

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

Вот что видит пользователь, когда допускает ошибку. Он сразу замечает сообщение и понимает, что и где нужно исправить.

Чтобы сделать ошибку на странице заметной:

• Поместите сообщение контекстно, рядом с полем где произошла ошибка
• Поместите сообщение туда, куда пользователи смотрят
• Используйте красный цвет
• Используйте символ ошибки

“Тяжёлая артиллерия”:

• Используйте всплывающие окна
• Используйте звуковой сигнал
• Используйте однократное мигание текста/значка

Литература

• Электронный учебник “Введение в прикладную и компьютерную оптику” Конспект лекций опубликован: Иванова Т.В. Введение в прикладную и компьютерную оптику. Конспект лекций. СПб: СПб ГИТМО (ТУ), 2002 – http://aco.ifmo.ru/el_books/introduction_into_specialization/
• Строение глаза из Википедии – https://ru.wikipedia.org/wiki/Глаз_человека
• Строение зрительной системы человека – Вит В.В. – Учебное пособие, Одесса: Астропринт, 2003. – 664 с.

Хотите проверить, насколько ваш сайт учитывает ограничения периферийного зрения?
→ Проверьте прямо сейчас.