💎💠 Типы считывания информации или паттерны внимания
При проведении дизайн-ревью других дизайнеров я периодически сталкиваюсь с тем, что дизайнеры не учитывают существующие типы считывания информации пользователями на странице, то есть то, как «бегают» наши глаза на экране, когда изучают контент. Давайте разбираться.
🪅F-образный
В 2006 году
Якоб Нильсен с помощью
Айтрекера записывал движения глаз респондентов и выделил наиболее читаемые зоны страниц. Зоны с самым частым фокусом складывались в подобие латинской буквы F, она и дала название паттерну. Однако, c того времени наше поведение изменилось из-за широкого распространения смартфонов, но этот паттерн внимания по-прежнему существует, например на странице поисковой выдачи.
🪅Z-образный
Согласно этой модели, взгляд пользователя при изучении страницы последовательно проходит путь в форме буквы Z. В исследованиях
Якоба Нильсена также имеются наработки для этого паттерна. Если говорить о глубине внимания, то область нижней черты буквы Z уже обладает низким фокусом, то есть пользователи просматривали её мельком.
🪅Зигзаг
По своей сути зигзаг — это множественное повторение буквы Z, однако зигзаг предполагает глубокий и средний фокусы дольше. Этот паттерн наблюдается при чтении статей.
🪅Золотой треугольник
Золотой треугольник больше подходит для считывания коротких текстовых блоков, где глубокий фокус сохраняется практически до самого конца. А ещё этот паттерн используют при расстановке стеллажей в магазинах.
🪅Диаграмма Гуттенберга
Самый популярный паттерн внимания в наши дни.
Диаграмма представляет собой деление страницы или экрана на 4 области —
🔹левая верхняя — глубокий фокус
🔹правая верхняя — средний фокус
🔹левая нижняя — низкий фокус
🔹правая нижняя — зона выхода или принятия решения, в основном с высоким фокусом
Хорошим примером может служить карточка товара на сайте маркетплейсов.
———
🏆
ПРОактивный дизайн
📚
Книжный клуб
🧠
Cаморазвитие