ux beyond ucd (peter boersma, uxce12)

125
power up! UX beyond ucD (expand your influence) @pboersma May 26, UX Camp Europe 2012, Berlin, Germany 1

Post on 18-Oct-2014

5.190 views

Category:

Design


2 download

DESCRIPTION

Peter Boersma's presentation "UX Beyond UCD" from UX Camp Europe 2012. Shows deliverables that influence the user experience that are not part of the standard User Centered Design set. Includes deliverables from business, strategy, (project) management, and process design.

TRANSCRIPT

Page 1: UX Beyond UCD (Peter Boersma, UXCE12)

power up!UX beyond ucD

(expand your influence)

@pboersmaMay 26, UX Camp Europe 2012, Berlin, Germany

1

Page 2: UX Beyond UCD (Peter Boersma, UXCE12)

2

Page 3: UX Beyond UCD (Peter Boersma, UXCE12)

3

Page 4: UX Beyond UCD (Peter Boersma, UXCE12)

4

Page 5: UX Beyond UCD (Peter Boersma, UXCE12)

20015

Page 6: UX Beyond UCD (Peter Boersma, UXCE12)

20126

Page 7: UX Beyond UCD (Peter Boersma, UXCE12)

7

Page 8: UX Beyond UCD (Peter Boersma, UXCE12)

?8

Page 9: UX Beyond UCD (Peter Boersma, UXCE12)

DesignResearchStrategy

9

Page 10: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Evaluation

Manage

Business

Design

Strategy

Research

10

Page 11: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Manage

Business

Strategy

Evaluation

Design

ResearchElement

s of

User

Experie

nce

11

Page 12: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Manage

Business

Strategy

Evaluation

Design

ResearchtypicalUser-Centered

Design

12

Page 13: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Manage

Business

Strategy

Evaluation

Design

Research

MoreElements of

User Experience

13

Page 14: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Manage

Business

Strategy

Evaluation

Design

Research

you caninfluencenon-design deliverables

you caninfluencenon-design deliverables

14

Page 15: UX Beyond UCD (Peter Boersma, UXCE12)

Business

Design

ResearchEvaluation

StrategyManage

Pitch

Scenarios

Position

Roadmap

Service Design

Prototype

RequirementsReviewTest

Scope

Optimize

Estimate

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

you caninfluence

these non-design deliverables

you caninfluence

these non-design deliverables

15

Page 16: UX Beyond UCD (Peter Boersma, UXCE12)

power up!UX beyond ucD

(expand your influence)

16

Page 17: UX Beyond UCD (Peter Boersma, UXCE12)

for each deliverable I will show:deliverable

an exampletips & tricksinput from the ux teaminfluence on UX

17

Page 18: UX Beyond UCD (Peter Boersma, UXCE12)

BusinessPitchScenarios

Estimate

18

Page 19: UX Beyond UCD (Peter Boersma, UXCE12)

press play to startplay

19

Page 20: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Account Manager20

Page 21: UX Beyond UCD (Peter Boersma, UXCE12)

21

Page 22: UX Beyond UCD (Peter Boersma, UXCE12)

22

Page 23: UX Beyond UCD (Peter Boersma, UXCE12)

23

Page 24: UX Beyond UCD (Peter Boersma, UXCE12)

X

24

Page 25: UX Beyond UCD (Peter Boersma, UXCE12)

25

Page 26: UX Beyond UCD (Peter Boersma, UXCE12)

26

Page 27: UX Beyond UCD (Peter Boersma, UXCE12)

27

Page 28: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for the pitch:the pitch

en-vision the futureby visualizing itset expectationsaround client-contribution

28

Page 29: UX Beyond UCD (Peter Boersma, UXCE12)

input from ux team on the pitch:the pitch

visions of the futuresketches of partial solutions

29

Page 30: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF THE PITCH ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition

30

Page 31: UX Beyond UCD (Peter Boersma, UXCE12)

