Рабочий подход
Wireframe Spec определяет структурный замысел экрана до цвета и визуальной проработки. Он охватывает блоки контента, размещение, приоритет и аннотации поведения, оставляя место для адаптивных различий и контента из данных. Реальные подписи навигации и кнопок помогают понять структуру даже при низкой детализации.
Источник не ограничивается блоками: он требует иерархии заголовков, ожидаемой длины текста, пропорций изображений, различия между обязательными и необязательными материалами и источников контента. Он также требует описать пустое состояние, загрузку, заполненное состояние и ошибку, чтобы вайрфрейм не ограничивался идеальным экраном.
Ожидаемые результаты
- Аннотированная структура экрана с приоритетами контента.
- Требования к контенту: заголовки, длина текстов, изображения и источники.
- Заметки об адаптивных макетах и о пустом состоянии, загрузке и ошибке.
От брифа до ревью
- 01Выберите детализацию и блоки
Выберите детализацию — эскиз, низкую, среднюю или аннотированную — и определите основные области контента.
- 02Опишите контент и поведение
Дайте блокам реальные подписи, приоритеты, источники данных и аннотации взаимодействия.
- 03Охватите варианты
Опишите изменения на брейкпоинтах и версии для пустого состояния, загрузки, заполненного состояния и ошибки.