UX DESIGN I

UX DESIGN I
?


HCI(Human Computer Interaction)

1999

2002

2004

UX DESIGNER
UI / GUI / IxD

2007

2009

2010

2012

2013

2016

What is Design?

Graphic Design?

Graphic Design?

Design
verb (used with object)
1. to prepare the preliminary sketch or the plans for, especially to plan the form and structure of: to design a new bridge.
2. to plan and fashion artistically or skillfully.
3. to intend for a definite purpose: a scholarship designed for foreign students.
4. to form or conceive in the mind; contrive; plan: The prisoner designed an intricate escape.
5. to assign in thought or intention; purpose: He designed to be a doctor.

Design

UI Design

UI
Visual Design

UI
Visual
IA Design

UI
Visual
IA
Interaction Design

UI
Visual
IA
Interaction
Copy writing
Contents
Label
Products
Usability
Function
Communication
...

UX Design

contents

Function

System

Interaction

Information Architecture

Strategy

UX Design

Visual Design
Skeleton
User Interface Design
Navigation Design
Information Design

Structure
Interaction
Information Architecture

UX ICEBERG

Scope
Function / Contents

Strategy

UX iceberg. Trevor van Gorp, 2007

User Experience Level by Jesse James Garret

UI / UX

UX

UI / UX

UX
UI

what is EXACTLY
user experience design?

user experience design

usability

cognition
behavior

user experience design

usability

cognition
behavior

user experience design

cognition
behavior

usuability

1,000,000
hits a day

anonymous

Lets think about this Car

lamborghini gallardo
380,000,000

lamborghini gallardo
380,000,000

by segment

by segment + context

by segment + context + purpose

Clocks

@Museum

@Airport

@Court

user experience design

, ,

Service, Contents UI, IxD, IA

UX

HCI

HCI

Peter Merholz ,



( UX
) .
" human interface,
usability ,
,
.
1998
https://www.facebook.com/uxdseoul/posts/601108969902221

HCI

UX

HOW UX WANTS TO BE SEEN

HOW UX TYPICALLY SEEN

Field research
Face to face interviewing
Creation and administering of tests
Gathering, organizing, and presenting statistics
Documentation of personas and findings
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information Architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copy writing
Presentation and speaking
Working tightly with programmers
Brainstorm coordination
Company culture evangelism
Communication to stakeholders

Field research
Face to face interviewing
Creation and administering of tests
Gathering, organizing, and presenting statistics
Documentation of personas and findings
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information Architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copy writing
Presentation and speaking
Working tightly with programmers
Brainstorm coordination
Company culture evangelism
Communication to stakeholders
www.uxisnotui.com

The Spectrum of UX

WHAT CAN YOU GET THRU UX DESIGN?

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

Objective Goal

UX
DESIGN
PROCESS

Objective Goal

UX
DESIGN
PROCESS

UI .

.
Objective Goal

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

UX
DESIGN
PROCESS

Context

<

UX
DESIGN
PROCESS

Research

UX
DESIGN
PROCESS

, , , ,

Research

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

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

:

-
-

UX
DESIGN
PROCESS

:

-
-

UX
DESIGN
PROCESS

:

-

UX
DESIGN
PROCESS

Strategy

UX
DESIGN
PROCESS

Strategy

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

Prototype

UX
DESIGN
PROCESS

UX Value
UI, Visual design, Process, IxD(), IA()

Prototype

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

UX
DESIGN
PROCESS

Balsamiq / Axure / POP / InVision / Framer / Origami

-

 UX Value
UI, Visual design, Process, IxD(), IA()

UX
DESIGN
PROCESS

Prototype

UX
DESIGN
PROCESS

UX framework

UX
DESIGN
PROCESS

, , ,
UX

UI guide

Visual guide

UX framework
+

Ix guide

IA guide

UX is Science

 Cognitive psychology

SEE

SENSE

REACT

 Cognitive psychology

Cognition behavior

 Behavioral economics

, ()
(bias) .
.

.

 Behavioral economics

 Behavioral economics

100 .
,

'
.

 Behavioral economics

9.
.
7 7 .
83%.

7 ?
73% .

 Humanities

 Humanities

 Humanities

Being Creative

Knowledge

Knowledge

Experience

Knowledge

Experience

Creativity

t-shaped thinker

Lets THINK about

3 .
.

Marc Rettig

Lets THINK about

3 .
.

.

Marc Rettig

cassette tape

cassette tape

- -

mp3 player

mp3 player

Prototype

mp3 player

1979
Prototype

 ?




/



Russ Unger

Creative Solving Problems

Creative Solving Problems

Creative Solving Problems

Creative Solving Problems

( )

Creative Solving Problems

( )

Creative Solving Problems

( )

Creative Solving Problems

?

Creative Solving Problems

?

Creative Solving Problems

?

case study

Alert Dialogs

Alert Dialogs

Screen has captured

Integer Input filed

contents

contents

ICONS

ICONS

Deborah Adler

BI TMAP

V E C TO R

GLYPHICONS

.icon-q:before {content: "\71;}

Maintenance
Light
Apply with CSS

GLYPHICONS

Its a Font

VS

10 liter

4 hours

50 liter

MRI, CT, X-RAY for CHILDREN

IDEO 5-step

Nudge Effect
(nudge)

80%

Affordance

!

, ,
!

 ?!
" , ,

."
" . .

. , UX,
.

,
."

 ?!
" ."

, .

" .

-( ) .

(design thinking) ( )
(
) .

, .

.
(sense) ."

 ?!
.

.
.
.
."
."

" .
."

" .
( ) .

( ) .
/ ."

" ,
."

 ?!
.

.
.
.
."
."

" .
."

" .
( ) .

( ) .
/ ."

" ,
."

Design is not just what it looks like and feels like.

Design is how it works.

Steve Jobs

 .
.
)

!!!

Design is really about solving problems

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