1.
UX DESIGN I

2.
1999 20142002 2004 2007 2010 2013
이상용
UX DESIGNER
UI / GUI / IxD / Infographics

3.
What is Design?

4.
Graphic Design?

5.
Graphic Design?

6.
Design
1. (건물, 책, 기계 등의) 디자인(된 형태)
2. 디자인(술), 설계(법)
3. 설계도, 도안

7.
UX Design
}
UI
Visual
IA
Interaction

8.
UX Design
Interaction
InformationArchitecture
Strategy
System
Function
contents

9.
UI가 사용하기 편해졌네요
인터렉션이 명확하네요
UI / UX 가 좋네요
유엑스가 좋네요… 유엑스가 불편하네요
이번에 새로운 UX로 무장했습니다

10.
user experience design
cognition
behaviorusability

11.
cognition
behaviorusability
user experience design

12.
lamborghini gallardo
380,000,000원

13.
lamborghini gallardo
380,000,000원

14.
? ??

15.
? ?
by segment

16.
?
by segment + context

17.
by segment + context + purpose

18.
user experience design
디자인의 관점을
사용자 입장에서 선행으로 보며
그에 따른 숨은 니즈를 발견하여
소프트웨어, 공공장소, 서비스 등
광범위하게 적용
화면 개선 등의 단순한 변화가 아닌
근본적인 사용자가 원하는 목표를 발굴하여
제공하는 것이 근본 취지이며
사용자 관점에서
Service, Contents UI, IxD, IA 등을
설계 및 발굴
사용자가 진정으로 좋아하고 즐기며
소비할 수 있는 니즈 발굴이
UX의 근본 목표

19.
https://www.facebook.com/uxdseoul/posts/601108969902221
Peter Merholz는 정보설계 디자인, 인터렉션 디자인 이외에 모든
문제를 해결하는 해결사로 근무해오다
어느날 본인 스스로 자문해 보니 자신이 하는일은 사용자 경험이란
결론에 도달했고
당시 이메일로 연락하던 당시 애플에 근무하던 돈 노먼(최초로 UX
란 단어를 정의한 사람)한테 메일이 왔다고 합니다.
"제가 새로운 정의를 수립했는데 그것은 human interface,
usability 등의 진부한 것들이 아닌 모든것을 포함하고 산업디자인,
그래픽 디자인, 인터페이스 인터렉션등 모든것을 총망라한 사용자
경험 시스템을 만들려고 합니다.“
1998년 돈 노먼

20.
최적의 이용환경 설계
WHAT CAN YOU GET THRU UX DESIGN?

21.
쉽고 편리한 경험 제공
WHAT CAN YOU GET THRU UX DESIGN?

22.
브랜드 선호도 증대
WHAT CAN YOU GET THRU UX DESIGN?

23.
현실적인 니즈반영
WHAT CAN YOU GET THRU UX DESIGN?

24.
효과적인 협업지원
WHAT CAN YOU GET THRU UX DESIGN?

25.
거버넌스효과 증대
WHAT CAN YOU GET THRU UX DESIGN?

26.
UX
DESIGN
PROCESS

27.
Objective Goal
UX
DESIGN
PROCESS

28.
Objective Goal
목표는 명확해야만 한다
UX
DESIGN
PROCESS

29.
Context
UX
DESIGN
PROCESS

30.
Context
최종 사용자 레벨에서 경험하는 시스템, 서비스 환경 이해
<
보고 들음에서 경험하는 한계 최종 사용자 레벨에서 직접 경험
UX
DESIGN
PROCESS

31.
Research
UX
DESIGN
PROCESS

32.
Research
상황에 맞는 여러 다양한 기법의 리서치를 통해
사용자들이 가진 컨텍스트, 태도, 동기, 니즈, 이용행태 등을 수집
설문조사 관찰조사 벤치마킹
인터뷰 사용성 카드소팅
UX
DESIGN
PROCESS

33.
Analyze
UX
DESIGN
PROCESS

34.
Analyze
여러가지 기법을 통해 사용자 경험요소 분석
퍼소나 멘탈 모델링
어피니티
다이어그램
유저 시나리오
UX
DESIGN
PROCESS

35.
어피니티 다이어그램:
질적 데이타 분석(Qualitative Data Analysis)
데이터 그룹핑 = 패턴 분석
UX
DESIGN
PROCESS

36.
퍼소나:
어떤 혹은 서비스를 사용할 만한 목표 집단
안에 있는 다양한 유형들을 대표하는 가상의
인물
UX
DESIGN
PROCESS

