Wireframe, Prototype, Mockup

Wireframe : 레이아웃을 구성하는 웹사이트, 웹 앱 또는 모바일 앱에대한 시각적 가이드 

• 구조
• 가장 기본 - 시각적 가이드에 대한 골조만 있음. 해골 같음 
• 제품에 대한 정확도나 디테일이 낮음 -> 기본적이고 대략적인 정보 
• ux 디자이너도 할 수 있지만, pm 도 기능 자체에 대해 구현 할 수도 있어야 함 

Mockup : 비주얼 

• 최종 프로덕트가 어떻게 보여야 하는지 시각적으로 보여줄수있는 정작 디스플레이 
• wireframe 에 시각적 표현을 채움 - 색깔 버튼 사진 모양 
• 디자이너가 만든다. 시각적 디테일을 담당하는 사람이다 

Prototype : 사용성 

• 사용성을 처리한다. 사용자 인터페이스를 실험 . 기능간에 상호작용을 확일 할 수 있다. 
• 사용성 문제를 파악하기 위해서는 프로토타입이 필요하다.