SlideShare a Scribd company logo
1 of 17
Download to read offline
2019 FALL KAYWON UNIVERSITY OF ART & DESIGN

INDUSTRIAL DESIGN LAB

USER EXPERIENCE

DESIGN
사용자경험디자인2
kwonjeongeun@naver.com

9/27(금)
4강 정보 설계의 이해
/ 171
정보 설계란
팀 과제 진행
Adobe XD 레슨
! / 172
! / 173
Information Architecture, 정보 설계
즉 사용자(페르소나)가
목적(테스크)을 잘 수행할 수 있도록
목적물(서비스)의 구조를 설계하는 데 있다.
정보 설계란?
리처드 사울 워먼
! / 174
성공한 IA
• 신속하게 원하는 정보를 찾을 수 있어
서 사용자의 시간과 비용이 절약된다.
• 좋은 IA로부터 나온 사용자 경험은 브
랜드 가치를 제고시킨다.
실패한 IA
• 사용자는 불편함과 좌절감을 느껴 재
방문을 꺼리게 된다.
• 각인된 실패 경험은 결국 경쟁 사이
트를 찾게 한다.
• 쇼핑몰 등 구매와 연결된 경우에는
수익 문제와 직결된다.
• 목적물의 신뢰성이 하락하고 나아가
브랜드 이미지의 추락과 연결된다.
정보 설계(IA), 왜 중요한가
출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>
! / 175
인류 역사 이래 생산되는 정보의 양
저장 장치로 훌륭하지 않은 뇌
용량이 부족하다.
특정한 유형의 정보만 저장하도록 되어 있다.
저장 기간이 1세기도 되지 않는다.
어떻게 하면 정보를 체계적으로 분류할 수 있을까
빙하시대의 분류법
수메르인들의 문서보관소
그리스인의 도서관
중세의 수도원 도서관
정보와 인간의 뇌
출처 : 유발 하라리 <사피엔스>, 알렉스 라이트 <분류의 역사>
! / 176
예 : 2000년대 초 포털 서비스
! / 177
정보 구조
내비게이션 시스템
레이블링 시스템
콘텐츠 구성
정보 설계(IA), 구성 요소
출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>
! / 178
정보 구조
계층 구조 계열 구조
그리드 구조 네트워크 구조
정보를 어떻게 분류할 것인가
! / 179
3 depth 계층 구조
정보 구조
정보를 어떻게 분류할 것인가
! / 1710
3 depth 계층 구조
정보 구조
정보를 어떻게 분류할 것인가
! / 1711
계열 구조
정보 구조
정보를 어떻게 분류할 것인가
! / 1712
계열 구조
정보 구조
정보를 어떻게 분류할 것인가
! / 1713
Navigation 항해, 항법
즉 사용자가 자신의 목적지를 향해 순항할 수 있도록
도와주는 항해 지도
Internet Explorer
내비게이션 시스템
정보를 어떻게 탐색할 것인가
글로벌 내비게이션
로컬
내비게이션
컨텍스츄얼
내비게이션
내비게이션 시스템
정보를 어떻게 탐색할 것인가
! / 1714
! / 1715
홈 핫 트렌드 베스트 아이템 실시간 이슈 My 환경설정
잇걸
지난 호 보기 패션 지난 아이템 스포티걸 구매내역 로그인 설정
내가 본 상품 뷰티 과거 베스트 빈티지걸 장바구니 이용내역관리
탭 메뉴 헤어 MD 추천 럭셔리걸 찜리스트 어플정보
도시 브랜드별 추천 러블리걸 위시리스트
스타 내가 본 상품
개인정보관리
메뉴 트리
정보 구조
내비게이션 시스템
팀의 정보 설계(IA)는?
! / 1716
1. Menu tree를 설계한다.
2. 화면을 Sketch 한다.
UI Ideation Sheet 활용해서
글로벌 내비게이션을 그리고
홈 화면 및 주요 화면 Sketch 한다.
주요 테스크를 보여 줄 주요 화면들을 Sketch 한다.
3. 1인 1 Sketch 세트를 원칙으로 한다.
예 : 팀 구성원 2명(팀장 포함)이면 2개 Sketch 세트
4. Sketch 완료 후, 팀원 피드백을 받는다.
5. 저와 팀 미팅을 하면서 최종안을 다듬는다. - (다음 주, 10/4(금))
Sketch
끝.
다음 주 과제 : 팀 스케치 완료하기
/ 1717
kwonjeongeun@naver.com

