Характерные черты

Средняя детализация и низкая интерактивность

Как уже пояснялось в этой главе, вайрфрейм – это способ прототипирования, когда объекты на экране просто обозначаются. Визуально вайрфрейм похож на чертеж.

Вне зависимости от способа производства, принятого в организации, – будь то «водопадный» процесс[57], когда все задачи определены изначально, или гибкий итеративный, когда каждый релиз продукта определяет последующий, – востребованность вайрфреймов стремительно падает.

Вайрфрейм, разработанный для Agrarus.ru, позволил сделать так, чтобы участники распределенной команды работали параллельно, и зафиксировать фронт работ

В продуктовой разработке коротких циклов вроде Scrum вайрфрейм почти всегда можно заменить прототипом на маркерной доске, а элементы интерфейса в виде чертежа при «водопадной» разработке – на объекты из многочисленных открытых библиотек, где доступны элементы интерфейса для популярных инструментов прототипирования типа Figma, например библиотека Google Material Design.

Вставка реальных элементов интерфейса, пиктограмм и фотографий требует практически тех же усилий, что и создание объектов-заглушек, но при этом позволяет оценить их визуальную доминантность в плане цветового контраста. Например, реальное фото – более сильный визуальный аттрактор, чем заменяющий его прямоугольник, а пиктограмма, помещенная вместо заглушки, несет дополнительную информационную ценность.

В те редкие моменты, когда у меня появляется необходимость создавать вайрфреймы, я прибегаю к технике коллажа, использую библиотеки готовых элементов (UI kit), пиктограммы из открытых источников и фотографии из выдачи поиска по картинкам.

Онлайн-сервис Figma, сочетающий в себе инструменты дизайна, интерактивного прототипирования и анимации, позволил мне на одном из тренингов за 15 минут сделать интерактивный прототип из библиотек элементов и изображений из Интернета