В фарме часто неделями согласуются макеты, тексты и дисклеймеры, а врач или пациент смотрит на все это 2–3 секунды 👍
И за это время у него нет задачи «внимательно изучить идеально выверенный и согласованный материал» — он просто сканирует экран по привычным траекториям.
Давайте попробуем приземлить на нашу реальность 🤷♀.
1. Промо-блоки на Аптека.ру/Ютеке/Здравсити, первый экран лендинга препарата, баннер вебинара
Здесь чаще всего включается Z-паттерн: взгляд идет по диагонали👀 сверху слева → сверху справа → вниз → в нижнюю часть экрана.
В итоге:
- в верхнем левом секторе должно быть понятно, «про что продукт/услуга»;
- в верхнем правом — усиление: цифра, категория, выгода, польза, инсайт;
- в нижней правой зоне — главное действие (перейти, записаться, узнать больше), а не логотип третьей стороны.
2. Материалы для врачей: статьи, обзоры, методички, лонгриды
Здесь работает F-паттерн: 👨⚕️ внимательно — первая строка, дальше — сканирование по левому краю и подзаголовкам. Если ключевая мысль спрятана в середину абзаца, ее просто не увидят. ❗️Важно выносить пользу в начало строки и делать подзаголовки осмысленными сами по себе.
3. Карточки препаратов и сервисов, подборки статей, кейсы на корпоративных сайтах
Пользователь сперва цепляется за визуальное пятно и заголовок, и только потом за описание. Если картинка кричит одно, заголовок другое, а текст третий — карточку пролистают, даже если внутри все правильно с точки зрения комплаенса.
Простой вопрос, который стоит задать себе перед запуском любого экрана в фарме и не только:
Я спроектировал маршрут взгляда или просто разложил элементы так, чтобы всем стейкхолдерам ЛПР было спокойно?
📎 Если хотите сохранить себе «на потом» и копнуть глубже, что почитать и погуглить:
- Nielsen Norman Group — «F-Shaped Pattern For Reading Web Content»;
- UX Planet / Interaction Design Foundation — материалы по Z-pattern layout;
- Smashing Magazine — статьи про visual hierarchy;
- Luke Wroblewski — «There Is No Fold» (про первый экран и «above the fold»).
