Introduction to User Experience Workshop for BrainStation

1. 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

2. 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

3. I C E B R E A K E R
I N T R O D U C T I O N
3

4. 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

5. 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

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. 7
UX

8. 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

9. 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

10. 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

11. 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

12. 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. 13

14. 14

15. 15

16. 16

17. 17

18. 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. 19

20. 20

21. B u s i n e s s
G o a l s
21

22. 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

23. 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

24. 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

25. 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

26. 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

27. 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. 28

29. 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

30. 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

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 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

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
• Business Analyst
• Information Architect
• User Experience Designer
• User Interface Designer
• Visual Designer
• Interaction Designer
• Front-end Designer
• Usability Specialist
33

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
• 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 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

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
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 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

38. 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

39. 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

40. 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

41. 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

42. 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

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
43

44. 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

45. 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

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 ?
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 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

48. 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

49. 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. 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

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