Как строить wireframes для продукта
Иногда даже создание макетов в Figma будет трудозатратно.
Самая минимальная версия, которую вы можете сделать для продукта это wireframes.
Вы в черно белом формате собираете пользовательский сценарий.
На каждом экране вы размещаете только ключевые элементы:
- заголовки разделов
- кнопки с названиями
- схематично показываете размещение элементов (картинки, текст)
Все это нужно чтобы передать мысль какой сценарий вы хотите реализовать.
Над этим документом удобно штормить и дизайнерам и разработчикам.
Основные элементы которые должно быть у wireframes я собрал в один читлист.
Скачать его в PDF формате можно тут
А материалы для изучения и основные тезисы и примеры wireframes я собрал здесь
Гайд о том как вы можете тестировать идеи вы найдете здесь
@podbiratel
