Понимание внимания пользователя Урок посвящен психологии восприятия и тому, как управлять вниманием пользователей с помощью шаблонов. Пользователи просматривают сайт по определенному шаблону, F-образному или Z-образному, в зависимости от макета контента.
Сканирование по Z-образцу Пользователи, как правило, используют Z-образное сканирование для страниц, где текст не является основным элементом. Оно подходит для простых дизайнов с минимальным количеством текста и несколькими важными элементами, таких как веб-сайты в стиле минимализма или целевые страницы, сосредоточенные на одном или двух основных элементах.
Пример дизайна Z-образного узора Веб-сайт "Classy Service" выполнен в четком Z-образном дизайне, начиная с логотипа в левом верхнем углу, взгляд пользователя скользит вниз к кнопке "Enter", затем падает на пояснительный текст в левом нижнем углу и заканчивается кнопкой призыва к действию.
Проектирование с учетом восприятия пользователем Дизайн с рисунком "F" направляет пользователей от одной части страницы к другой в нужном вам направлении, размещая ключевые элементы вдоль естественной траектории движения их глаз. Приведены советы по созданию визуальной иерархии с использованием этого шаблона.
Применение принципов F-паттерна "Нью-Йорк Таймс", крупные медиа-порталы используют дизайн в виде буквы F, поскольку он согласуется с тем, как пользователи воспринимают контент на веб-страницах. Тепловые карты показывают области с высоким фокусом, расположенные в форме буквы F. Сочетание обоих шаблонов может упростить движение глаз пользователя и помочь ему быстрее достигать целей.