APP DEVELOPMENT TERM
프로토타입
직접 눌러보는 화면 시안
프로토타입은 실제 개발 전에 주요 화면을 서로 연결해 사용 순서와 설명, 빠진 조건을 직접 눌러보며 확인하는 시안입니다.
30초 이해
프로토타입은 완성품처럼 보이기 위한 것이 아니라 개발 전에 잘못 이해한 부분을 찾는 도구입니다
문서와 정지된 화면만 볼 때는 자연스러워 보였던 흐름도 직접 눌러보면 이전 화면으로 돌아갈 곳이 없거나 필요한 정보가 너무 늦게 나타날 수 있습니다. 프로토타입은 이런 문제를 실제 개발 전에 비교적 빠르게 찾게 합니다.
모든 기능과 데이터를 실제로 동작하게 만드는 완성 앱은 아닙니다. 확인할 질문에 맞춰 필요한 화면과 이동만 연결하며, 로그인·결제·알림·관리자 처리처럼 화면 뒤에서 필요한 개발 범위는 별도로 정리해야 합니다.
한 장으로 이해
아이디어를 눌러보는 흐름으로 바꾸는 과정
핵심 목적을 정하고 필요한 화면을 연결한 뒤 직접 사용해 보며 빠진 조건을 개발 전에 고칩니다.
- 01
확인할 질문
누가 어떤 목표를 끝낼 수 있어야 하는지 정합니다.
- 02
주요 화면 연결
시작·선택·입력·완료에 필요한 화면 순서를 만듭니다.
- 03
직접 눌러보기
사용자와 운영자가 실제 상황처럼 흐름을 따라가 봅니다.
- 04
수정·범위 확정
막힘과 빠진 상태를 고치고 실제 개발할 범위를 정합니다.
프로토타입은 코드 개발 전에 화면과 흐름에 대한 서로 다른 생각을 눈에 보이게 맞추는 도구입니다.
언제 사용하는 개념인가요?
아이디어를 구체화할 때
말로 설명한 기능을 실제 화면 순서로 옮겨 핵심 흐름을 확인합니다.
디자인을 검토할 때
사용자가 버튼을 찾고 입력하고 결과를 확인하는 과정이 자연스러운지 직접 눌러봅니다.
개발 범위를 확정할 때
화면마다 필요한 데이터, 서버 처리, 관리자 업무와 예외 상태를 찾아 요구사항에 반영합니다.
왜 중요한가요?
말로만 설명한 차이를 일찍 찾습니다
팀원과 파트너가 같은 기능을 다르게 상상한 부분을 개발 전에 확인할 수 있습니다.
화면 사이의 빠진 단계를 발견합니다
뒤로 가기, 취소, 오류, 빈 상태와 완료 후 다음 행동처럼 정지 화면에서 놓치기 쉬운 부분을 찾습니다.
개발 변경 비용을 줄입니다
큰 구조와 흐름을 먼저 고치면 실제 코드와 데이터 구조를 만든 뒤 다시 바꾸는 일을 줄일 수 있습니다.
실제 상황 예시
클래스 예약 프로토타입을 만든다면
수강생이 수업을 찾고 예약 결과를 확인하는 핵심 흐름을 몇 개의 화면으로 연결합니다.
직접 눌러볼 화면
- 수업 목록과 필터
- 수업 상세와 가능 시간
- 예약 정보 확인
- 예약 완료와 내역
눌러보며 찾을 질문
- 마감된 시간은 어떻게 보이는가
- 로그인이 필요한 시점은 언제인가
- 결제 실패 후 어디로 돌아가는가
- 변경·취소 조건을 언제 알려주는가
프로토타입에서 예약 완료 화면까지 이동할 수 있어도 실제 자리가 차감되거나 결제가 되는 것은 아닙니다. 화면 흐름을 확인한 뒤 서버와 운영 개발 범위를 따로 연결해야 합니다.
자주 하는 오해
“프로토타입은 거의 완성된 앱이다”
겉모습과 이동은 실제처럼 보일 수 있지만 데이터 저장, 보안, 결제와 관리자 처리가 구현되지 않았을 수 있습니다.
“프로토타입이 있으면 기획 문서는 필요 없다”
화면에 보이지 않는 권한, 운영 규칙, 예외 처리와 완료 조건은 문서로 함께 정리해야 합니다.
“모든 화면을 먼저 프로토타입으로 만들어야 한다”
가장 위험하거나 중요한 흐름부터 확인하면 됩니다. 단순 반복 화면까지 모두 만들면 검증보다 제작 자체가 목적이 될 수 있습니다.
우리 서비스에 적용할 때 확인하세요
- 1이번 프로토타입으로 가장 먼저 확인하려는 사용자 목표는 무엇인가요?
- 2시작부터 완료까지 실제 순서로 직접 눌러볼 수 있나요?
- 3취소·뒤로 가기·오류·빈 상태처럼 실패 흐름도 확인했나요?
- 4각 화면 뒤에 필요한 서버 처리와 관리자 업무를 따로 적었나요?
- 5프로토타입에서 확인한 변경 내용을 실제 개발 범위와 완료 기준에 반영했나요?
다음 자료
이해한 내용을 바로 적용해보세요
프로토타입에서 확인하는 UI와 UX의 차이, 실제 완성품·관리자 화면과 비교하는 방법을 이어서 볼 수 있습니다.
화면 시안과 실제 개발 결과물의 차이를 확인해보세요
프로토타입에서 확인할 내용과 서버·데이터·관리자까지 구현된 완성품의 범위를 구분할 수 있습니다.