[기획] IA 공부하기

💡 시작하기

🖌️ IA(Information Architecture) ? 웹 · 앱 구축 시 필요한 화면과 메뉴의 정보 구조를 설계 및 정의하는 문서

• 정보의 구조화를 통해 사용자가 어떤 목표를 달성하기까지 필요한 화면들의 흐름을 시각화함

0️⃣ IA 구성 시 고려해야 할 사항 3가지

• USER
  • 사용자가 기존에 어떠한 경험을 가지고 있는지
    • 사용자는 왜 이 서비스를 이용하려고 하며, 서비스를 통해 얻고자 하는 것이 무엇인지
    • 사용자가 서비스를 이용하는 도중 어떤 행동 패턴을 보이는지
• CONTENTS
  • 서비스에서 제공하는 컨텐츠가 공급자 중심인지 사업자 중심인지
  • 컨텐츠의 이름이 사용자가 인지하고 있는 이름인지
• SCENARIO
  • 정보의 시나리오는 어떻게 전달이 되어야 하는지

1️⃣ Depth 이해하기

IA에서의 depth : 서비스의 주요 기능을 사용하기 위해 실행해야 하는 행위가 얼마나 발생하는가? 의 수치

Step vs Depth

• Step은 단계에 해당하므로, Depth 구조에서 하위로 내려가지 않음
  • Step은 그 스텝이 필요한 기능의 바로 다음 depth에 작성됨

ex) 발전사업자 등록

---

발전사업자 등록의 과정은 총 3개의 step을 거침

- 사업자등록번호 입력 → 인증서 등록 → 데이터 동기화

1 depth	2 depth	3 depth
발전사업자 등록	사업자등록번호 입력	사업자 이름, 위치 등 조회
	인증서 등록	인증서 등록 프로그램 설치
		인증서 파일 찾기
		인증서 비밀번호 입력
	데이터 동기화

2️⃣ 스크린 타입 정의하기

• Page 화면 그 자체에서 제공되는 화면
• Popup : 사용자의 이벤트로 인해 Page 내에서 새롭게 열리는 화면
  • popup, dialog, alert 등을 한 번에 칭하기도 함
• Tab: 같은 Page 안에서의 정보 분기를
• Link : 다른 화면으로 이동시키는 연결 지점

3️⃣ IA 표현 방식 정하기

트리형 vs 엑셀형

• 트리형: 화면 간 구조와 Depth를 직관적으로 파악하기 좋음

  

• 엑셀형: 화면별 속성(타입, 권한, 정책 등)을 상세히 관리하기 좋음

  

⇒ 전체 구조와 사용자 이동 흐름을 한눈에 보여주는 것이 중요하다고 판단하여 트리형을 선택했다.

필요한 화면 속성이나 정책은 별도의 문서로 보완할 예정이다.

💡유의사항

📌 사용자 입장에서 고려해야 한다

사용자가 우리의 서비스를 편하게 사용하고 이해하기 쉽게 하기 위한 IA를 짜는 것이 굉장히 중요함!!!!!!

📝 정리

🔗 참고

IA 정보구조도 설계 첫번째 :: Depth 이해하기

IA는 Information Architecture 의 줄임말로 우리말로는 정보구조도라고 합니다. 이 단계에 들어서면 프로젝트의 단계가 설계에 들어섰다는 것을 의미합니다. 본격적인 학습에 들어가기 전에 한가지 알아두면 좋은 것은 IA는 한 번에 완성하기 어렵다는 것입니다. 특히나 새로운 서비스를 만드는 중이라면 이 IA는 여러번의 업데이트를 거쳐서 완

brunch.co.kr

국내최초 취업정보회사 - 제로베이스

단 한 번의 가입으로 취업 · 이직 고민을 한 번에 해결하는 초개인화 맞춤형 취업 서비스, 오직 당신만을 위한 1:1 취업 전략을 설계합니다.

zero-base.co.kr