세 단어는 다양한 세부 수준과 다양한 질문을 설명합니다. 와이어프레임은 "무엇이 어디로 가는가?"라고 묻습니다. 모형은 "어떻게 생겼나요?"라고 묻습니다. 프로토타입은 "사람에게도 효과가 있나요?"라고 묻습니다.
와이어프레임은 간단한 모양과 자리 표시자 텍스트를 사용하여 레이아웃, 계층 구조 및 콘텐츠를 표시합니다. 빠르게 만들고 빨리 버리는 것이 바로 이것이 유용한 이유입니다. 하나를 결정하기 전에 많은 구조를 탐색할 수 있습니다.
모형은 색상, 타이포그래피, 이미지 및 구성요소 등 실제 시각적 디자인을 추가합니다. 이해관계자와의 모양에 동의하고 전달하는 데는 좋지만 어떤 것이 어떻게 작동하는지 보여줄 수는 없습니다.
프로토타입은 상호작용을 추가합니다. 저충실도 프로토타입은 와이어프레임을 서로 연결하여 흐름을 테스트할 수 있습니다. 충실도가 높은 프로토타입은 상태, 전환, 때로는 실제 데이터를 포함하여 최종 제품에 가깝게 보이고 작동하므로 실제 문제를 밝혀내는 사용성 테스트를 실행할 수 있습니다.
프로토타입 이후의 공백은 핸드오프입니다. 개발자는 일반적으로 프로토타입이 보여주는 것을 다시 빌드합니다. 대화형 구성 요소의 경우 우리가 만드는 ExodeUI는 대화형 파일 자체를 앱에 제공되는 것으로 만들어 이러한 격차를 해소합니다.