화면 목록이 표 하나로 정리되는 IA 보는 법

IA(화면 지도)는 앱의 화면 목록을 표 하나로 정리한 거예요. 플랜디 IA 만들기 메뉴에서 예시 17개를 가입 없이 볼 수 있어요.

표 읽는 법만 알면 내 서비스에 필요한 화면이 보여요.

화면이 몇 개가 필요한지 감이 안 올 때가 있어요. 그럴 때는 남이 만든 IA를 보는 게 빨라요.

비슷한 서비스의 화면 목록을 보면 내 것도 그려져요

IA는 2단계 메뉴에서 봐요

플랜디 AI 기획 메뉴에서 「2 IA 만들기」 탭을 눌러요.

위에는 「IA 만들기」 설명과 「가입하고 IA 시작하기」 버튼이 있고, 아래에는 예시 기획 갤러리가 있어요. 총 17개 자료가 있고 이름이나 설명으로 검색할 수 있어요.

갤러리에서 보고 싶은 예시를 골라요. 「동네 카페 사전 주문·픽업 앱」 같은 예시를 누르면 IA 표가 통째로 열려요.

가입하지 않아도 전체를 볼 수 있어요. 처음에는 익숙한 서비스부터 고르세요.

표의 구성을 읽어요

IA 표는 위에서부터 이렇게 읽어요.

예시 하나에는 「화면 51개 · 3뎁스까지」라고 적혀 있어요. 사용자군은 회원 56개, 판매자 30개, 관리자 21개로 나뉘어 있어요.

숫자를 보면 서비스 규모가 감이 와요. 내 서비스도 이 표를 기준으로 세어 보면 돼요.

행 하나를 뜯어봐요

아무 행이나 하나 골라서 끝까지 읽어봐요. 예를 들어 「메뉴」 행은 이렇게 적혀 있어요.

2뎁스에 「메뉴 상세·옵션 선택」이 있고, 주소는 「/menu/:id」예요. 우선순위는 1순위예요.

메모를 꼭 읽어요. 「품절 메뉴 접근 시 주문 불가 안내」처럼 예외 상황까지 적혀 있어요.

메모가 자세할수록 개발할 때 되묻는 일이 줄어요. 내 서비스의 메모도 이 정도로 적으면 돼요.

「주문 상태」, 「비회원 주문 조회」, 「주문·결제」, 「결제 완료」 같은 행이 나와요. 주소 규칙도 같이 보여요.

주소를 보면 화면이 어떻게 이어지는지가 그려져요

「/orders/:id/status」처럼요.

우선순위도 같이 봐요. 1순위는 먼저 만들어야 하는 화면이에요. 3순위는 나중이어도 되는 화면이에요.

순서를 보면 개발 순서를 정할 수 있어요. 순서를 정하면 일정도 그릴 수 있어요.

한계

예시 열람은 가입 없이 볼 수 있지만, 내 서비스의 IA를 직접 만드는 것은 가입이 필요해요. 예시는 참고용이에요.

그대로 베끼는 게 아니라 내 서비스에 맞게 고쳐 쓰는 거예요. 고쳐 쓸 때는 사용자군부터 나눠 보세요. 나누면 화면이 보여요.

플랜디는 25년차 기획자가 만든 AI 기획 도구예요. IA까지 정리되면 다음은 화면을 그리는 순서예요. 화면 목록이 있으면 와이어프레임을 볼 차례예요.

오늘 내용 정리

1. IA 표는 사용자군 탭, 1~3뎁스, 유형, URL, 우선순위, 메모로 읽어요.
2. 메모까지 읽으면 예외 상황과 개발 순서가 보여요.
3. 내 서비스도 사용자군부터 나눠 보세요.

다음은 화면 설계 보는 법이에요

IA로 화면 목록이 정리되면 각 화면의 생김새를 봐야 해요. 와이어프레임 106개를 한눈에 보는 화면 설계 보는 법에서 이어져요.