Однажды я рисовал вайрфрейм для нового сценария и внезапно подумал: «А зачем я это делаю?»

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

Времена изменились В больших продуктах есть дизайн-системы, в небольших — UI Kit. Если ничего нет, то полно в открытом доступе, можно скачать и адаптировать под себя. Раз так, зачем тратить время на рисование квадратов?

Я попробовал собирать экраны сразу. Первые итерации это драфт, финальный дизайн требуется доработать. Я чувствую себя плохим парнем. Отцы-основатели смотрят на меня сквозь время и показывают пальцем, синдром самозванца летит к границам обозримой вселенной. «—Ты пропустил этап с вайрфреймами, вон из профессии!».

Что теперь? Я получаю достоверный дизайн. Под словом «достоверный», я имею ввиду, что он воспринимается на тесте ближе к финальному дизайну, чем черно-белый, лишенный акцентов. Проблемы управления вниманием теперь на поверхности. На этапе вайрфрейминга они были не видны или могли поменяться, после накладывания слоя UI. Теперь иерархия и стала яснее, цвет и форма влияют на поведение. Настоящие данные показывают слабопроработанные места.

Седой и строгий читатель скажет: —Теперь ты отвлекаешь внимание стейкхолдеров от сути. Мы тут собрались обсудить логику и сценарии взаимодействия, а вместо этого получаем комментарии о цветах кнопки.

Будет прав (частично). Но в любом случае, даже с вайрами в итерациях, вы получите эти комментарии. Зачем оттягивать неизбежное!

Итог Время не затраченное на вайры можно с пользой утилизировать в дополнительную проработку навигационной карты, создание информационно-функциональной модели, описание сценариев взаимодействия.

Вайры помогут быстро донести мысль в обсуждении с аналитиком или продактом, но это уже не обязательный этап процесса.