More Related Content

Similar to 4th.lecture.what.is.information.architecture 20190927

3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용
승원 서
 
Sopt9 4차세미나 발표자료
Sopt9 4차세미나 발표자료Sopt9 4차세미나 발표자료
Sopt9 4차세미나 발표자료
Anuk Lee
 
최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font
Young Choi
 
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
ideaguide
 

Similar to 4th.lecture.what.is.information.architecture 20190927 (20)

5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf
 
4th.lecture.service.design.process
4th.lecture.service.design.process4th.lecture.service.design.process
4th.lecture.service.design.process
 
7th.lecture.step5.prototyping.20181012
7th.lecture.step5.prototyping.201810127th.lecture.step5.prototyping.20181012
7th.lecture.step5.prototyping.20181012
 
Information Architecture
Information ArchitectureInformation Architecture
Information Architecture
 
2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI 2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용
 
Sopt9 4차세미나 발표자료
Sopt9 4차세미나 발표자료Sopt9 4차세미나 발표자료
Sopt9 4차세미나 발표자료
 
UX/UI의 이해와 도전
UX/UI의 이해와 도전UX/UI의 이해와 도전
UX/UI의 이해와 도전
 
Lecture 2 afternoon session
Lecture 2 afternoon sessionLecture 2 afternoon session
Lecture 2 afternoon session
 
5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf
 
최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font최영현 강의 개요 및 교안샘플 배포용_font
최영현 강의 개요 및 교안샘플 배포용_font
 
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
 
4th.lecture.interface.design.process
4th.lecture.interface.design.process4th.lecture.interface.design.process
4th.lecture.interface.design.process
 
5th.lecture.what.is.information.architecture
5th.lecture.what.is.information.architecture5th.lecture.what.is.information.architecture
5th.lecture.what.is.information.architecture
 
8th.lecture.about.good.user.uxperience 20191122
8th.lecture.about.good.user.uxperience 201911228th.lecture.about.good.user.uxperience 20191122
8th.lecture.about.good.user.uxperience 20191122
 
강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_font강의 개요 및 교안 2013 4차수_font
강의 개요 및 교안 2013 4차수_font
 
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
Social AI ‘핑퐁‘의 개발 사례를 통해 AI 디자이너 알아보기
 
13.ux design
13.ux design13.ux design
13.ux design
 
[비즈스프링] BizSpring Insight™ - 엔터프라이즈 웹로그분석 솔루션
[비즈스프링] BizSpring Insight™ - 엔터프라이즈 웹로그분석 솔루션[비즈스프링] BizSpring Insight™ - 엔터프라이즈 웹로그분석 솔루션
[비즈스프링] BizSpring Insight™ - 엔터프라이즈 웹로그분석 솔루션
 
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
 

More from Jeongeun Kwon

More from Jeongeun Kwon (20)

DesignThinking_10th.Lecture.Step.1.Empathize.pdf 자료
DesignThinking_10th.Lecture.Step.1.Empathize.pdf 자료DesignThinking_10th.Lecture.Step.1.Empathize.pdf 자료
DesignThinking_10th.Lecture.Step.1.Empathize.pdf 자료
 
DesignThinking_9th.Lecture.Understanding.Design.Thinking.pdf 자료
DesignThinking_9th.Lecture.Understanding.Design.Thinking.pdf 자료DesignThinking_9th.Lecture.Understanding.Design.Thinking.pdf 자료
DesignThinking_9th.Lecture.Understanding.Design.Thinking.pdf 자료
 
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdfDT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
 
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
 
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
 
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
 
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
 
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
 
DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료
 
14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf
 
13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
 
6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf
 
3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf
 
2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf
 
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
 
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
 
8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf
 

