I n t ro d u c t i o n t o U s e r E x p e r i e n c e
1
Wo r k s h o p A g e n d a
• Introduction & Icebreaker
• User Experience Overview
• What is UX Design?
• What does a UX Designer do?
• How can I integrate UX into what I do?
• Activity: Design the Box
• Q & A
2
I C E B R E A K E R
I N T R O D U C T I O N
3
B re a k i n t o e i g h t g ro u p s .
I C E B R E A K E R
4
Yo u r n a m e
Yo u r e x p e r i e n c e
W h a t y o u w a n t t o g e t o u t o f t h i s s e s s i o n
F u n f a c t a b o u t y o u !
I C E B R E A K E R : I N T R O D U C E Y O U R S E L F
5
H i , I ’ m S e a n .
I’ve been in digital for over 9 years
User Experience Designer & Product Manager with Work at Play for 5 years
Local Leader with the IxDA for 5 years
Lead UX & UI Designer with Wellpepper (startup) for 3 years
6
7
UX
Yo u r n a m e
Yo u r e x p e r i e n c e
W h a t y o u w a n t t o g e t o u t o f t h i s s e s s i o n
F u n f a c t a b o u t y o u !
I C E B R E A K E R : I N T R O D U C E Y O U R S E L F
8
W H AT I S U S E R E X P E R I E N C E D E S I G N ?
U S E R E X P E R I E N C E O V E R V I E W
9
1 0 d i ff e re n t p e o p l e w i l l g i v e
1 0 d i ff e re n t a n s w e r s .
W H A T I S U X D E S I G N ?
10
U s e r e x p e r i e n c e d e s i g n i s t h e p ro c e s s o f e n h a n c i n g u s e r
s a t i s f a c t i o n b y i m p ro v i n g t h e u s a b i l i t y, a c c e s s i b i l i t y, a n d p l e a s u re
p ro v i d e d i n t h e i n t e r a c t i o n b e t w e e n t h e u s e r a n d t h e p ro d u c t .
W I K I P E D I A D E F I N I T I O N
11
U s e r e x p e r i e n c e d e s i g n i s e v e r y t h i n g t h a t a ff e c t s a u s e r ’s
i n t e r a c t i o n w i t h a p ro d u c t .
I t ’s t h e w h a t , w h e n , w h e re , w h y, w h o , a n d h o w.
S E A N I P E D I A D E F I N I T I O N
12
13
14
15
16
17
18
“ H e y ! T h e re ’s
s o m e t h i n g 

