로그인 상담하기
메뉴

블로그

기획과 화면 이야기를 남깁니다.

블로그
화면설계

개발 미팅용 화면 목록 만드는 법 — IA(정보구조도)를 20장으로 끝내기

개발사가 「화면이 몇 장이에요?」 물을 때 숫자로 답하려면 IA(정보구조도)에서 화면 목록만 뽑으면 됩니다. 작성 4단계와 예약앱 12장 예시를 정리했습니다.

개발 미팅용 화면 목록 만드는 법 — IA(정보구조도)를 20장으로 끝내기

개발 미팅에서 가장 먼저 나오는 질문은 정해져 있습니다. 「화면이 몇 장이에요?」 이 질문에 숫자로 답하지 못하면 미팅은 범위 협상이 아니라 범위 추측이 됩니다. 답을 만드는 도구가 IA(정보구조도)입니다. 다만 미팅용으로는 IA 전체가 필요하지 않습니다.

개발사의 「화면이 몇 장이에요?」 질문에 당황하는 대표의 대화
미팅 오프닝 단골 질문. 숫자로 답하려면 화면 목록이 먼저입니다.

화면 목록은 IA의 축소판입니다

IA(정보구조도)는 메뉴와 화면의 전체 구조를 그리는 기획 작업입니다. 트리 다이어그램으로 그리기도 하고, 엑셀 양식으로 Depth·화면 코드·정의까지 쓰기도 합니다. 개발 미팅용으로는 그중 Depth 2 수준의 화면 목록이면 충분합니다. 큰 메뉴 아래 첫 화면까지만 적는 깊이입니다.

트리형과 목록형, 미팅용은 목록형

  • 트리형 — 구조를 이해시키는 데는 좋지만, 견적에는 「장수」가 바로 안 나옵니다.
  • 목록형 — 번호·화면명·목적 한 줄. 견적 자료와 회의 안건이 동시에 됩니다.
IA Depth 1~3 개념도, 미팅용은 Depth 2까지만 작성
IA 전체가 아니라 Depth 2의 화면 목록까지만. Depth 3은 미팅용으로 불필요합니다.

화면 목록 작성 4단계

  1. 메뉴 구조를 적습니다 — 유저가 거치는 큰 메뉴부터 적습니다. 홈, 탐색, 예약, 마이페이지.
  2. 화면 번호를 매깁니다 — 유저 화면은 S-01처럼, 관리자 화면은 A-01처럼 접두사를 나눕니다.
  3. 사용자와 관리자를 구분합니다 — 관리자 화면은 견적의 삼분의 하나를 먹습니다. 별도 표기가 필수입니다.
  4. 1차와 2차를 표시합니다 — 출시에 필요한 것과 나중에 붙일 것을 미리 나눕니다.

예시 — 예약 앱 화면 목록 12장

이 형태면 충분합니다. 번호, 화면명, 목적 한 줄입니다.

  1. S-01 홈 — 오늘의 예약과 추천 공간 보기
  2. S-02 탐색 — 지역·날짜로 공간 검색
  3. S-03 공간 상세 — 사진·가격·예약 조건 확인
  4. S-04 예약 — 날짜·시간 선택과 요금 확인
  5. S-05 결제 — 결제 수단 선택과 결제
  6. S-06 예약 완료 — 예약 번호와 안내
  7. S-07 예약 목록 — 내 예약 현황
  8. S-08 예약 상세 — 취소·변경 입구
  9. S-09 로그인 — 이메일 로그인
  10. S-10 회원가입 — 이메일 가입
  11. S-11 마이페이지 — 회원 정보 수정
  12. A-01 관리자 예약 현황 — 당일 예약 확인(1차는 이 한 장)
예약 앱 화면 목록 12장을 카드 그리드로 시각화한 그림
위 12장 목록을 카드로 펼친 모습입니다. 관리자 화면(A-01)은 주황 테두리로 구분.

이 12장이면 예약 앱의 뼈대입니다. 여기에 화면별 목적이 붙어 있으면 개발사는 추가 질문 없이 견적을 냅니다. 목록 다음에 뭘 넘길지는 개발사에 넘길 기획서 최소 패키지에 정리했습니다.

스무 장 규칙과 1차·2차 분리

처음부터 스무 장을 넘기지 마세요. 스무 장을 넘으면 아직 범위를 정한 게 아니라 소원을 적고 있는 겁니다. 넘는 만큼 2차로 옮기고 1차를 남기세요. 화면을 빼는 기준은 MVP 화면 범위 정하는 법에 있습니다.

견적 세 곳에 같은 목록을 보내는 법

화면 설계 도구에서 실제로 작성 중인 IA 화면 목록 모니터 캡처
실제로는 이렇게 그려집니다 — 화면 설계 도구에서 작성 중인 화면 목록.

같은 목록 파일을 세 곳에 그대로 보냅니다. 설명은 덧붙이지 않습니다. 덧붙인 설명이 견적을 바꿉니다. 받은 견적서에 화면 번호별 포함/제외 표시를 요구하면, 같은 목록을 본 세 견적의 차이가 드디어 비교 가능해집니다.

자주 묻는 질문

엑셀로 만들어야 하나요, 피그마로 만들어야 하나요?

미팅용이라면 도구는 아무거나입니다. 종이도 됩니다. 중요한 것은 번호·화면명·목적의 세 칸입니다.

화면설계서와 무엇이 다른가요?

화면 목록은 IA에서 뽑은 목차이고, 화면설계서는 각 화면의 상태와 예외까지 정의한 문서입니다. 미팅 전에는 목록, 계약 전에는 설계서 순으로 깊어집니다.

몇 장부터 시작해야 하나요?

핵심 플로우 한 줄기가 끊기지 않는 최소 단위부터입니다. 보통 열두 장 안에서 첫 목록이 나옵니다.

목록을 직접 만들기 어렵다면 기획 인터뷰로 IA부터 뽑아 보세요. 목록이 생겼으면 화면설계로 이어 그림으로 만들 수 있습니다. 판단이 막히면 상담으로 남겨 주세요.

아이디어 한 줄이면 시작됩니다

로그인 없이 기획 인터뷰를 해보고, 막히면 상담에서 이어가면 됩니다