I.A(Information Architecture) 개념 및 작성법 공부

 

안녕하세요. 기깔나는 사람들에서 디자인을 맡고있는 세현입니다.

IA 개념과 작성법에 대해 알아보겠습니다

---

개념

고양이 모형으로 작성한 IA 예시

• 서비스 목차
• 서비스의 구조를 페이지 및 섹션, Depth를 기준으로 확인하는 문서
  • Depth: 화면의 깊이를 뜻하며, 정보구조도의 핵심 요소. 화면 흐름에 따라 1Depth, 2 Depth, 3 Depth 순으로 정의.
  • Depth가 깊다 = 최종 목표까지 거쳐야 할 단계가 많다
  • 서비스 구축 시 Depth가 깊지 않도록 하는 것을 권장.
• 서비스 메뉴 분류 구조를 중심으로 설계 정보를 하이라키(hierarchy) 계층으로 설명한 것
• 웹 혹은 어플리케이션이 어떻게 구성되는지 보여주며 어떤 기능의 화면으로 보여지는지를 전체적으로 보여주는 도구
• 개발자와 디자이너가 편하게 작업할 수 있도록 만든 문서
• 형태는 화면의 형태를 구분하며, 보통 일반 페이지, 팝업, 탭, 링크 등으로 구분
• 개발 구분은 개발의 우선 순위를 구분할 수 있음
• 개발이 필요한지, 단순 콘텐츠 화면인지 파악하여 설계의 우선순위를 설정함

 

 

---

주요 항목과 작성 예시

예시 작성

1. 화면의 Depth : 트리구조 내 구조 깊이
2. 페이지명 또는 화면 ID(규칙으로 정의)
3. 페이지 설명
4. 담당자 구분 : 디자인/개발/어드민
5. 개발 완료 여부: Y/N

 

해당 목록 역시 프로젝트 성격에 따라 달라질 수 있음.

 

---

작성 시 고민할 내용

1. User

• 사용자가 기존에 어떤 경험을 가지고 있는가?
• 서비스에 왜 방문하고 어떤 것을 얻고자 하는가?
• 사용자는 이용 중에 어떤 것을 얻고자 하는가?

2. Contents

• 콘텐츠의 중요도가 공급자 중심인가 사용자 중심인가?
• 사용자가 인지하고 있는 네이밍인가?

3. Scenario

• 정보의 시나리오는 어떻게 전달되어야 하는가?

---

IA 패턴

1. 계층 패턴(Hierarchy pattern)

• 하향식 범주형 트리
• 상위 페이지를 통해 하위 수준에 엑세스하는 패턴
• 복잡한 콘텐츠 구조에 적합

2. 탭패턴(Taps pattern)

• 앱 서비스의 구조 형태
• 탭이나 도구모음을 빠르게 스캔하여 이해시켜주는 패턴
• 멀티태스킹 가능

3. 허브앤스포크패턴 (Hub & Spoke Pattern)

• 중앙 인덱스페이지에서 구조 탐색
• 섹션 간 빠른 전환이 어려움
• 모바일 환경에서 주로 사용

 

---

참고자료

📖 - 헬로, 핀테크! 서비스기획워크북