MVP, Wireframe, Prototype 간단 이해하기

MVP란?

최소 기능 제품 또는 최소 요건 제품으로, 고객이 꼭 필요로 하는 기능이 작동하는 최소한의 프로덕트를 뜻한다.

MVP를 통해 고객에게 필요한 기능을 빠르게 제공함과 동시에 사용자 피드백을 빠르게 받을 수 있다.

PO의 MVP 활용하기

• 새로운 기능을 개발하는 단계에서 적절한 MVP를 설정한다.
• 리소스 낭비 최소화, 최대의 배움을 얻게 하는 것이 PO의 핵심 능력
• MVP 설정 시 고려할 사항
  1. 어떤 가설을 검증하려 하는가?
  2. 그 가설을 검증하기 위해 필요한 핵심 기능은 무엇인가?
• 제품 개발 관련 인원은 모두 각자의 욕구가 뚜렷하기 때문에 균형점을 찾는 게 중요하다.
  • PO: 다양한 기능 또는 최신의 UX를 포함한 최고의 제품을 기획하고자 한다.
  • 개발팀: 안정적이고 유지보수가 용이한 프로덕트를 개발하고자 한다.
  • 제품을 아름답게 디자인하고자 한다.
• MVP는 만들고 끝내는 것이 아니라 고객 반응을 통해서 배움을 얻고 이를 통한 지속적인 개선이 필요하다.

 

MVP 활용 사례

1. Dropbox

• 제품을 개발하기 전에 클라우드 서비스의 시장 니트를 파악하기 위해 3분가량의 영상 업로드했다. 
  • 클라우드 데이터 저장소라는 개념 자체가 없던 시절이었기 때문에 시장의 니즈를 전혀 파악할 수 없는 상황이었음
• 하룻밤만에 Beta 서비스 이용 신청자 75,000 명을 달성했다(시장 니즈 파악!).
• 창업자는 막대한 자금이 드는 클라우드 서비스를 구축하기도 전에 시장의 니즈를 파악할 수 있었고 시간과 자원을 절약할 수 있었다.

2. Airbnb

• 샌프란시스코에서 거주하고 있던 Airbnb 창립자들은 샌프란시스코에서 열리는 디자인 콘퍼런스에 맞춰 인근 호텔을 구하기 어려운 참가자들에게 저렴한 숙박과 아침을 제공하기로 결정한다.
• 본인들이 거주 중인 아파트 사진을 찍어 웹사이트에 올린 후 3명의 손님을 받으면서 사람들이 필요하다면 낯선 이의 집에 묵으면서 돈을 낼 의향이 있다는 것을 알 수 있었다.

 

Wireframe과 Prototype 개념 설명

Wireframe

와이어프레임은 디자이너가 작업을 시작할 수 있는 기초 역할을 한다. 일반적으로 세부 묘사에 치우치지 않고 핵심적인 요소만 최대한 추상화하여 표현하며, 애니메이션이 적용된 효과나 복잡한 전환 등 복합적인 디자인 아이디어를 설명하는 경우에는 적합하지 않다.

 

Prototype

Wireframe과 다르게 실제와 비슷하게 구현된 상태로 간단한 인터렉션을 포함한다.

피델리티 레벨에 따라서 로우 피델리티 프로토 타입( Low-fidelity prototype)/하이 피델리티 프로토 타입(High-fidelity prototype)으로 나눌 수 있다.

로우 피델리티 프로토 타입은 빠르게 주요 기능을 확인할 수 있는 낮은 퀄리티의 디자인 스캐치라고 볼 수 있다.

하이 피델리티 프로토타입은 실제 제품과 거의 동일하게 작동하기 때문에 미스 커뮤니케이션을 최소화할 수 있지만, 실제와 유사한 UI이기 때문에 제작에 많은 시간이 소요된다.

 

Wireframe과 Prototype의 공통점

• 시제품이 나오기 전 제품의 초기 버전
• 기획자, 개발자, 디자이너, 사이의 이해 간격을 좁혀주는 역할
• MVP와 다르게 실제 사용자인 고객이 사용/피드백하는 용도라기보다는 내부 의사결정을 위해 활용

 

Wireframe과 Prototype의 의의

wireframe, prototype은 결국 의사소통의 도구이다. 궁극적으로 기획 컨셉을 디자이너와 개발자에게 제대로 전달하기 위해 필요한 것이므로, 작성자가 가장 쉽게 편하게 다룰 수 있는 툴을 사용해 빠르게 만들어서 더 자주, 깊이 있는 커뮤니케이션을 하는 것이 중요하다.