Ваш баннер живет 3 секунды. Потом его как будто не было В фарме часто неделями согласуются макеты, тексты и дисклеймеры, а врач или пациент смотрит на все это 2–3 секунды 👍

И за это время у него нет задачи «внимательно изучить идеально выверенный и согласованный материал» — он просто сканирует экран по привычным траекториям.

Давайте попробуем приземлить на нашу реальность 🤷‍♀.

1. Промо-блоки на Аптека.ру/Ютеке/Здравсити, первый экран лендинга препарата, баннер вебинара Здесь чаще всего включается Z-паттерн: взгляд идет по диагонали 👀 сверху слева → сверху справа → вниз → в нижнюю часть экрана. В итоге: — в верхнем левом секторе должно быть понятно, «про что продукт/услуга»; — в верхнем правом — усиление: цифра, категория, выгода, польза, инсайт; — в нижней правой зоне — главное действие (перейти, записаться, узнать больше), а не логотип третьей стороны.

2. Материалы для врачей: статьи, обзоры, методички, лонгриды Здесь работает F-паттерн: 👨‍⚕️ внимательно — первая строка, дальше — сканирование по левому краю и подзаголовкам. Если ключевая мысль спрятана в середину абзаца, ее просто не увидят. ❗️****Важно выносить пользу в начало строки и делать подзаголовки осмысленными сами по себе. 3. Карточки препаратов и сервисов, подборки статей, кейсы на корпоративных сайтах Пользователь сперва цепляется за визуальное пятно и заголовок, и только потом за описание. Если картинка кричит одно, заголовок другое, а текст третий — карточку пролистают, даже если внутри все правильно с точки зрения комплаенса.

Простой вопрос, который стоит задать себе перед запуском любого экрана в фарме и не только: Я спроектировал маршрут взгляда или просто разложил элементы так, чтобы всем стейкхолдерам ЛПР было спокойно?

📎 Если хотите сохранить себе «на потом» и копнуть глубже, что почитать и погуглить: 1. Nielsen Norman Group — «F-Shaped Pattern For Reading Web Content»; 2. UX Planet / Interaction Design Foundation — материалы по Z-pattern layout; 3. Smashing Magazine — статьи про visual hierarchy; 4. Luke Wroblewski — «There Is No Fold» (про первый экран и «above the fold»).

Ваш баннер живет 3 секунды | Сетка — социальная сеть от hh.ru