76
UX DESIGN I

사용자경험 이야기 요약본

Embed Size (px)

DESCRIPTION

비주얼로 풀어보는 사용자경험 디자인 요약본 입니다. 2014년 8월 16일 공간더하기에서 진행한 사용자 경험 강의 내용 일부 입니다. 전체 자료는 170페이지 정도 되나 여기에선 간단하게 어떤 내용인지 알 수 있도록 요약본으로 정리했습니다. 본 요약본은 비주얼 기반으로 이해하기 쉽게 구성되어 있어 사용자 경험을 누구보다도 쉽게 받아 들이고 이해하실 수 있습니다. 디자이너 마케터 기획자 스타트업 종사자들 분께 많은 도움이 되시리라 봅니다. 궁금하신 분은 [email protected] / 010-9190-7792 로 연락주시면 좋겠습니다.

Citation preview

Page 1: 사용자경험 이야기 요약본

UX DESIGN I

Page 2: 사용자경험 이야기 요약본

1999 2014 2002 2004 2007 2010 2013

이상용

UX DESIGNER UI / GUI / IxD / Infographics

Page 3: 사용자경험 이야기 요약본

What is Design?

Page 4: 사용자경험 이야기 요약본

Graphic Design?

Page 5: 사용자경험 이야기 요약본

Graphic Design?

Page 6: 사용자경험 이야기 요약본

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

Page 7: 사용자경험 이야기 요약본

UX Design } UI

Visual IA

Interaction

Page 8: 사용자경험 이야기 요약본

UX Design

Inte

ra

ctio

n

Info

rm

atio

n A

rch

itectur

e

Infographics

Strategy

System

Fun

ction

con

ten

ts

Page 9: 사용자경험 이야기 요약본

UI가 사용하기 편해졌네요 인터렉션이 명확하네요

UI / UX 가 좋네요

유엑스가 좋네요… 유엑스가 불편하네요

이번에 새로운 UX로 무장했습니다

Page 10: 사용자경험 이야기 요약본

user experience design

cognition behavior usability

Page 11: 사용자경험 이야기 요약본

cognition behavior usability

user experience design

Page 12: 사용자경험 이야기 요약본

lamborghini gallardo 380,000,000 원

Page 13: 사용자경험 이야기 요약본

lamborghini gallardo 380,000,000 원

Page 14: 사용자경험 이야기 요약본

? ? ?

Page 15: 사용자경험 이야기 요약본

? ?

by segment

Page 16: 사용자경험 이야기 요약본

?

by segment + context

Page 17: 사용자경험 이야기 요약본

by segment + context + purpose

Page 18: 사용자경험 이야기 요약본

user experience design

디자인의 관점을 사용자 입장에서 선행으로 보며 그에 따른 숨은 니즈를 발견하여 소프트웨어, 공공장소, 서비스 등

광범위하게 적용

화면 개선 등의 단순한 변화가 아닌 근본적인 사용자가 원하는 목표를 발굴하여

제공하는 것이 근본 취지이며 사용자 관점에서

Service, Contents UI, IxD, IA 등을 설계 및 발굴

사용자가 진정으로 좋아하고 즐기며 소비할 수 있는 니즈 발굴이

UX의 근본 목표

Page 19: 사용자경험 이야기 요약본

https://www.facebook.com/uxdseoul/posts/601108969902221

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

Page 20: 사용자경험 이야기 요약본

최적의 이용환경 설계

WHAT CAN YOU GET THRU UX DESIGN?

Page 21: 사용자경험 이야기 요약본

쉽고 편리한 경험 제공

WHAT CAN YOU GET THRU UX DESIGN?

Page 22: 사용자경험 이야기 요약본

브랜드 선호도 증대

WHAT CAN YOU GET THRU UX DESIGN?

Page 23: 사용자경험 이야기 요약본

현실적인 니즈반영

WHAT CAN YOU GET THRU UX DESIGN?

