improve your design process and expand your influence - ux amsterdam

139
improve your design process and expand your influence @pboersma

Upload: peter-boersma

Post on 08-Aug-2015

2.765 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Improve your design process and expand your influence - UX Amsterdam

improve yourdesign process

and expand your influence

@pboersma

Page 2: Improve your design process and expand your influence - UX Amsterdam

@pboersma

improve yourdesign process

and expand your influence

Page 3: Improve your design process and expand your influence - UX Amsterdam

peter1970

commodore 16computer science & ergonomics20 years at interactive agencies

design process freakin-house UX strategist

Page 4: Improve your design process and expand your influence - UX Amsterdam

improve yourdesign process

and expand your influence

Page 5: Improve your design process and expand your influence - UX Amsterdam

improve yourdesign process

and expand your influence

Page 6: Improve your design process and expand your influence - UX Amsterdam

a designa specification of an object,

manifested by an agent,intended to accomplish goals,

in a particular environment,using a set of primitive components,

satisfying a set of requirements,subject to constraints

Page 7: Improve your design process and expand your influence - UX Amsterdam

to designto create a design,

in an environment where the designer operates

Page 8: Improve your design process and expand your influence - UX Amsterdam

to designto create a design,

in an environment where the designer operates

Page 9: Improve your design process and expand your influence - UX Amsterdam

create

Page 10: Improve your design process and expand your influence - UX Amsterdam

deliverables

‘deliverable’ is a term used in project managementto describe a tangible or intangible object,

produced as a result of the project,that is intended to be delivered to a customer

(either internal or external).

Page 11: Improve your design process and expand your influence - UX Amsterdam

list 10 deliverables

Page 12: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

Page 13: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

pitch

scenarios

position

roadmap

service design

prototype

requirementsreviewtest

scope

analytics

estimate

beta

conceptdetailed design

sketch

personas

competition

roles

steps

interviews

Page 14: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

pitch

Page 15: Improve your design process and expand your influence - UX Amsterdam

X

Page 16: Improve your design process and expand your influence - UX Amsterdam
Page 17: Improve your design process and expand your influence - UX Amsterdam
Page 18: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

estimate

Page 19: Improve your design process and expand your influence - UX Amsterdam

estimate

assumptions

calculations

(explanations)risks

Page 20: Improve your design process and expand your influence - UX Amsterdam

example estimate

assuming we design 10 wireframes (5 complex + 5 medium)

plus 15 components we estimate

we need 300 hours

butwe don’t know the

documentation needsof the developer

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

Page 21: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyprojectposition

Page 22: Improve your design process and expand your influence - UX Amsterdam

client

Page 23: Improve your design process and expand your influence - UX Amsterdam

client

Page 24: Improve your design process and expand your influence - UX Amsterdam

competitor

competitorcompetitor

competitorcompetitor

big competitor

big competitor

competitor

competitor

client

Page 25: Improve your design process and expand your influence - UX Amsterdam

competitor

competitorcompetitor

competitorcompetitor

big competitor

big competitor

client competitor

competitor

Page 26: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyprojectcompetition

Page 27: Improve your design process and expand your influence - UX Amsterdam
Page 28: Improve your design process and expand your influence - UX Amsterdam
Page 29: Improve your design process and expand your influence - UX Amsterdam
Page 30: Improve your design process and expand your influence - UX Amsterdam
Page 31: Improve your design process and expand your influence - UX Amsterdam
Page 32: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyprojectroadmap

Page 33: Improve your design process and expand your influence - UX Amsterdam

progress

progress

progress

progress

Page 34: Improve your design process and expand your influence - UX Amsterdam

Area

Area

Area Area

Area

progress

progress progress

progress progress

progress

progress progress

progress progress

moment momentmoment moment

Page 35: Improve your design process and expand your influence - UX Amsterdam
Page 36: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

personas

Page 37: Improve your design process and expand your influence - UX Amsterdam
Page 38: Improve your design process and expand your influence - UX Amsterdam
Page 39: Improve your design process and expand your influence - UX Amsterdam
Page 40: Improve your design process and expand your influence - UX Amsterdam
Page 41: Improve your design process and expand your influence - UX Amsterdam
Page 42: Improve your design process and expand your influence - UX Amsterdam
Page 43: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

prototype

conceptdetailed design

sketch

Page 44: Improve your design process and expand your influence - UX Amsterdam
Page 45: Improve your design process and expand your influence - UX Amsterdam
Page 46: Improve your design process and expand your influence - UX Amsterdam
Page 47: Improve your design process and expand your influence - UX Amsterdam
Page 48: Improve your design process and expand your influence - UX Amsterdam
Page 49: Improve your design process and expand your influence - UX Amsterdam
Page 50: Improve your design process and expand your influence - UX Amsterdam
Page 51: Improve your design process and expand your influence - UX Amsterdam

MOBILE APP

MUSIC PLAYER IN BAR

matching

user profile

bar profile

OUT OF SCOPE

