기획자가 이건 할 줄 알아야지?-메뉴구조도

02. 메뉴구조도

메뉴구조도 - 서비스 전체를 구성하는 페이지들의 구성도

Why?

- 제안서 작성을 위한 사전 조사

- 서비스의 신규/리뉴얼 구축 

- 단계별 메뉴의 구조 파악

How?

- 정해진 양식이 없고 목적에 따라 필요한 내용이 다를 수 있음(필수 내용: ID, Depth)

- 기존 서비스들의 사이트맵을 참고하면 수월

- 사용자의 편의성, 메뉴 간 관계성을 고려하여 작성

1. 개정이력

개정이력 샘플

- 개정일, 작성자, 개정내용 작성

- 버전을 표기할 경우 버전업 가이드에 맞춰 표기해야 함

2. ID부여

ID: 메뉴별 코드 + 숫자

- 각각의 화면은 고유한 ID를 가져야 함

- 개발 완료된 화면의 ID는 C-R-U-D의 영향을 받지 않고 삭제, 변경되지 않아야 함

- 메뉴별 코드 + 숫자로 표기하는 게 일반적인 경우

3. 메뉴구조도 작성

메뉴구조도 샘플

- 같은 Depth의 화면인지(탭 등) 다른 Depth의 화면인지 확인 필요

- 팝업, 화면의 구분 필요

- 화면 ID는 중복될 수 없음

- 필요 목적에 따라 기능 여부, 개발 여부, 버튼 유무 등 다양한 분류를 나눌 수 있음

---

간혹 화면목록과 메뉴구조도, 그리고 정보구조도(IA)를 헷갈려하는 경우가 있는데 이들의 내용과 작성여부는 프로젝트마다, 작성자마다, 수행사 및 발주사마다 다를 수 있기 때문에 반드시 작성되어야 할 필요도, 반드시 어떤 내용이 들어가야 할 필요도 없다. 

하지만, 적어도 잘 짜인 메뉴구조도를 작성한다면 구현 단계에서 발생할 수 있는 오류를 줄일 수 있고, 화면에 대한 전반적인 파악이 수월, 이해관계자들과 원활하고 여유로운 소통이 가능하다는 점을 참고하자.