<aside> 📎

참고 출처

1. Complete Beginner's Guide to Information Architecture — UX Booth — IA의 정의, 구성 요소, 실무 활용법에 대한 입문 가이드입니다.
2. Information Architecture: Study Guide — Nielsen Norman Group — IA와 네비게이션의 관계, 실무에서의 IA 역할을 다루는 NN Group 공식 자료입니다.
3. IA, 메뉴구조도, 화면목록이 헷갈린다면? — 요즘IT — 한국 실무 환경에서 IA 문서가 어떻게 작성·활용되는지 설명한 자료입니다. </aside>

앞의 레슨에서 우리는 PRD로 '무엇을 만들지'를 정의했습니다. 이제 다음 질문은 '어떤 구조로 만들지'입니다. 기능 목록은 있는데 화면이 몇 개나 필요한지, 사 용자가 어떤 경로로 이동하는지 아직 그림이 없습니다. 이번 레슨에서는 프로덕트의 뼈대를 시각화하는 **IA(정보 구조)**를 배웁니다.

IA(Information Architecture)와 유저 플로우

IA란 무엇인가요?

• **IA(Information Architecture, 정보 구조)**는 프로덕트 내의 정보를 어떻게 구성하고 배치할지 계획하는 작업입니다. 서비스의 모든 화면과 기능을 계층 구조로 정리한 설계도입니다.
• 집을 지을 때 설계도(블루프린트)를 먼저 그리듯, 개발을 시작하기 전에 전체 구조를 시각화해 팀 전체가 같은 그림을 보며 일할 수 있게 합니다.
• IA는 개발자, 디자이너, 기획자 모두가 참고하는 공통 언어 역할을 합니다.
  • 개발자는 어떤 화면과 기능을 만들어야 하는지 전체 범위를 파악합니다.
  • 디자이너는 화면 간 이동 흐름과 레이아웃 계층을 설계합니다.
  • 기획자는 빠진 기능이나 중복 구조가 없는지 점검합니다.

IA의 두 가지 형식

트리 구조 IA

• 서비스의 페이지와 기능을 상위-하위 관계(Depth) 로 나타냅니다.
• 보통 3~4 Depth 이내로 구성하며, 깊어질수록 사용자가 찾기 어려워집니다.
• Depth 1: 최상위(홈, 대시보드)
• Depth 2: 주요 카테고리(마이페이지, 검색, 설정)
• Depth 3: 상세 화면(주문 내역, 배송 조회)
• FigJam, draw.io, Google Slides 등으로 시각화합니다.

예시 — 커머스 앱 트리 구조:

홈
├── 상품
│   ├── 전체보기
│   ├── 카테고리별 (의류 / 신발 / 악세서리)
│   └── 특별전 (시즌오프 / 기획전)
├── 마이페이지
│   ├── 주문관리 (주문내역 / 취소·반품 / 배송조회)
│   └── 나의혜택 (쿠폰함 / 포인트 / 회원등급)
└── 고객센터
    ├── 공지사항
    ├── FAQ
    └── 1:1문의

엑셀(스프레드시트) 형식 IA