기획

IA와 메뉴구조도

an-hayyy 2024. 6. 14. 17:50

InformationArchitecture(정보구조도)

  • 정의 : 웹 또는 어플리케이션이 어떻게 구성되고 어떤 기능의 화면으로 보여주는 지 전체적으로 보여줌. 따라서 전체 구조를 파악하기 용이함.
  • 종류 : 엑셀 형식, 트리 구조(마인드맵)
  • 주요 구성
    - Depth : 화면의 깊이. 메인을 기준으로 서비스 흐름에 따라 1depth, 2depth, 3depth.. 순으로 정의.
    - Type(형태) : 페이지, 팝업, 탭, 링크 등의 화면(스크린) 형태
    - 화면 ID
  • 예시

IA 예시

 

 

메뉴구조도

  • 정의 : 사이트에 구성되어 있는 페이지를 트리형태로 표현한것으로 전체적인 메뉴 정보를 한눈에 알아볼수 있도록 그룹화한 문서. 사이트맵을 떠올리면 됨.
  • 주요 구성
    - Depth : 보통 최대 3depth까지 작성
    - 라벨 : 삭제, 추가, 변경 등 색상 라벨 활용 가능
  • 예시

메뉴구조도 예시

 

 

 

 

참고 : https://yozm.wishket.com/magazine/detail/1606/, https://brunch.co.kr/@applehong/80, https://plavement.tistory.com/27, https://zero-base.co.kr/event/media_insight_contents_PM_IA, https://brunch.co.kr/@dreamit/24

'기획' 카테고리의 다른 글

기획자 UI 기본 용어  (0) 2024.06.19