Page 52: Improve your design process and expand your influence - UX Amsterdam
Page 53: Improve your design process and expand your influence - UX Amsterdam
Page 54: Improve your design process and expand your influence - UX Amsterdam
Page 55: Improve your design process and expand your influence - UX Amsterdam
Page 56: Improve your design process and expand your influence - UX Amsterdam
Page 57: Improve your design process and expand your influence - UX Amsterdam
Page 58: Improve your design process and expand your influence - UX Amsterdam
Page 59: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

service design

Page 60: Improve your design process and expand your influence - UX Amsterdam
Page 61: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

test

Page 62: Improve your design process and expand your influence - UX Amsterdam
Page 63: Improve your design process and expand your influence - UX Amsterdam
Page 64: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyprojectbeta

Page 65: Improve your design process and expand your influence - UX Amsterdam
Page 66: Improve your design process and expand your influence - UX Amsterdam
Page 67: Improve your design process and expand your influence - UX Amsterdam
Page 68: Improve your design process and expand your influence - UX Amsterdam
Page 69: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

pitch

scenarios

position

roadmap

service design

prototype

requirementsreviewtest

scope

analytics

estimate

beta

sketchdetailed design

concept

personas

competition

roles

steps

interviews

Page 70: Improve your design process and expand your influence - UX Amsterdam

to designto create a design,

in an environment where the designer operates

to create a design,in an environment where

the designer operates

Page 71: Improve your design process and expand your influence - UX Amsterdam

environment

Page 72: Improve your design process and expand your influence - UX Amsterdam

org chart

Page 73: Improve your design process and expand your influence - UX Amsterdam

draw your org chart

Page 74: Improve your design process and expand your influence - UX Amsterdam
Page 75: Improve your design process and expand your influence - UX Amsterdam
Page 76: Improve your design process and expand your influence - UX Amsterdam
Page 77: Improve your design process and expand your influence - UX Amsterdam
Page 78: Improve your design process and expand your influence - UX Amsterdam
Page 79: Improve your design process and expand your influence - UX Amsterdam
Page 80: Improve your design process and expand your influence - UX Amsterdam
Page 81: Improve your design process and expand your influence - UX Amsterdam
Page 82: Improve your design process and expand your influence - UX Amsterdam
Page 83: Improve your design process and expand your influence - UX Amsterdam
Page 84: Improve your design process and expand your influence - UX Amsterdam

design in your org chart

Page 85: Improve your design process and expand your influence - UX Amsterdam

to designto create a design,

in an environment where the designer operates

to create a design,in an environment where

the designer operates

Page 86: Improve your design process and expand your influence - UX Amsterdam

operate

Page 87: Improve your design process and expand your influence - UX Amsterdam

process

Page 88: Improve your design process and expand your influence - UX Amsterdam

design processsubstantial disagreement exists

concerning how designersproduce designs.

1. the design process is plan-driven

2. designers attempt to optimize a design candidate for known constraints and objectives

3. the design process is understood in terms of a discrete sequence of stages

1. the design process is improvised

2. designers use creativity and emotion to generate design candidates

3. no sequence of stages is apparent;analysis, design and implementation

are contemporary and inextricably linked

Page 89: Improve your design process and expand your influence - UX Amsterdam

80-20 rule for problems

80%1. the design process is plan-driven

2. designers attempt to optimize a design candidate for known constraints and objectives

3. the design process is understood in terms of a discrete sequence of stages

1. the design process is improvised

2. designers use creativity and emotion to generate design candidates

3. no sequence of stages is apparent;analysis, design and implementation

are contemporary and inextricably linked

20%

Page 90: Improve your design process and expand your influence - UX Amsterdam

80-20 rule for time spent

20% 80%1. the design process is plan-driven

2. designers attempt to optimize a design candidate for known constraints and objectives

3. the design process is understood in terms of a discrete sequence of stages

1. the design process is improvised

2. designers use creativity and emotion to generate design candidates

3. no sequence of stages is apparent;analysis, design and implementation

are contemporary and inextricably linked

Page 91: Improve your design process and expand your influence - UX Amsterdam

80-20 rule for time spent

20% 80%1. the design process is plan-driven

2. designers attempt to optimize a design candidate for known constraints and objectives

3. the design process is understood in terms of a discrete sequence of stages

1. the design process is improvised

2. designers use creativity and emotion to generate design candidates

3. no sequence of stages is apparent;analysis, design and implementation

are contemporary and inextricably linked

assuming you have a process

Page 92: Improve your design process and expand your influence - UX Amsterdam

why document a process?1.to agree on what ‘things’ are called2.to link design activities with other processes3.to increase efficiency through standardization4.to speed up integration of team members5.to explain to your client where they are involved6.to measure your work, so you can improve it

Page 93: Improve your design process and expand your influence - UX Amsterdam

document a process

Page 94: Improve your design process and expand your influence - UX Amsterdam

sketch your process

Page 95: Improve your design process and expand your influence - UX Amsterdam

sketch your process

Page 96: Improve your design process and expand your influence - UX Amsterdam
Page 97: Improve your design process and expand your influence - UX Amsterdam

SITEMAP

wireframesrequire-

ments usability test

Screen

