{3줄 요약}

프로토타입은 완성품이 아니라 아이디어가 실제로 통하는지 빠르게 확인하는 실험 도구입니다.
프로토타입 없이 개발로 바로 가면 문제를 늦게 발견하고 수정 비용이 커집니다.
중요한 것은 완성도가 아니라 무엇을 검증할지이며, 목적이 분명할수록 짧아도 충분합니다.

프로토타입을 만드는 이유

화면을 보기 좋게 만드는 건 디자인의 끝 단계에 가깝지만, 프로토타입은 초반부터 등장해요.

이유는 단순해요.
머릿속에서는 완벽해 보이는 아이디어도 실제로 만들어 보면 다르게 보이는 경우가 많아요.
버튼을 어디에 놓을지, 이 흐름이 자연스러운지, 두 단계를 하나로 줄일 수 있는지 - 이런 것들은 그려봐야 보여요.

특히 프로토타입을 실제 사용자에게 보여주면 팀이 놓쳤던 것들이 30분 안에 드러나요.
"이 버튼이 뭔지 모르겠어요", "여기서 어떻게 뒤로 가요?"같은 말들이 나오기 시작하면, 그게 고쳐야 할 것들이에요.

개발 이후에 같은 문제를 발견하면 수정 비용이 10배는 커져요.
프로토타입은 그 비용을 줄이는 방법이에요.

프로토타입은 완성도가 아니라 목적이 중요해요

흔한 오해가 있어요.
프로토타입은 실제 제품처럼 보여야 한다는 생각이에요.

아니에요.
프로토타입의 완성도는 검증하려는 것에 따라 다르게 잡아야 해요.

종이 프로토타입은 화면 흐름을 확인하고 싶을 때 써요.
종이에 그린 스케치를 사용자 앞에 놓고 "이 버튼을 누르면 어떻게 될 것 같으세요?"라고 물어보는 방식이에요.
개발 없이 30분 만에 만들 수 있어요.

클릭 가능한 목업은 화면 전환과 기능 흐름을 테스트할 때 써요.
Figma나 Framer로 만들어요.
실제처럼 클릭하고 이동할 수 있지만 데이터는 가짜예요.

코드 프로토타입은 실제 기술적 가능성을 확인해야 할 때 써요.
기능이 실제로 구현 가능한지, 퍼포먼스가 어떤지를 확인해요.

목적에 맞게 가장 빠르게 만들 수 있는 방법을 선택하는 게 맞아요.

빠르게 틀리는 게 목적이에요

Jaime Levy는 《UX Strategy》에서 이렇게 말해요.
제품 개발에서 가장 비싼 실수는 잘못된 방향으로 오래 달리는 거라고.

프로토타입은 그 방향이 맞는지 빠르게 확인하는 도구예요.

카카오페이 팀이 간편결제 흐름을 처음 설계할 때, 여러 버전의 결제 단계를 프로토타입으로 만들어 테스트했어요.
3단계 흐름, 2단계 흐름, 생체인증 우선 흐름.
같은 기능을 다르게 설계해보고 사용자가 어떤 걸 더 자연스럽게 쓰는지 봤어요.

이 과정에서 나온 인사이트가 지금의 간결한 결제 흐름을 만들었어요.
프로토타입 없이 하나만 만들었다면 몰랐을 것들이에요.

프로토타입을 만들 때 물어봐야 할 것들

프로토타입을 시작하기 전에 이 질문을 먼저 정해야 해요.

  • 이 프로토타입으로 무엇을 확인하려는 건가요?
  • 어떤 사용자에게 보여줄 건가요?
  • 어떤 반응이 나오면 "맞다"고 판단할 건가요?
  • 결과를 보고 무엇을 바꿀 준비가 되어 있나요?

이 질문 없이 프로토타입을 만들면 그냥 예쁜 목업이 돼요.
아무것도 배울 수 없어요.

디자인 실험과 프로토타입이 어떻게 연결되는지는 디자인 실험과 검증에서 더 구체적으로 다뤄요. 프로토타입이 제품 설계 전체 흐름에서 어디에 위치하는지는 디자인 브리프 작성법과 함께 보면 좋아요.

관련 아티클

참고 문헌