o v e r h e re ! ”
19
20
B u s i n e s s
G o a l s
21
B u s i n e s s
G o a l s
U s e r
N e e d s
U X
22
U s e r C e n t re d D e s i g n a n d
T h e U s e r E x p e r i e n c e D e s i g n P ro c e s s
W H A T I S U X D E S I G N ?
23
U S E R C E N T R E D D E S I G N
Te s t &
Va l i d a t e
L a u n c h
B u i l d
D e s i g n
24
T H E U X D E S I G N P R O C E S S
25
RESEARCH
widening opportunity
DESIGNnarrowing focus
Iterative
Development
BUSINESS
GOALS
COMPETITIVE
LANDSCAPE
USER NEEDS
+ INSIGHTS
DESIGN
TESTING +
VALIDATION
UX STRATEGY
Opportunity
Landscape
Scope +
Priorities
W H AT D O E S A U X D E S I G N E R D O ?
U S E R E X P E R I E N C E O V E R V I E W
26
T h e D i s c i p l i n e s o f
U s e r E x p e r i e n c e D e s i g n
* E n v i s P re c i s e l y G m b H
* * b a s e d o n T h e D i s c i p l i n e s o f
U s e r E x p e r i e n c e D e s i g n b y D a n S a ff e r
27
28
A t a s m a l l e r c o m p a n y o r s t a r t u p .
W H A T D O E S A U X D E S I G N E R D O ?
29
W H A T D O E S A U X D E S I G N E R D O ?
• User Research
• Market Research
• User Experience Strategy
• Content Strategy
• Business Analyst
• Information Architecture
• User Experience Design
• User Interface Design
• Visual Design
• Interaction Design
• Front-end Design
• Usability Testing
30
• User Research
• Market Research
• User Experience Strategy
• Content Strategy
• Business Analyst
• Information Architecture
• User Experience Design
• User Interface Design
• Visual Design
• Interaction Design
• Front-end Design
• Usability Testing
W H A T D O E S A U X D E S I G N E R D O ?
31
S p e c i a l i z a t i o n .
W H A T D O E S A U X D E S I G N E R D O ?
32
W H A T D O E S A U X D E S I G N E R D O ?
• User Researcher
• Market Researcher
• User Experience Strategist
• Content Strategist
• Business Analyst
• Information Architect
• User Experience Designer
• User Interface Designer
• Visual Designer
• Interaction Designer
• Front-end Designer
• Usability Specialist
33
W H A T D O E S A U X D E S I G N E R D O ?
• User Researcher
• Market Researcher
• User Experience Strategist
• Content Strategist
• Art Director
• Information Architect
• User Experience Designer
• User Interface Designer
• Visual Designer
• Interaction Designer
• Front-end Designer
• Usability Specialist
U S E R E X P E R I E N C E D E S I G N E R
P R I M A R I LY C O N C E R N E D W I T H
H O W T H E P R O D U C T F E E L S
E X P L O R E M A N Y D I F F E R E N T
A P P R O A C H E S T O S O LV I N G
A P R O B L E M
T H E Y D E L I V E R
S K E T C H E S
F L O W C H A RT S
W I R E F R A M E S
P R O T O T Y P E S
34
W H A T D O E S A U X D E S I G N E R D O ?
• User Researcher
• Market Researcher
• User Experience Strategist
• Content Strategist
• Business Analyst
• Information Architect
• User Experience Designer
• User Interface Designer
• Visual Designer
• Interaction Designer
• Front-end Designer
• Usability Specialist
U S E R R E S E A R C H E R
C H A M P I O N O F A U S E R ’ S N E E D S
T H E Y A N S W E R
“ W H O A R E O U R U S E R S ? ” &
“ W H AT D O O U R U S E R S WA N T ? ”
W H AT T H E Y D E L I V E R
U S E R P E R S O N A S
I N V E S T I G AT I V E U S E R S T U D I E S
U S E R M E N TA L M O D E L S
A / B T E S T R E S U LT S
35
W H A T D O E S A U X D E S I G N E R D O ?
• User Researcher
• Market Researcher
• User Experience Strategist
• Content Strategist
• Art Director
• Information Architect
• User Experience Designer
• User Interface Designer
• Visual Designer
• Interaction Designer
• Front-end Designer
• Usability Specialist
V I S U A L D E S I G N E R
T H E Y P U S H P I X E L S
T Y P I C A L LY W H AT P E O P L E T H I N K
O F W H E N T H E Y T H I N K O F A
“ D E S I G N E R ”
T H E Y D E L I V E R
S T Y L E G U I D E S
M O C K U P S
S E L E C T T Y P O G R A P H Y
I C O N D E S I G N
36
W H A T D O E S A U X D E S I G N E R D O ?
• User Researcher
• Market Researcher
• User Experience Strategist
• Content Strategist
• Art Director
• Information Architect
• User Experience Designer
• User Interface Designer
• Visual Designer
• Interaction Designer
• Front-end Designer
• Usability Specialist
U S A B I L I T Y S P E C I A L I S T
E N S U R E S T H AT A P R O D U C T I S
U S A B L E A N D M E E T S U S A B I L I T Y &
R E L I A B I L I T Y R E Q U I R E M E N T S
W H AT T H E Y D O
C O N D U C T S U S A B I L I T Y T E S T I N G O N
P R O T O T Y P E S O R A R E L E A S E D
P R O D U C T S
A N A LY Z E S T E S T R E S U LT S T O
G L E A N I N S I G H T S I N T O U S A B I L I T Y
I S S U E S
37
W H A T D O E S A U X D E S I G N E R D O ?
• User Researcher
• Market Researcher
• User Experience Strategist
• Content Strategist
• Business Analyst
• Information Architect
• User Experience Designer
• User Interface Designer
• Visual Designer
• Interaction Designer
• Front-end Designer
• Usability Specialist
38
T H E U X D E S I G N P R O C E S S
U S E R R E S E A R C H E R , M A R K E T R E S E A R C H E R , U S E R
E X P E R I E N C E S T R AT E G I S T, C O N T E N T S T R AT E G I S T,
B U S I N E S S A N A LY S T, I N F O R M AT I O N A R C H I T E C T
U S E R E X P E R I E N C E D E S I G N E R , U S E R I N T E R FA C E
D E S I G N E R , V I S U A L D E S I G N E R , I N T E R A C T I O N D E S I G N E R ,
F R O N T- E N D D E S I G N E R , U S A B I L I T Y S P E C I A L I S T 39
RESEARCH
widening opportunity
DESIGNnarrowing focus
Iterative
Development
BUSINESS
GOALS
COMPETITIVE
LANDSCAPE
USER NEEDS
+ INSIGHTS
DESIGN
TESTING +
VALIDATION
UX STRATEGY
Opportunity
Landscape
Scope +
Priorities
U S E R C E N T R E D D E S I G N
B u i l d
L a u n c h
Te s t &
Va l i d a t e
D e s i g n
40
H O W T O I N T E G R AT E U X I N T O W H AT I D O ?
U S E R E X P E R I E N C E O V E R V I E W
41
S t a r t s m a l l !
H O W T O I N T E G R A T E U X I N T O W H A T I D O ?
42
H O W T O I N T E G R A T E U X I N T O W H A T I D O ?
1. You’re already doing some of it
2. It’s not that hard
3. It’s practically scientific
4. It’s fun!
5. Build awesome products that people love to use
43
H O W T O I N T E G R A T E U X I N T O W H A T I D O ?
1. You’re already doing some of it
2. It’s not that hard
3. It’s practically scientific
4. It’s fun!
5. Build awesome products that people love to use
6. As a career: pays well and has a low barrier to entry
44
E d u c a t e y o u r s e l f !
H O W T O I N T E G R A T E U X I N T O W H A T I D O ?
45
H O W T O I N T E G R A T E U X I N T O W H A T I D O ?
Follow these influencers!
• Jared Spool

