Прототипирование

Что это такое

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

Почему это важно

Спорить о формулировке, порядке и поведении можно часами, однако наблюдение за тем, как человек выполняет задачу, закрывает тот же спор за минуты. Прототип — самый дешёвый артефакт, который даёт такое свидетельство. Он же показывает то, что скрывает статичный макет: недостающее состояние, тупик, поток из семи экранов. Всё это видно, пока цена изменения — ещё перерисовка, а не переписывание.

Что в этом треке

Точность прототипа (03-design-ux/40-prototyping/01-prototype-fidelity) — что строить на каждом этапе, от бумаги до кода.
Тестирование прототипа с реальными пользователями (03-design-ux/40-prototyping/02-testing-a-prototype-with-real-users) — как провести сессию, чтобы прототип дал свидетельства, а не похвалу.

Предварительные требования

Вайрфрейминг (03-design-ux/27-wireframing)

Что читать дальше

Вайрфрейминг (03-design-ux/27-wireframing) — статичная структура, которую прототип оживляет.
Юзабилити-тестирование (03-design-ux/33-usability-testing) — модерация, серьёзность проблем и разбор результатов целиком.
Интерактивный дизайн (03-design-ux/44-interaction-design) — что решить о состояниях и обратной связи до прототипирования.
Framer (03-design-ux/36-framer) — инструмент, который публикует интерактивные прототипы почти как продакшен.