Page 24: 사용자경험 이야기 요약본

효과적인 협업지원

WHAT CAN YOU GET THRU UX DESIGN?

Page 25: 사용자경험 이야기 요약본

거버넌스효과 증대

WHAT CAN YOU GET THRU UX DESIGN?

Page 26: 사용자경험 이야기 요약본

UX DESIGN PROCESS

Page 27: 사용자경험 이야기 요약본

Objective Goal

UX DESIGN PROCESS

Page 28: 사용자경험 이야기 요약본

Objective Goal

목표는 명확해야만 한다 UX DESIGN PROCESS

Page 29: 사용자경험 이야기 요약본

Context

UX DESIGN PROCESS

Page 30: 사용자경험 이야기 요약본

Context

최종 사용자 레벨에서 경험하는 시스템, 서비스 환경 이해

< 보고 들음에서 경험하는 한계 최종 사용자 레벨에서 직접 경험

UX DESIGN PROCESS

Page 31: 사용자경험 이야기 요약본

Research

UX DESIGN PROCESS

Page 32: 사용자경험 이야기 요약본

Research

상황에 맞는 여러 다양한 기법의 리서치를 통해 사용자들이 가진 컨텍스트, 태도, 동기, 니즈, 이용행태 등을 수집

설문조사 관찰조사 벤치마킹

인터뷰 사용성 카드소팅

UX DESIGN PROCESS

Page 33: 사용자경험 이야기 요약본

Analyze

UX DESIGN PROCESS

Page 34: 사용자경험 이야기 요약본

Analyze

여러가지 기법을 통해 사용자 경험요소 분석

퍼소나 멘탈 모델링 어피니티 다이어그램

유저 시나리오

UX DESIGN PROCESS

Page 35: 사용자경험 이야기 요약본

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

UX DESIGN PROCESS

Page 36: 사용자경험 이야기 요약본

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

UX DESIGN PROCESS

Page 37: 사용자경험 이야기 요약본

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

UX DESIGN PROCESS

Page 38: 사용자경험 이야기 요약본

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

UX DESIGN PROCESS

Page 39: 사용자경험 이야기 요약본

UX Value

UX DESIGN PROCESS

Page 40: 사용자경험 이야기 요약본

UX Value

컨텍스트 분석, 사용자 리서치, 사용자 경험 분석 등을 통한 사용자 경험가치(UX Value) 도출

창의적 사고 브레인스토밍 비주얼씽킹

UX DESIGN PROCESS

Page 41: 사용자경험 이야기 요약본

Strategy

UX DESIGN PROCESS

Page 42: 사용자경험 이야기 요약본

Strategy

경험가치들을 종합적으로 분석 후 시스템 혹은 서비스 전략 수립

구현 가능성 및 타당성이 검증 된 사용자 니즈 기반

고객사와 사용자 간의 합리적 해결책 수립

시스템 및 전략 기획 담당자와의 동반 전략 수립

UX DESIGN PROCESS

Page 43: 사용자경험 이야기 요약본

Prototype

UX DESIGN PROCESS

Page 44: 사용자경험 이야기 요약본

Prototype

전략 수립을 통해 나온 UX Value 설계 UI, Visual design, Process, IxD(인터렉션디자인), IA(정보디자인)

와이어 프레임 페이퍼 Drag & Drop

UX DESIGN PROCESS

Page 45: 사용자경험 이야기 요약본

Prototype

전략 수립을 통해 나온 UX Value 설계 UI, Visual design, Process, IxD(인터렉션디자인), IA(정보디자인)

테스트 피드백

리디자인

UX DESIGN PROCESS

Page 46: 사용자경험 이야기 요약본

UX framework

UX DESIGN PROCESS

Page 47: 사용자경험 이야기 요약본

UX framework

사용자 기반의 프로세스, 서비스, 컨텐츠, 인터페이스 등의 모든 요소를 포함한 UX 가이드라인 및 프레임워크