@jmspool
• Patrick Neeman

@usabilitycounts
• Dan Saffer

@odannyboy
• Russ Unger

@russu
• Eric Reiss

@elreiss
• Luke Wroblewski

@lukew
46
H O W T O I N T E G R A T E U X I N T O W H A T I D O ?
Read these books!
• Don’t Make Me Think
• The Entire A Book Apart
Series
• Usable Usability
• Undercover User
Experience Design
Get out there! Meet people!
• VanUE
• IxDA
• HxD Vancouver
• UX Design Therapy
• Style & Class
47
B r a i n S t a t i o n ’s U X C o u r s e
H O W T O I N T E G R A T E U X I N T O W H A T I D O ?
48
B R A I N S TA T I O N ’ S U S E R E X P E R I E N C E D E S I G N C O U R S E C U R R I C U L U M
1. Design Thinking Framework, 

Market Research
2. User Centric Design,
Personas, Sketching
3. Customer Experience Maps, 

User Flows
4. Wireframing, Lo-/Hi-fidelity
5. Prototyping
6. Responsive Design, Web vs
Native Mobile, Graphic User
Interface
7. User Testing, Heuristics,
Accessibility
8. Building a portfolio, Critique
49
50
“I f y o u w a n t y o u r u s e r s t o l o v e
w i t h y o u r d e s i g n s , f a l l i n l o v e
w i t h y o u r u s e r s . D A N A C H I S N E L L
@ D A N A C H I S
U S A B I L I T Y W O R K S . N E T
C A . L I N K E D I N . C O M /
I N / U X S E A N
T W I T T E R . C O M /
U X S E A N
Q u e s t i o n s ?
I N T R O D U C T I O N T O U S E R E X P E R I E N C E
51
h t t p : / / b i t . l y / 1 B Z S C 8 B

