패스트캠퍼스: UX/UI 디자인(2020) 올인원 패키지
목표
! 명확하고 직관적인 정보 구조 설계
-> 항상 명확한 path 제공
정의
- 제품/서비스를 구성하는 정보, 요소들의 우선순위, 네비게이션, 구조 등을 도식화 한 것
- 정보구조가 잘 서례되어 있어야 정보에 대한 직관적인 접근이 가능하고,
사용자가 정보를 빠르고 쉽게 발견하여 사용자 목표를 달성할 수 있다.
- IA는 서비스의 각 기능이 어떻게 묶여 있는지, 그 안의 콘텐츠는 무엇이 있는지 한 눈에 확인할 수 있어 서비스 전체 그림을 파악하기 쉽다.
서비스 기획 부분에서 매우 중요한 부분
( 정보 구조를 탄탄히 하는 부분 )
: 모바일 앱 서비스의 경우에는 현재 위치한 화면에서 어떤 컨텐츠를 탭하여
디테일 뷰로 들어가는 경우 한 뎁스가 더 들어가게 되고 Back 버튼이 생기게 된다
방식
! 화면 또는 기능의 흐름에서 상하 관계를 고려하는 것이 가장 간단하게 IA에 접근하는 방식
구조 3가지
흔히 접할 수 있는, 주변에서 많이 사용되는
Hierarchical Navigation
우선 순위가 있는 네비게이션
Ex. E-mail
한 화면에서 시작해서 한 뎁스씩 아래로 내려가는 네비게이션
건너편에 있는 다른 패스로 가기 위해서는 처음 시작한 화면으로 되돌아와야 함.
Flat Navigation
여러 카테고리의 컨텐츠간 이동이 가능한 형태
모바일 서비스에서 자주 보이는 구조
탭바가 3-5개 정도 있는 앱에선 탭바, 바텀 네비게이션이 가장 상위 정보구조를 갖게된다. Content-Driven Navigation
컨텐츠 간 이동이 매우 자유로운 구조
컨텐츠 자체가 네비게이션을 결정
Ex. 게임, E-book
Flat 보다 이동의 유연성이 높은 정보 구종
만들고 싶은 거 다 만들 수 있는 그날까지