Дизайн цифровых продуктов
О чём раздел
Заголовок раздела «О чём раздел»Раздел охватывает два направления с разными целями: UX-дизайн помогает человеку выполнить задачу, а маркетинговый дизайн объясняет ценность и помогает выбрать или купить. Сайт — один из контекстов, где эти цели сочетаются; отдельный подраздел для этого контекста не нужен. ИИ-дизайн применим к обоим направлениям, а UI-дизайн описывает визуальное устройство интерфейса. Пятая тема — инструменты дизайна: плоский каталог профилей продуктов по типу результата. Реализация на WordPress описана в разделе WordPress → Темы. Медиа-специфика шаблонов — ленты, страницы статьи и паттерны чтения — собрана в дизайне и шаблонах медиа-сайтов.
| Тема | О чём |
|---|---|
| UX-дизайн | Понимание пользователей и проектирование понятных сценариев; включает юзабилити, информационную архитектуру, проектирование взаимодействия и доступность. |
| ИИ-дизайн | ИИ-инструменты для исследования, проектирования и прототипирования; форматы и практики работы с дизайн-контекстом AI-агентов. |
| UI-дизайн | Дизайн-система и токены, компоненты и состояния, адаптивность и документация. |
| Маркетинговый дизайн | Четыре формата материалов — продающий лендинг, доказательный лонгрид, рекламные материалы и презентации для продаж; доверие, иерархия и текст, аналитика и тестирование. |
| Инструменты дизайна | Плоский каталог профилей продуктов: интерфейсы, быстрые маркетинговые макеты, профессиональная графика и презентации. |
Подраздел UX-дизайна
Заголовок раздела «Подраздел UX-дизайна»- Юзабилити — качество удобства, пять составляющих, метрики и методы проверки.
- Информационная архитектура — структура, названия и находимость; карточная сортировка и tree testing.
- Проектирование взаимодействия — потоки, состояния, обратная связь и тайминги.
- Доступность (a11y) — WCAG 2.2, контраст, навигация с клавиатуры, инструменты и практики WordPress.
Подраздел маркетингового дизайна
Заголовок раздела «Подраздел маркетингового дизайна»- Продающий лендинг — структура посадочной страницы, оффер и fit, доказательства, коммерческая модель и CTA.
- Доказательный лонгрид — SCQA и драматургия длинного материала для блога, коммерческой страницы и базы знаний.
- Дизайн рекламных материалов — бриф, форматы каналов, композиция, серии и адаптации, производство и проверка.
- Дизайн презентаций для продаж — сценарии, Big Idea, драматургия, слайд как единица смысла и следующий шаг.
Инструменты дизайна
Заголовок раздела «Инструменты дизайна»- Каталог инструментов — 12 профилей в четырёх категориях: интерфейсы, быстрые маркетинговые макеты, профессиональная графика и презентации.
Общие основы
Заголовок раздела «Общие основы»При создании сайта UX помогает спроектировать путь к цели, а маркетинговый дизайн — последовательно представить ценность и призыв к действию. Оба направления опираются на типографику, цвет, сетку, визуальную иерархию, адаптивность и доступность.
Дизайнеры могут специализироваться на конверсии или продуктовых интерфейсах, а также на сквозных областях — доступности и проектировании взаимодействия. Эти специализации уточняют тему, но не образуют отдельные разделы верхнего уровня.
Практический процесс
Заголовок раздела «Практический процесс»- Определить аудиторию, задачи и критерии успеха.
- Спроектировать структуру контента и сценарии.
- Задать компоненты, типографику, цвет и сетку.
- Продумать состояния интерфейса, адаптивность и доступность.
- Передать решения в реализацию и проверить результат.