Information Architectur(IA)

PromptAction·2024년 8월 5일

프론트엔드

목록 보기
10/16

I.A가 뭐에요?

IA = Information Architectur = 정보 구조도

서비스의 목차.

웹, 어플리케이션이 어떻게 구성되는지 보여주며 어떤 기능의 화면으로 보여지는지를 전체적으로 보여주는 도구.

개발자와 디자이너가 편하게 작업할 수 있도록 만든 문서이기도 하며 기존 웹 사이트처럼 복잡한 구조에서 사이트의

짜고 콘텐츠 구성 뿐만 아니라, 디자인, 개발 일정관리도 통합해서 진행할 수 있기 때문에 중요한 역할을 한다.

개발 페이지 목록의 역할이 강해지는 추세.

그럼 어떻게 작성해야 하나요?

I.A 설계는 User(사용자), Contents(컨텐츠), Scenario(시나리오) 3가지를 고려하여 작성한다.

사용자

  • 사용자가 기존에 어떤 경험을 가지고 있는가
  • 우리 서비스에 왜 방문하고 어떤 것을 얻고자 하는가
  • 사용자는 이용 중에 어떠한 패턴을 보이는가

컨텐츠

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

시나리오

  • 정보의 흐름이 어떤 방향으로 전달되어야 하는가

I.A의 종류

웹사이트, 모바일에 따라 I.A의 기본적 구조가 달라지긴 하지만 보여지는 모양에 따라 크게 트리 구조와 엑셀 형식으로 나뉜다.

트리 구조

  • 마인드맵이나 트리 구조를 이용해 동선 별 화면 구조를 정의한다. 직관적인 구조의 장점이 있다. 구조의 깊이(Depth)는 최소화 한다.

엑셀 구조

  • 체계적으로 데이터가 정리되어 있는 데이터 조직화로 인해 쉽게 찾고 이해가 가능하다. 또 가독성 향상과 필터링 정렬을 할 수 있는 장점이 있다. 데이터 분석 도구 활용이 가능하며 대량의 정보를 다를 수 있다.

그치만 결국 정보 구조도 작성에 있어서 뭐가 맞다고 정답은 없다. 결국 상황에 맞게, 역할에 맞게 구성하는 것이 가장 중요하다.

들어가야 할 내용은 도메인, 개발 언어, 호스팅, 개발 기한 정도가 들어간다. Depth, Tab/Sub Flow, Code, 페이지 정의, 요구사항, 세부 사항, Page, 개발 구분, 논의 사항으로 구성하고 완성한다.

0개의 댓글