사용자경험 이야기 요약본

  • View
    4.020

  • Download
    2

  • Category

    Design

Preview:

DESCRIPTION

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

Citation preview

UX DESIGN I

1999 2014 2002 2004 2007 2010 2013

이상용

UX DESIGNER UI / GUI / IxD / Infographics

What is Design?

Graphic Design?

Graphic Design?

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

UX Design } UI

Visual IA

Interaction

UX Design

Inte

ra

ctio

n

Info

rm

atio

n A

rch

itectur

e

Infographics

Strategy

System

Fun

ction

con

ten

ts

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

UI / UX 가 좋네요

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

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

user experience design

cognition behavior usability

cognition behavior usability

user experience design

lamborghini gallardo 380,000,000 원

lamborghini gallardo 380,000,000 원

? ? ?

? ?

by segment

?

by segment + context

by segment + context + purpose

user experience design

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

광범위하게 적용

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

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

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

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

UX의 근본 목표

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

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

최적의 이용환경 설계

WHAT CAN YOU GET THRU UX DESIGN?

쉽고 편리한 경험 제공

WHAT CAN YOU GET THRU UX DESIGN?

브랜드 선호도 증대

WHAT CAN YOU GET THRU UX DESIGN?

현실적인 니즈반영

WHAT CAN YOU GET THRU UX DESIGN?

효과적인 협업지원

WHAT CAN YOU GET THRU UX DESIGN?

거버넌스효과 증대

WHAT CAN YOU GET THRU UX DESIGN?

UX DESIGN PROCESS

Objective Goal

UX DESIGN PROCESS

Objective Goal

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

Context

UX DESIGN PROCESS

Context

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

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

UX DESIGN PROCESS

Research

UX DESIGN PROCESS

Research

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

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

인터뷰 사용성 카드소팅

UX DESIGN PROCESS

Analyze

UX DESIGN PROCESS

Analyze

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

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

유저 시나리오

UX DESIGN PROCESS

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

UX DESIGN PROCESS

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

UX DESIGN PROCESS

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

UX DESIGN PROCESS

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

UX DESIGN PROCESS

UX Value

UX DESIGN PROCESS

UX Value

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

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

UX DESIGN PROCESS

Strategy

UX DESIGN PROCESS

Strategy

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

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

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

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

UX DESIGN PROCESS

Prototype

UX DESIGN PROCESS

Prototype

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

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

UX DESIGN PROCESS

Prototype

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

테스트 피드백

리디자인

UX DESIGN PROCESS

UX framework

UX DESIGN PROCESS

UX framework

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

UI guide

Visual guide

Ix guide

IA guide

UX DESIGN PROCESS

+

UX is Science

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

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

Cognition behavior

인지 심리학 Cognitive psychology

행동 경제학 Behavioral economics

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

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

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

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

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

인문학 Humanities

아이스크림 =

시원하다

달다

녹는다

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

Being Creative

Knowledge Experience Creativity

지식의 넒이

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

지식의

깊이

창의적 사고란?

문제를 다른시각에서 본다

다양한 관점에서 바라본다

문제를 거꾸로 뒤집어 보기

정보를 합쳐보기

다른 학문/분야 접하기

제한을 통제한다

디테일에 감사해라

보이지 않는 기회를 그려라

Russ Unger

case study

Alert Dialogs

Screen has captured

Alert Dialogs

Integer Input filed

contents

ICONS

Deborah Adler

10 liter 4 hours

50 liter

MRI, CT, X-RAY for CHILDREN

IDEO 5-step 디자인 프로세스

관찰 브레인스토밍 신속한

프로토타이핑 재가공 실행

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

80%

Design is really about solving problems

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

T 디테일

www.facebook.com/UXDSEOUL

이상용 ultra0034@gmail.com

010-9190-7792 *악플사절

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

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

IDEO Critical thinking for UX designers PP3