UI guide

Visual guide

Ix guide

IA guide

UX DESIGN PROCESS

+

Page 48: 사용자경험 이야기 요약본

UX is Science

Page 49: 사용자경험 이야기 요약본

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

Page 50: 사용자경험 이야기 요약본

정해진 규칙 혹은 근거 없이 어떤것에 대한 특정 반응을 보이는건 사용자도 모르게 패턴을 만들고 있기 때문

Cognition behavior

인지 심리학 Cognitive psychology

Page 51: 사용자경험 이야기 요약본

행동 경제학 Behavioral economics

신문사가 100명의 아름다운 미인을 게재하면서 현상응모를 함. 가장 이쁜 여자로 뽑힌 사람를 선택한 사람에게 상을 준다는것,

응모자들은 자신의 판단보다는 다른 사람들이 객관적으로 이쁘다고 생각하는 사람에게 투표

케인즈의 미인투표이론은 주식시장의 투자자형태를 설명한 사례

주식시장의 투자자들은 '정말 좋은 기업이라서 투자하기보단 다른 사람 모두 그 회사의 주식을 살거라 예상‘

하기 때문에 주식을 사는 행위라 함.

Page 52: 사용자경험 이야기 요약본

인문학 Humanities

아이스크림 =

시원하다

달다

녹는다

난 이걸 먹어서 기분이 좋아 맛있다 달다 차다

Page 53: 사용자경험 이야기 요약본

Being Creative

Page 54: 사용자경험 이야기 요약본

Knowledge Experience Creativity

Page 55: 사용자경험 이야기 요약본

지식의 넒이

t-shaped thinker 다양한 각도에서 사고를 바라보는 가치

지식의

깊이

Page 56: 사용자경험 이야기 요약본

창의적 사고란?

문제를 다른시각에서 본다

다양한 관점에서 바라본다

문제를 거꾸로 뒤집어 보기

정보를 합쳐보기

다른 학문/분야 접하기

제한을 통제한다

디테일에 감사해라

보이지 않는 기회를 그려라

Russ Unger

Page 57: 사용자경험 이야기 요약본

case study

Page 58: 사용자경험 이야기 요약본

Alert Dialogs

Page 59: 사용자경험 이야기 요약본

Screen has captured

Alert Dialogs

Page 60: 사용자경험 이야기 요약본

Integer Input filed

Page 61: 사용자경험 이야기 요약본

contents

Page 62: 사용자경험 이야기 요약본
Page 63: 사용자경험 이야기 요약본

ICONS

Page 64: 사용자경험 이야기 요약본
Page 65: 사용자경험 이야기 요약본
Page 66: 사용자경험 이야기 요약본

Deborah Adler

Page 67: 사용자경험 이야기 요약본

10 liter 4 hours

Page 68: 사용자경험 이야기 요약본

50 liter

Page 69: 사용자경험 이야기 요약본

MRI, CT, X-RAY for CHILDREN

Page 70: 사용자경험 이야기 요약본
Page 71: 사용자경험 이야기 요약본

IDEO 5-step 디자인 프로세스

관찰 브레인스토밍 신속한

프로토타이핑 재가공 실행

Page 72: 사용자경험 이야기 요약본

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

Page 73: 사용자경험 이야기 요약본

80%

Page 74: 사용자경험 이야기 요약본

Design is really about solving problems

관찰하는 습관 T자형 인간 폭넓은 사고

T 디테일

Page 75: 사용자경험 이야기 요약본

www.facebook.com/UXDSEOUL

Page 76: 사용자경험 이야기 요약본

이상용 [email protected]

010-9190-7792 *악플사절

이미지 및 레퍼런스 출처: Google image thenounproject meta4.design lab Q drum

행동경제학(도모노 노리오) joonmeedia 착한문서

IDEO Critical thinking for UX designers PP3