Вайрфрейм отвечает на вопрос «что и где стоит на странице»: тут шапка, тут заголовок, ниже блок с ценой, справа кнопка. Никаких цветов, фотографий и красивых шрифтов — только серые прямоугольники и подписи. Так внимание не уходит на оформление, и команда спорит про структуру, а не про оттенок кнопки.
Это самый ранний и дешёвый этап. Вайрфрейм идёт перед прототипом и дизайном: сначала договариваются про скелет, потом оживляют его в кликабельную модель, и только затем рисуют картинку. Менять каркас на этой стадии почти бесплатно, поэтому именно тут удобно перебирать варианты расстановки блоков.
Серые блоки и подписи без графики.
Что и где стоит на странице.
Раньше прототипа и дизайна.