BusinessPitch

Scenarios

Estimate

31

Page 32: UX Beyond UCD (Peter Boersma, UXCE12)

Select Game Length:1 min

5 min15 min

30 min60 min

15 min

32

Page 33: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Estimator33

Page 34: UX Beyond UCD (Peter Boersma, UXCE12)

how many dots do you

see?

34

Page 35: UX Beyond UCD (Peter Boersma, UXCE12)

“many”and

“a lot”are good first guesses!

35

Page 36: UX Beyond UCD (Peter Boersma, UXCE12)

output

assumptionscalculationsexplanations

risks

when possible

input for estimates

scope itemsrequirements

approachteam skills

experience with subject

experience with clientexperience of client

when available

36

Page 37: UX Beyond UCD (Peter Boersma, UXCE12)

example output

assumingwe design 10 wireframes(5 complex + 5 medium)

plus 15 components

output

assumptions

calculations

(explanations)risks

we estimatewe need 300 hours

butwe don’t know the

documentation needs

of the developer

(5x16 + 5x8) + (15x12)

37

Page 38: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for estimating:estimating

you determine what gets estimatedexplore every assumption

you

38

Page 39: UX Beyond UCD (Peter Boersma, UXCE12)

input by ux team on estimates:estimates

assumptions & riskswhat is easy/hard?estimates for deliverables

39

Page 40: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF an estimate ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* determine budget* set expectations

* focus attention* define way of working

40

Page 41: UX Beyond UCD (Peter Boersma, UXCE12)

StrategyPosition

Competition

41

Page 42: UX Beyond UCD (Peter Boersma, UXCE12)

select player 1player 1

42

Page 43: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Brand Strategist43

Page 44: UX Beyond UCD (Peter Boersma, UXCE12)

sales service

communitiescore brandclient

client

44

Page 45: UX Beyond UCD (Peter Boersma, UXCE12)

Competitor

CompetitorCompetitor

CompetitorCompetitor

Big Competitor

Big Competitor

sales service

core brand

communities

client

client Competitor

Competitor

45

Page 46: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for positioning:positioning

1. create a map2. find the spot that matches your ux vision3. see who else is there4. identify differences

46

Page 47: UX Beyond UCD (Peter Boersma, UXCE12)

input by ux team on positioning:positioning

attributes that are important to userscompetitors, in terms of UXscope items that differentiate

47

Page 48: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF positioning ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* define ux vision

* analyze competition* focus attention

48

Page 49: UX Beyond UCD (Peter Boersma, UXCE12)

StrategyPosition

Competition

49

Page 50: UX Beyond UCD (Peter Boersma, UXCE12)

select player 2player 2

50

Page 51: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Competitor51

Page 52: UX Beyond UCD (Peter Boersma, UXCE12)

52

Page 53: UX Beyond UCD (Peter Boersma, UXCE12)

53

Page 54: UX Beyond UCD (Peter Boersma, UXCE12)

54

Page 55: UX Beyond UCD (Peter Boersma, UXCE12)

55

Page 56: UX Beyond UCD (Peter Boersma, UXCE12)

56

Page 57: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for competitive analysis:competitive analysis

“know your enemy”(sun tzu, the art of war)

57

Page 58: UX Beyond UCD (Peter Boersma, UXCE12)

input by ux team on competitive analysis:competitive analysis:

competitors, in terms of UXswot analyses(strengths-weaknesses-opportunities-threats)

58

Page 59: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF competitive analysis ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* inspire & get inspired

* analyze competition

* know what (not) to do

59

Page 60: UX Beyond UCD (Peter Boersma, UXCE12)

Evaluation

Prototype

Test

typicalUser-Centered

Design

DesignConceptDetailed Design

Sketch

Research

Personas

Interviews

60

Page 61: UX Beyond UCD (Peter Boersma, UXCE12)

ManageScope

Optimize

Beta