FLOWproto- type

design principles

Persona

Page 98: Improve your design process and expand your influence - UX Amsterdam

1 2 3 4

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto- type

design principles

Page 99: Improve your design process and expand your influence - UX Amsterdam

userresearchconceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto- type

design principles

Page 100: Improve your design process and expand your influence - UX Amsterdam
Page 101: Improve your design process and expand your influence - UX Amsterdam
Page 102: Improve your design process and expand your influence - UX Amsterdam
Page 103: Improve your design process and expand your influence - UX Amsterdam
Page 104: Improve your design process and expand your influence - UX Amsterdam
Page 105: Improve your design process and expand your influence - UX Amsterdam
Page 106: Improve your design process and expand your influence - UX Amsterdam
Page 107: Improve your design process and expand your influence - UX Amsterdam
Page 108: Improve your design process and expand your influence - UX Amsterdam
Page 109: Improve your design process and expand your influence - UX Amsterdam
Page 110: Improve your design process and expand your influence - UX Amsterdam
Page 111: Improve your design process and expand your influence - UX Amsterdam
Page 112: Improve your design process and expand your influence - UX Amsterdam
Page 113: Improve your design process and expand your influence - UX Amsterdam

http://www.slideshare.net/Hienadz.Drahun/50-visual-definitions-of-user-experience

Page 114: Improve your design process and expand your influence - UX Amsterdam
Page 115: Improve your design process and expand your influence - UX Amsterdam

userresearchconceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto- type

design principles

Page 116: Improve your design process and expand your influence - UX Amsterdam

1.identify your current deliverables2.create diagram with deliverables & phases

Page 117: Improve your design process and expand your influence - UX Amsterdam

10 steps1.identify your current deliverables2.create diagram with deliverables & phases3.describe activities, specifying input & output4.present process to rest of company5.improve diagram & descriptions

...

Page 118: Improve your design process and expand your influence - UX Amsterdam

10 steps...

6.create templates & instructions for deliverables7.update diagram & descriptions8.promote your process, internally & externally9.measure & evaluate working with the process10. continue to improve the process

Page 119: Improve your design process and expand your influence - UX Amsterdam

to designto create a design,

in an environment where the designer operates

Page 120: Improve your design process and expand your influence - UX Amsterdam

improve yourdesign process

and expand your influence

Page 121: Improve your design process and expand your influence - UX Amsterdam

to designto create a design,in a environment

where the designer operatesand keeps improving

Page 122: Improve your design process and expand your influence - UX Amsterdam

improve

Page 123: Improve your design process and expand your influence - UX Amsterdam

improve

Page 124: Improve your design process and expand your influence - UX Amsterdam

a plan for improvementI will <do something>

together with <another role>and we will change <a part of the process>

to improve <a success metric>before <a deadline>.

Page 125: Improve your design process and expand your influence - UX Amsterdam

a plan for improvementI will <do something>

together with <another role>and we will change <a part of the process>

to improve <a success metric>before <a deadline>.

Page 126: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

with whom

Page 127: Improve your design process and expand your influence - UX Amsterdam

where in the org chart

Page 128: Improve your design process and expand your influence - UX Amsterdam

a plan for improvementI will <do something>

together with <another role>and we will change <a part of the process>

to improve <a success metric>before <a deadline>.

Page 129: Improve your design process and expand your influence - UX Amsterdam

business

design

researchevaluation

strategyproject

process

pitch

scenarios

position

roadmap

service design

prototype

requirementsreviewtest

scope

analytics

estimate

beta

sketchdetailed design

concept

personas

competition

roles

steps

interviewswhich deliverable

Page 130: Improve your design process and expand your influence - UX Amsterdam

userresearchconceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto- type

design principles

where in the process

Page 131: Improve your design process and expand your influence - UX Amsterdam

a plan for improvementI will <do something>

together with <another role>and we will change <a part of the process>

to improve <a success metric>before <a deadline>.

Page 132: Improve your design process and expand your influence - UX Amsterdam

success for designproduct usage

compliments vs. complaintsvalue of the brand

Page 133: Improve your design process and expand your influence - UX Amsterdam

success for design teamson time & within budget

efficient & effective valued by colleagues

Page 134: Improve your design process and expand your influence - UX Amsterdam

a plan for improvementI will <do something>

together with <another role>and we will change <a part of the process>

to improve <a success metric>before <a deadline>.

Page 135: Improve your design process and expand your influence - UX Amsterdam

when

14July

Page 136: Improve your design process and expand your influence - UX Amsterdam

a plan for improvementI will <do something>

together with <another role>and we will change <a part of the process>

to improve <a success metric>before <a deadline>.

Page 137: Improve your design process and expand your influence - UX Amsterdam

write a planI will <do something>

together with <another role>and we will change <a part of the process>

to improve <a success metric>before <a deadline>.

Page 138: Improve your design process and expand your influence - UX Amsterdam

to designto create a design,in a environment

where the designer operatesand keeps improving

Page 139: Improve your design process and expand your influence - UX Amsterdam

improve yourdesign process

and expand your influence

@pboersma