Эти три слова описывают разные уровни детализации и разные вопросы. Каркасный вариант спрашивает: «Что и куда?» Макет спрашивает: «Как это выглядит?» Прототип спрашивает: «Работает ли это для людей?»
В каркасах используются простые фигуры и текст-заполнитель для отображения макета, иерархии и содержимого. Их быстро сделать и быстро выбросить, и именно поэтому они полезны: вы можете изучить множество структур, прежде чем выбрать одну.
Мокапы добавляют реальный визуальный дизайн: цвет, типографику, изображения и компоненты. Они хороши для согласования внешнего вида с заинтересованными сторонами и для передачи функций, но они не могут показать, как что-то ведет себя.
Прототипы добавляют взаимодействия. Прототип низкой точности может связывать каркасы вместе для проверки потока. Высокоточный прототип выглядит и ведет себя близко к конечному продукту, с состояниями, переходами и иногда реальными данными, поэтому вы можете запускать тесты удобства использования, которые выявляют реальные проблемы.
Промежуток после прототипа — это передача: разработчики обычно перестраивают то, что показывает прототип. Что касается интерактивных компонентов, ExodeUI, который мы создаем, закрывает этот пробел, превращая сам интерактивный файл в состав приложения.