61

Page 62: UX Beyond UCD (Peter Boersma, UXCE12)

select difficulty

easymediumhardexpert

easy

62

Page 63: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Project Manager63

Page 64: UX Beyond UCD (Peter Boersma, UXCE12)

easy hard

contributes

essential

quickwin

repair quality

winner!

pickjust a few of these for your

project!

64

Page 65: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for scoping:scoping

1. rank all scope-item candidates2.determine their dependencies3.select the winners

65

Page 66: UX Beyond UCD (Peter Boersma, UXCE12)

input by ux team on scoping:scoping

what is easy / hard?what contributes / is essential?what should go together?

66

Page 67: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF scoping ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* determine budget* set expectations

* know what (not) to do

* focus attention

67

Page 68: UX Beyond UCD (Peter Boersma, UXCE12)

ManageScope

OptimizeBeta

68

Page 69: UX Beyond UCD (Peter Boersma, UXCE12)

play again?yesnoyes

69

Page 70: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Perfectionist70

Page 71: UX Beyond UCD (Peter Boersma, UXCE12)

A

71

Page 72: UX Beyond UCD (Peter Boersma, UXCE12)

B

72

Page 73: UX Beyond UCD (Peter Boersma, UXCE12)

C

73

Page 74: UX Beyond UCD (Peter Boersma, UXCE12)

74

Page 75: UX Beyond UCD (Peter Boersma, UXCE12)

28% better75

Page 76: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for optimizing:optimizing

10 experiment to learn what works for your users20 goto 10

76

Page 77: UX Beyond UCD (Peter Boersma, UXCE12)

input by ux team on optimizing:optimizing

ux version of KPI’s(key performance indicators)alternative designsanalysis of usage

77

Page 78: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF optimizing ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully* know what (not) to do

78

Page 79: UX Beyond UCD (Peter Boersma, UXCE12)

ManageScope

Optimize

Beta

Process

BusinessPitch

Scenarios

Estimate

Design

ResearchEvaluation

StrategyPosition

Prototype

Test

ConceptDetailed Design

Sketch

Personas

Competition

Interviews

79

Page 80: UX Beyond UCD (Peter Boersma, UXCE12)

ProcessRoadmap

Service Design

RequirementsReview

Roles

Steps

80

Page 81: UX Beyond UCD (Peter Boersma, UXCE12)

set up campaigncampaign

81

Page 82: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Procrastinator82

Page 83: UX Beyond UCD (Peter Boersma, UXCE12)

progress

progress

progress

progress

83

Page 84: UX Beyond UCD (Peter Boersma, UXCE12)

Area

Area

Area Area

Area

progress

progress progress

progress progress

progress

progress progress

progress progress

moment momentmoment moment

84

Page 85: UX Beyond UCD (Peter Boersma, UXCE12)

85

Page 86: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for roadmaps:roadmaps

1. define the future of the system2.identify incremental steps3.group into meaningful releases4.learn & adjust the roadmap

86

Page 87: UX Beyond UCD (Peter Boersma, UXCE12)

input by ux team on roadmaps:roadmaps

areas for progressscope-items (progress) per areaestimates per scope-itemwhat should go together?

87

Page 88: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF roadmaps ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* define ux vision

* determine budget* set expectations

* deliver successfully

88

Page 89: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

89

Page 90: UX Beyond UCD (Peter Boersma, UXCE12)

Create new map?yesno

90

Page 91: UX Beyond UCD (Peter Boersma, UXCE12)

opponent:

The Process Freak91

Page 92: UX Beyond UCD (Peter Boersma, UXCE12)

A B?

92

Page 93: UX Beyond UCD (Peter Boersma, UXCE12)

A B21 3 4

C D2a

1 3 5

2b

4b

4a

4c

6

93

Page 94: UX Beyond UCD (Peter Boersma, UXCE12)

SITEMAP

wireframesrequire-

mentsusability test