4th.lecture.what.is.information.architecture 20190927

  • 1. 2019 FALL KAYWON UNIVERSITY OF ART & DESIGN INDUSTRIAL DESIGN LAB USER EXPERIENCE DESIGN 사용자경험디자인2 kwonjeongeun@naver.com 9/27(금) 4강 정보 설계의 이해 / 171
  • 2. 정보 설계란 팀 과제 진행 Adobe XD 레슨 ! / 172
  • 3. ! / 173 Information Architecture, 정보 설계 즉 사용자(페르소나)가 목적(테스크)을 잘 수행할 수 있도록 목적물(서비스)의 구조를 설계하는 데 있다. 정보 설계란? 리처드 사울 워먼
  • 4. ! / 174 성공한 IA • 신속하게 원하는 정보를 찾을 수 있어 서 사용자의 시간과 비용이 절약된다. • 좋은 IA로부터 나온 사용자 경험은 브 랜드 가치를 제고시킨다. 실패한 IA • 사용자는 불편함과 좌절감을 느껴 재 방문을 꺼리게 된다. • 각인된 실패 경험은 결국 경쟁 사이 트를 찾게 한다. • 쇼핑몰 등 구매와 연결된 경우에는 수익 문제와 직결된다. • 목적물의 신뢰성이 하락하고 나아가 브랜드 이미지의 추락과 연결된다. 정보 설계(IA), 왜 중요한가 출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>
  • 5. ! / 175 인류 역사 이래 생산되는 정보의 양 저장 장치로 훌륭하지 않은 뇌 용량이 부족하다. 특정한 유형의 정보만 저장하도록 되어 있다. 저장 기간이 1세기도 되지 않는다. 어떻게 하면 정보를 체계적으로 분류할 수 있을까 빙하시대의 분류법 수메르인들의 문서보관소 그리스인의 도서관 중세의 수도원 도서관 정보와 인간의 뇌 출처 : 유발 하라리 <사피엔스>, 알렉스 라이트 <분류의 역사>
  • 6. ! / 176 예 : 2000년대 초 포털 서비스
  • 7. ! / 177 정보 구조 내비게이션 시스템 레이블링 시스템 콘텐츠 구성 정보 설계(IA), 구성 요소 출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>
  • 8. ! / 178 정보 구조 계층 구조 계열 구조 그리드 구조 네트워크 구조 정보를 어떻게 분류할 것인가
  • 9. ! / 179 3 depth 계층 구조 정보 구조 정보를 어떻게 분류할 것인가
  • 10. ! / 1710 3 depth 계층 구조 정보 구조 정보를 어떻게 분류할 것인가
  • 11. ! / 1711 계열 구조 정보 구조 정보를 어떻게 분류할 것인가
  • 12. ! / 1712 계열 구조 정보 구조 정보를 어떻게 분류할 것인가
  • 13. ! / 1713 Navigation 항해, 항법 즉 사용자가 자신의 목적지를 향해 순항할 수 있도록 도와주는 항해 지도 Internet Explorer 내비게이션 시스템 정보를 어떻게 탐색할 것인가
  • 15. ! / 1715 홈 핫 트렌드 베스트 아이템 실시간 이슈 My 환경설정 잇걸 지난 호 보기 패션 지난 아이템 스포티걸 구매내역 로그인 설정 내가 본 상품 뷰티 과거 베스트 빈티지걸 장바구니 이용내역관리 탭 메뉴 헤어 MD 추천 럭셔리걸 찜리스트 어플정보 도시 브랜드별 추천 러블리걸 위시리스트 스타 내가 본 상품 개인정보관리 메뉴 트리 정보 구조 내비게이션 시스템 팀의 정보 설계(IA)는?
  • 16. ! / 1716 1. Menu tree를 설계한다. 2. 화면을 Sketch 한다. UI Ideation Sheet 활용해서 글로벌 내비게이션을 그리고 홈 화면 및 주요 화면 Sketch 한다. 주요 테스크를 보여 줄 주요 화면들을 Sketch 한다. 3. 1인 1 Sketch 세트를 원칙으로 한다. 예 : 팀 구성원 2명(팀장 포함)이면 2개 Sketch 세트 4. Sketch 완료 후, 팀원 피드백을 받는다. 5. 저와 팀 미팅을 하면서 최종안을 다듬는다. - (다음 주, 10/4(금)) Sketch
  • 17. 끝. 다음 주 과제 : 팀 스케치 완료하기 / 1717 kwonjeongeun@naver.com