37.
유저시나리오:
사용자가 제품 혹은 서비스를 사용할때
대표하는 시나리오
UX
DESIGN
PROCESS

38.
멘탈 모델링:
사용자가 제품 혹은 서비스를 사용할때
사용자의 사고과정 구조화
UX
DESIGN
PROCESS

39.
UX Value
UX
DESIGN
PROCESS

40.
UX Value
컨텍스트 분석, 사용자 리서치, 사용자 경험 분석 등을 통한
사용자 경험가치(UX Value) 도출
창의적 사고 브레인스토밍비주얼씽킹
UX
DESIGN
PROCESS

41.
Strategy
UX
DESIGN
PROCESS

42.
Strategy
경험가치들을 종합적으로 분석 후 시스템 혹은 서비스 전략 수립
구현 가능성 및 타당성이
검증 된 사용자 니즈 기반
고객사와 사용자 간의
합리적 해결책 수립
시스템 및 전략 기획 담당자
와의 동반 전략 수립
UX
DESIGN
PROCESS

43.
Prototype
UX
DESIGN
PROCESS

44.
Prototype
전략 수립을 통해 나온 UX Value 설계
UI, Visual design, Process, IxD(인터렉션디자인), IA(정보디자인)
와이어 프레임 페이퍼 Drag & Drop
UX
DESIGN
PROCESS

45.
Prototype
전략 수립을 통해 나온 UX Value 설계
UI, Visual design, Process, IxD(인터렉션디자인), IA(정보디자인)
테스트 피드백
리디자인
UX
DESIGN
PROCESS

46.
UX framework
UX
DESIGN
PROCESS

47.
UX framework
사용자 기반의 프로세스, 서비스, 컨텐츠, 인터페이스 등의
모든 요소를 포함한 UX 가이드라인 및 프레임워크
UI guide
Visual guide
Ix guide
IA guide
UX
DESIGN
PROCESS
+

48.
UX is Science

49.
인문학행동 경제학인지 심리학

50.
정해진 규칙 혹은 근거 없이 어떤것에 대한 특정 반응을 보이는건
사용자도 모르게 패턴을 만들고 있기 때문
Cognition behavior
인지 심리학 Cognitive psychology

51.
행동 경제학 Behavioral economics
신문사가 100명의 아름다운 미인을 게재하면서 현상응모를 함.
가장 이쁜 여자로 뽑힌 사람를 선택한 사람에게 상을 준다는것,
응모자들은 자신의 판단보다는
다른 사람들이 객관적으로 이쁘다고 생각하는 사람에게 투표
케인즈의 미인투표이론은 주식시장의 투자자형태를 설명한 사례
주식시장의 투자자들은
'정말 좋은 기업이라서 투자하기보단 다른 사람 모두 그 회사의 주식을 살거라 예상‘
하기 때문에 주식을 사는 행위라 함.

52.
인문학 Humanities
아이스크림 =
시원하다
달다
녹는다
난 이걸 먹어서 기분이 좋아
맛있다
달다
차다

53.
Being Creative

54.
Knowledge Experience Creativity

55.
지식의 넒이
t-shaped thinker 다양한 각도에서 사고를 바라보는 가치
지식의깊이

56.
창의적 사고란?
문제를 다른시각에서 본다
다양한 관점에서 바라본다
문제를 거꾸로 뒤집어 보기
정보를 합쳐보기
다른 학문/분야 접하기
제한을 통제한다
디테일에 감사해라
보이지 않는 기회를 그려라
Russ Unger

57.
case study

58.
Alert Dialogs

59.
Screen has captured
Alert Dialogs

60.
Integer Input filed

61.
contents

62.
ICONS

63.
Deborah Adler

64.
10 liter 4 hours

65.
50 liter

66.
MRI, CT, X-RAY for CHILDREN

67.
IDEO 5-step 디자인 프로세스
관찰 브레인스토밍
신속한
프로토타이핑
재가공 실행

68.
Nudge Effect
넛지(nudge)는 ‘옆구리를 슬쩍 찌른다’는 뜻으로 어떠한 목적을 가지고
있을 때 이를 강요하지 않고 부드러운 개입을 통해 타인의 선택을 유도

69.
80%

70.
Design is really about solving problems
관찰하는 습관 T자형 인간 폭넓은 사고
T
디테일

71.
www.facebook.com/UXDSEOUL

72.
이상용
ultra0034@gmail.com
010-9190-7792
*악플사절
이미지 및 레퍼런스 출처: Google image
thenounproject
meta4.design lab
Q drum
행동경제학(도모노 노리오)
joonmeedia
착한문서
IDEO
Critical thinking for UX designers
PP3