Screen

FLOWproto-type

designprinciples

Persona

94

Page 95: UX Beyond UCD (Peter Boersma, UXCE12)

1 2 3 4

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

95

Page 96: UX Beyond UCD (Peter Boersma, UXCE12)

userresearch

conceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

96

Page 97: UX Beyond UCD (Peter Boersma, UXCE12)

C Dconceptdesign

detaileddesign

userresearch

prototype & evaluate

prototype & evaluate

97

Page 98: UX Beyond UCD (Peter Boersma, UXCE12)

A B21 3 4

?

98

Page 99: UX Beyond UCD (Peter Boersma, UXCE12)

99

Page 100: UX Beyond UCD (Peter Boersma, UXCE12)

100

Page 101: UX Beyond UCD (Peter Boersma, UXCE12)

101

Page 102: UX Beyond UCD (Peter Boersma, UXCE12)

102

Page 103: UX Beyond UCD (Peter Boersma, UXCE12)

103

Page 104: UX Beyond UCD (Peter Boersma, UXCE12)

104

Page 105: UX Beyond UCD (Peter Boersma, UXCE12)

105

Page 106: UX Beyond UCD (Peter Boersma, UXCE12)

106

Page 107: UX Beyond UCD (Peter Boersma, UXCE12)

107

Page 108: UX Beyond UCD (Peter Boersma, UXCE12)

108

Page 109: UX Beyond UCD (Peter Boersma, UXCE12)

109

Page 110: UX Beyond UCD (Peter Boersma, UXCE12)

110

Page 111: UX Beyond UCD (Peter Boersma, UXCE12)

111

Page 112: UX Beyond UCD (Peter Boersma, UXCE12)

userreseach

concept design

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

112

Page 113: UX Beyond UCD (Peter Boersma, UXCE12)

Tips & tricks for the design processes:the design processes

1. brainstorm deliverables2. create a diagram3. document the entire process

do not copy someone else’s diagramnot

113

Page 114: UX Beyond UCD (Peter Boersma, UXCE12)

input by ux team on the design process:the design process

ux team deliverablesux team responsibilities preferred way of working

114

Page 115: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF the design process ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* define ux vision

* focus attention

* set expectations

* deliver successfully

* define way of working* know what (not) to do

115

Page 116: UX Beyond UCD (Peter Boersma, UXCE12)

Business

Design

ResearchEvaluation

StrategyManage

Pitch

Scenarios

Position

Roadmap

Service Design

Prototype

RequirementsReviewTest

Scope

Optimize

Estimate

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

116

Page 117: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Manage

Business

Strategy

Evaluation

Design

Research

you caninfluence these

non-design deliverables

117

Page 118: UX Beyond UCD (Peter Boersma, UXCE12)

Process

Manage

Business

Strategy

Evaluation

Design

ResearchElement

s of

User

Experie

nce

MoreElements of

User Experience

118

Page 119: UX Beyond UCD (Peter Boersma, UXCE12)

119

Page 120: UX Beyond UCD (Peter Boersma, UXCE12)

120

Page 121: UX Beyond UCD (Peter Boersma, UXCE12)

These opponents:

influence the UX121

Page 122: UX Beyond UCD (Peter Boersma, UXCE12)

Business

Design

ResearchEvaluation

StrategyManage

Pitch

Scenarios

Position

Roadmap

Service Design

Prototype

RequirementsReviewTest

Scope

Optimize

Estimate

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

122

Page 123: UX Beyond UCD (Peter Boersma, UXCE12)

INFLUENCE OF non-design deliverables ON UX:

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

123

Page 124: UX Beyond UCD (Peter Boersma, UXCE12)

power up!UX beyond ucD

(expand your influence)

@pboersmaMay 26, UX Camp Europe 2012, Berlin, Germany

124

Page 125: UX Beyond UCD (Peter Boersma, UXCE12)

game over

@pboersma125