와이어프레이밍, 목업, 프로토타이핑 뭐가 다른건가요?

많이 사용하지만 막상 설명하려면 구분하기 어렵고 혼용해서 사용하다보면 헷갈리는 용어와 개념을 잘 설명하고 있습니다.

- 와이어프레임
레이아웃을 구성하는 웹사이트, 웹 앱 또는 모바일 앱에 대한 시각적 가이드입니다. 와이어프레임은 프로덕트 아이디어를 개념화하거나 전달하려는 경우 보통 가장 먼저 하는 일이죠. 가장 보편적인 커뮤니케이션 방법입니다. 즉 내 앱의 내용이 어디로 갈 것인지에 대한 대략적인 구조를 보여주는 것입니다.

- 목업
실제로 최종 프로덕트가 시각적으로 어떻게 보여야 하는지에 대한 정적 디스플레이

- 프로토타이핑
목업으로 만들어진 스태틱 디스플레이 즉 정적 화면에 이제 상호 작용 즉 interaction을 추가