Introduction to User Experience Workshop

  • 1.
    I n tro d u c t i o n t o U s e r E x p e r i e n c e 1
  • 2.
    Wo r ks h o p A g e n d a • Introduction & Icebreaker • User Experience Overview • What is UX Design? • What does a UX Designer do? • How can I integrate UX into what I do? • Activity: Design the Box • Q & A 2
  • 3.
    I C EB R E A K E R I N T R O D U C T I O N 3
  • 4.
    B re ak i n t o e i g h t g ro u p s . I C E B R E A K E R 4
  • 5.
    Yo u rn a m e Yo u r e x p e r i e n c e W h a t y o u w a n t t o g e t o u t o f t h i s s e s s i o n F u n f a c t a b o u t y o u ! I C E B R E A K E R : I N T R O D U C E Y O U R S E L F 5
  • 6.
    H i ,I ’ m S e a n . I’ve been in digital for over 9 years User Experience Designer & Product Manager with Work at Play for 5 years Local Leader with the IxDA for 5 years Lead UX & UI Designer with Wellpepper (startup) for 3 years 6
  • 7.
  • 8.
    Yo u rn a m e Yo u r e x p e r i e n c e W h a t y o u w a n t t o g e t o u t o f t h i s s e s s i o n F u n f a c t a b o u t y o u ! I C E B R E A K E R : I N T R O D U C E Y O U R S E L F 8
  • 9.
    W H ATI S U S E R E X P E R I E N C E D E S I G N ? U S E R E X P E R I E N C E O V E R V I E W 9
  • 10.
    1 0 di ff e re n t p e o p l e w i l l g i v e 1 0 d i ff e re n t a n s w e r s . W H A T I S U X D E S I G N ? 10
  • 11.
    U s er e x p e r i e n c e d e s i g n i s t h e p ro c e s s o f e n h a n c i n g u s e r s a t i s f a c t i o n b y i m p ro v i n g t h e u s a b i l i t y, a c c e s s i b i l i t y, a n d p l e a s u re p ro v i d e d i n t h e i n t e r a c t i o n b e t w e e n t h e u s e r a n d t h e p ro d u c t . W I K I P E D I A D E F I N I T I O N 11
  • 12.
    U s er e x p e r i e n c e d e s i g n i s e v e r y t h i n g t h a t a ff e c t s a u s e r ’s i n t e r a c t i o n w i t h a p ro d u c t . I t ’s t h e w h a t , w h e n , w h e re , w h y, w h o , a n d h o w. S E A N I P E D I A D E F I N I T I O N 12
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
    18 “ H ey ! T h e re ’s s o m e t h i n g 
 o v e r h e re ! ”
  • 19.
  • 20.
  • 21.
    B u si n e s s G o a l s 21
  • 22.
    B u si n e s s G o a l s U s e r N e e d s U X 22
  • 23.
    U s er C e n t re d D e s i g n a n d T h e U s e r E x p e r i e n c e D e s i g n P ro c e s s W H A T I S U X D E S I G N ? 23
  • 24.
    U S ER C E N T R E D D E S I G N Te s t & Va l i d a t e L a u n c h B u i l d D e s i g n 24
  • 25.
    T H EU X D E S I G N P R O C E S S 25 RESEARCH widening opportunity DESIGNnarrowing focus Iterative Development BUSINESS GOALS COMPETITIVE LANDSCAPE USER NEEDS + INSIGHTS DESIGN TESTING + VALIDATION UX STRATEGY Opportunity Landscape Scope + Priorities
  • 26.
    W H ATD O E S A U X D E S I G N E R D O ? U S E R E X P E R I E N C E O V E R V I E W 26
  • 27.
    T h eD i s c i p l i n e s o f U s e r E x p e r i e n c e D e s i g n * E n v i s P re c i s e l y G m b H * * b a s e d o n T h e D i s c i p l i n e s o f U s e r E x p e r i e n c e D e s i g n b y D a n S a ff e r 27
  • 28.
  • 29.
    A t as m a l l e r c o m p a n y o r s t a r t u p . W H A T D O E S A U X D E S I G N E R D O ? 29
  • 30.
    W H AT D O E S A U X D E S I G N E R D O ? • User Research • Market Research • User Experience Strategy • Content Strategy • Business Analyst • Information Architecture • User Experience Design • User Interface Design • Visual Design • Interaction Design • Front-end Design • Usability Testing 30
  • 31.
    • User Research •Market Research • User Experience Strategy • Content Strategy • Business Analyst • Information Architecture • User Experience Design • User Interface Design • Visual Design • Interaction Design • Front-end Design • Usability Testing W H A T D O E S A U X D E S I G N E R D O ? 31
  • 32.
    S p ec i a l i z a t i o n . W H A T D O E S A U X D E S I G N E R D O ? 32
  • 33.
    W H AT D O E S A U X D E S I G N E R D O ? • User Researcher • Market Researcher • User Experience Strategist • Content Strategist • Business Analyst • Information Architect • User Experience Designer • User Interface Designer • Visual Designer • Interaction Designer • Front-end Designer • Usability Specialist 33
  • 34.
    W H AT D O E S A U X D E S I G N E R D O ? • User Researcher • Market Researcher • User Experience Strategist • Content Strategist • Art Director • Information Architect • User Experience Designer • User Interface Designer • Visual Designer • Interaction Designer • Front-end Designer • Usability Specialist U S E R E X P E R I E N C E D E S I G N E R P R I M A R I LY C O N C E R N E D W I T H H O W T H E P R O D U C T F E E L S E X P L O R E M A N Y D I F F E R E N T A P P R O A C H E S T O S O LV I N G A P R O B L E M T H E Y D E L I V E R S K E T C H E S F L O W C H A RT S W I R E F R A M E S P R O T O T Y P E S 34
  • 35.
    W H AT D O E S A U X D E S I G N E R D O ? • User Researcher • Market Researcher • User Experience Strategist • Content Strategist • Business Analyst • Information Architect • User Experience Designer • User Interface Designer • Visual Designer • Interaction Designer • Front-end Designer • Usability Specialist U S E R R E S E A R C H E R C H A M P I O N O F A U S E R ’ S N E E D S T H E Y A N S W E R “ W H O A R E O U R U S E R S ? ” & “ W H AT D O O U R U S E R S WA N T ? ” W H AT T H E Y D E L I V E R U S E R P E R S O N A S I N V E S T I G AT I V E U S E R S T U D I E S U S E R M E N TA L M O D E L S A / B T E S T R E S U LT S 35
  • 36.
    W H AT D O E S A U X D E S I G N E R D O ? • User Researcher • Market Researcher • User Experience Strategist • Content Strategist • Art Director • Information Architect • User Experience Designer • User Interface Designer • Visual Designer • Interaction Designer • Front-end Designer • Usability Specialist V I S U A L D E S I G N E R T H E Y P U S H P I X E L S T Y P I C A L LY W H AT P E O P L E T H I N K O F W H E N T H E Y T H I N K O F A “ D E S I G N E R ” T H E Y D E L I V E R S T Y L E G U I D E S M O C K U P S S E L E C T T Y P O G R A P H Y I C O N D E S I G N 36
  • 37.
    W H AT D O E S A U X D E S I G N E R D O ? • User Researcher • Market Researcher • User Experience Strategist • Content Strategist • Art Director • Information Architect • User Experience Designer • User Interface Designer • Visual Designer • Interaction Designer • Front-end Designer • Usability Specialist U S A B I L I T Y S P E C I A L I S T E N S U R E S T H AT A P R O D U C T I S U S A B L E A N D M E E T S U S A B I L I T Y & R E L I A B I L I T Y R E Q U I R E M E N T S W H AT T H E Y D O C O N D U C T S U S A B I L I T Y T E S T I N G O N P R O T O T Y P E S O R A R E L E A S E D P R O D U C T S A N A LY Z E S T E S T R E S U LT S T O G L E A N I N S I G H T S I N T O U S A B I L I T Y I S S U E S 37
  • 38.
    W H AT D O E S A U X D E S I G N E R D O ? • User Researcher • Market Researcher • User Experience Strategist • Content Strategist • Business Analyst • Information Architect • User Experience Designer • User Interface Designer • Visual Designer • Interaction Designer • Front-end Designer • Usability Specialist 38
  • 39.
    T H EU X D E S I G N P R O C E S S U S E R R E S E A R C H E R , M A R K E T R E S E A R C H E R , U S E R E X P E R I E N C E S T R AT E G I S T, C O N T E N T S T R AT E G I S T, B U S I N E S S A N A LY S T, I N F O R M AT I O N A R C H I T E C T U S E R E X P E R I E N C E D E S I G N E R , U S E R I N T E R FA C E D E S I G N E R , V I S U A L D E S I G N E R , I N T E R A C T I O N D E S I G N E R , F R O N T- E N D D E S I G N E R , U S A B I L I T Y S P E C I A L I S T 39 RESEARCH widening opportunity DESIGNnarrowing focus Iterative Development BUSINESS GOALS COMPETITIVE LANDSCAPE USER NEEDS + INSIGHTS DESIGN TESTING + VALIDATION UX STRATEGY Opportunity Landscape Scope + Priorities
  • 40.
    U S ER C E N T R E D D E S I G N B u i l d L a u n c h Te s t & Va l i d a t e D e s i g n 40
  • 41.
    H O WT O I N T E G R AT E U X I N T O W H AT I D O ? U S E R E X P E R I E N C E O V E R V I E W 41
  • 42.
    S t ar t s m a l l ! H O W T O I N T E G R A T E U X I N T O W H A T I D O ? 42
  • 43.
    H O WT O I N T E G R A T E U X I N T O W H A T I D O ? 1. You’re already doing some of it 2. It’s not that hard 3. It’s practically scientific 4. It’s fun! 5. Build awesome products that people love to use 43
  • 44.
    H O WT O I N T E G R A T E U X I N T O W H A T I D O ? 1. You’re already doing some of it 2. It’s not that hard 3. It’s practically scientific 4. It’s fun! 5. Build awesome products that people love to use 6. As a career: pays well and has a low barrier to entry 44
  • 45.
    E d uc a t e y o u r s e l f ! H O W T O I N T E G R A T E U X I N T O W H A T I D O ? 45
  • 46.
    H O WT O I N T E G R A T E U X I N T O W H A T I D O ? Follow these influencers! • Jared Spool
 @jmspool • Patrick Neeman
 @usabilitycounts • Dan Saffer
 @odannyboy • Russ Unger
 @russu • Eric Reiss
 @elreiss • Luke Wroblewski
 @lukew 46
  • 47.
    H O WT O I N T E G R A T E U X I N T O W H A T I D O ? Read these books! • Don’t Make Me Think • The Entire A Book Apart Series • Usable Usability • Undercover User Experience Design Get out there! Meet people! • VanUE • IxDA • HxD Vancouver • UX Design Therapy • Style & Class 47
  • 48.
    B r ai n S t a t i o n ’s U X C o u r s e H O W T O I N T E G R A T E U X I N T O W H A T I D O ? 48
  • 49.
    B R AI N S TA T I O N ’ S U S E R E X P E R I E N C E D E S I G N C O U R S E C U R R I C U L U M 1. Design Thinking Framework, 
 Market Research 2. User Centric Design, Personas, Sketching 3. Customer Experience Maps, 
 User Flows 4. Wireframing, Lo-/Hi-fidelity 5. Prototyping 6. Responsive Design, Web vs Native Mobile, Graphic User Interface 7. User Testing, Heuristics, Accessibility 8. Building a portfolio, Critique 49
  • 50.
    50 “I f yo u w a n t y o u r u s e r s t o l o v e w i t h y o u r d e s i g n s , f a l l i n l o v e w i t h y o u r u s e r s . D A N A C H I S N E L L @ D A N A C H I S U S A B I L I T Y W O R K S . N E T
  • 51.
    C A .L I N K E D I N . C O M / I N / U X S E A N T W I T T E R . C O M / U X S E A N Q u e s t i o n s ? I N T R O D U C T I O N T O U S E R E X P E R I E N C E 51 h t t p : / / b i t . l y / 1 B Z S C 8 B