Wireframe
Wireframe — первый шаг в UX-дизайне. Используются Balsamiq, Figma (упрощённые), даже бумага и ручка.
Когда применять и когда нет
Применять
- Начало проектирования
- Обсуждение concept со стейкхолдерами
Не применять
- Финальный дизайн (нужен mockup)
Примеры применения
Wireframe главной страницы интернет-магазина: серые блоки на месте header, hero, продуктов, footer. Никаких цветов, картинок, текста (lorem ipsum). Цель — обсудить layout.
Часто задаваемые вопросы
Wireframe сначала — обсудить концепт. Figma-макет — после, для production. Если сразу Figma, обсуждения «застревают» на цветах и шрифтах вместо структуры.