주요 화면을 스케치한다. 주요 테스크의 흐름을 스케치한다.

1. 2019 FALL KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인2
kwonjeongeun@naver.com
10/4(금)
5강 정보 설계의 이해 2
/ 151

2. 복습
팀 과제 진행
Adobe XD 레슨
/ 152

3. 메뉴 트리기능 리스트주요 특징서비스 컨셉
/ 153
UI 디자인
정보 설계 단계서비스 정의 단계

4. 프로토타이핑와이어프레임스케치플로우 차트
/ 154
No color
UI 디자인

5. / 155
Information Architecture
정보 설계란?
누규
UXD 정보 이해= =

6. / 156
성공한 IA
• 신속하게 원하는 정보를 찾을 수 있어
서 사용자의 시간과 비용이 절약된다.
• 좋은 IA로부터 나온 사용자 경험은 브
랜드 가치를 제고시킨다.
실패한 IA
• 사용자는 불편함과 좌절감을 느껴 재
방문을 꺼리게 된다.
• 각인된 실패 경험은 결국 경쟁 사이
트를 찾게 한다.
• 쇼핑몰 등 구매와 연결된 경우에는
수익 문제와 직결된다.
• 목적물의 신뢰성이 하락하고 나아가
브랜드 이미지의 추락과 연결된다.
정보 설계(IA), 왜 중요한가
출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>

7. / 157
인류 역사 이래 생산되는 정보의 양
저장 장치로 훌륭하지 않은 뇌
용량이 부족하다.
특정한 유형의 정보만 저장하도록 되어 있다.
저장 기간이 1세기도 되지 않는다.
어떻게 하면 정보를 체계적으로 분류할 수 있을까
빙하시대의 분류법
수메르인들의 문서보관소
그리스인의 도서관
중세의 수도원 도서관
잠깐! 정보와 인간의 뇌
출처 : 유발 하라리 <사피엔스>, 알렉스 라이트 <분류의 역사>

8. / 158
정보 구조
내비게이션 시스템
레이블링 시스템
콘텐츠 구성
정보 설계(IA) 잘 하려면, 구성 요소
출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>

9. / 159
3 depth 계층 구조
정보 구조
정보를 어떻게 분류할 것인가

10. / 1510
계열 구조
정보 구조
정보를 어떻게 분류할 것인가

11. / 1511
Navigation 항해, 항법
즉 사용자가 자신의 목적지를 향해 순항할 수 있도록
도와주는 항해 지도
Internet Explorer
내비게이션 시스템
정보를 어떻게 탐색할 것인가

12. 글로벌 내비게이션
로컬
내비게이션
컨텍스츄얼
내비게이션
내비게이션 시스템
정보를 어떻게 탐색할 것인가
/ 1512

13. / 1513
홈 핫 트렌드 베스트 아이템 실시간 이슈 My 환경설정
잇걸
지난 호 보기 패션 지난 아이템 스포티걸 구매내역 로그인 설정
내가 본 상품 뷰티 과거 베스트 빈티지걸 장바구니 이용내역관리
탭 메뉴 헤어 MD 추천 럭셔리걸 찜리스트 어플정보
도시 브랜드별 추천 러블리걸 위시리스트
스타 내가 본 상품
개인정보관리
기능 리스트
메뉴 트리
정보 구조
내비게이션 시스템
팀의 정보 설계(IA)는?
추상
실제

14. / 1514
1. 우측 상단에 날짜, 이름, 메뉴명(화면)을 적는다.
2. 서비스의 큰 구조(글로벌 네비게이션)에 대한 여러 안을 잡는다.
3.첫 화면과 주요 화면에 글로벌 네비게이션 적용 및
로컬 네비게이션과 콘텐츠를 상세하게 Sketch 한다.
4. 주요 테스크 플로우를 알 수 있게 여러 화면을 Sketch 한다.
5. 1인 1Sketch 완료 후, 팀원 피드백을 주고 받는다.
6. 팀 최종안을 다시 스케치해서 저와 팀 미팅.
Sketch, 큰 구조 -> 상세

15. 끝.
다음 주 과제 : 팀 스케치 완료하기
/ 1515
kwonjeongeun@naver.com