웹/모바일 I.A(Information Architecture, 정보구조도)

I.A(Information Architecture)란?

웹/모바일 서비스 구축 시 필요한 화면과 메뉴의 정보 구조도를 설계한 문서이다. 서비스의 전체적인 설계를 메뉴를 분류 및 그룹화하여 Depth 구조로 나타내고, 이를 구조화된 형태로 볼 수 있다. 서비스를 기획하기 전, IA를 통해 설계 구조를 전반적으로 정리할 수 있다.

IA의 기본적인 형태

 

IA에 꼭 포함되어야 하는 요소는 정해져 있지 않다. 하지만 일반적으로는 다음의 내용을 포함해서 기술한다.

• 분류
• 서비스 Depth
• 화면 ID
• 페이지 정의
• 페이지 요구사항
• 세부 사항

현재 진행하는 프로젝트에서 기능명세서를 작성했었다.

2024.03.20 - [PM] - [프로젝트] 기능 명세서 작성하기 (1)

[프로젝트] 기능 명세서 작성하기 (1)

 

작성했던 기능명세서가 한 장의 문서로 되어있어 서비스의 구조 파악이 어렵기 때문에, 개발자•디자이너가 서비스의 구조를
쉽게 파악하기 위해 기능명세서 작성 후 IA 작성을 하기로 했다.

 

다음은 Figma를 이용하여 작성한 IA의 일부분이다.

진행중인 프로젝트의 IA 일부분

기존의 기능명세서와 비교했을 때, 서비스 구조를 더 쉽게 파악할 수 있다는 장점이 있다.

하지만 세부적인 명세사항은 작성하지 않았기 때문에, 기능명세서와 IA를 잘 참고하면서 개발 및 디자인을 진행해야 될 것이다.