Wireframe — низкодетальная схема структуры и приоритетов контента/потока; mockup — визуально близкий к финалу макет (стиль, цвет, типографика) без полной интерактивности прототипа.
Разбор
- Wireframe ускоряет обсуждение логики до «пиксель-перфекшна».
- Mockup проверяет визуальную иерархию и бренд.
- Прототип добавляет клики/переходы поверх макета или wire.
- Не начинайте high-fi, пока не согласованы сценарий и IA.
Итог
Wire = структура и поток; mockup = внешний вид; prototype = поведение.