you can do better! improve your design process (ux scotland)

138
you can do better! improve your design process @pboersma UX Scotland 2016, Edinburgh

Upload: peter-boersma

Post on 21-Apr-2017

1.157 views

Category:

Design


2 download

TRANSCRIPT

Page 1: You can do better! Improve your design process (UX Scotland)

you can do better!improve your

design process

@pboersma

UX Scotland 2016, Edinburgh

Page 2: You can do better! Improve your design process (UX Scotland)

@pboersma

you can do better!improve your

design process

Page 3: You can do better! Improve your design process (UX Scotland)
Page 4: You can do better! Improve your design process (UX Scotland)
Page 5: You can do better! Improve your design process (UX Scotland)

peter1970

commodore 16

computer science & ergonomics

20 years at interactive agencies

design process freak

in-house UX strategist

Page 6: You can do better! Improve your design process (UX Scotland)

you can do better!improve your

design process

Page 7: You can do better! Improve your design process (UX Scotland)

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 8: You can do better! Improve your design process (UX Scotland)

to designto create a design,

in an environment where the designer operates

Page 9: You can do better! Improve your design process (UX Scotland)

to designto create a design,

in an environment where the designer operates

Page 10: You can do better! Improve your design process (UX Scotland)

create

Page 11: You can do better! Improve your design process (UX Scotland)

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 12: You can do better! Improve your design process (UX Scotland)

list 10 UX deliverables

Page 13: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

Page 14: You can do better! Improve your design process (UX Scotland)

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 15: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

pitch

position

roadmap

service design

prototype

test

estimate

beta

conceptdetailed design

sketch

personas

competition

Page 16: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

pitch

Page 17: You can do better! Improve your design process (UX Scotland)

X

Page 18: You can do better! Improve your design process (UX Scotland)
Page 19: You can do better! Improve your design process (UX Scotland)
Page 20: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

estimate

Page 21: You can do better! Improve your design process (UX Scotland)

estimate

assumptions

calculations

(explanations)risks

Page 22: You can do better! Improve your design process (UX Scotland)

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 23: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

position

Page 24: You can do better! Improve your design process (UX Scotland)

client

sub-brandcommunities

corebrand

onlinesupport

onlinesales

client

Page 25: You can do better! Improve your design process (UX Scotland)

competitor

competitorcompetitor

competitorcompetitor

big competitor

big competitor

competitor

competitor

sub-brandcommunities

corebrand

onlinesupport

onlinesales

client

Page 26: You can do better! Improve your design process (UX Scotland)

competitor

competitorcompetitor

competitorcompetitor

big competitor

big competitor

client competitor

competitor

sub-brandcommunities

corebrand

onlinesupport

onlinesales

client

Page 27: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyprojectcompetition

Page 28: You can do better! Improve your design process (UX Scotland)
Page 29: You can do better! Improve your design process (UX Scotland)
Page 30: You can do better! Improve your design process (UX Scotland)
Page 31: You can do better! Improve your design process (UX Scotland)
Page 32: You can do better! Improve your design process (UX Scotland)
Page 33: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyprojectroadmap

Page 34: You can do better! Improve your design process (UX Scotland)

progress

progress

progress

progress

Page 35: You can do better! Improve your design process (UX Scotland)

area

area

area area

area

progress

progress progress

progress progress

progress

progress progress

progress progress

moment momentmoment moment

Page 36: You can do better! Improve your design process (UX Scotland)
Page 37: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

personas

Page 38: You can do better! Improve your design process (UX Scotland)
Page 39: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

prototype

conceptdetailed design

sketch

Page 40: You can do better! Improve your design process (UX Scotland)
Page 41: You can do better! Improve your design process (UX Scotland)
Page 42: You can do better! Improve your design process (UX Scotland)
Page 43: You can do better! Improve your design process (UX Scotland)
Page 44: You can do better! Improve your design process (UX Scotland)
Page 45: You can do better! Improve your design process (UX Scotland)
Page 46: You can do better! Improve your design process (UX Scotland)
Page 47: You can do better! Improve your design process (UX Scotland)
Page 48: You can do better! Improve your design process (UX Scotland)

MOBILE APP

MUSIC PLAYER IN BAR

matching

user profile

bar profile

OUT OF SCOPE

Page 49: You can do better! Improve your design process (UX Scotland)
Page 50: You can do better! Improve your design process (UX Scotland)
Page 51: You can do better! Improve your design process (UX Scotland)
Page 52: You can do better! Improve your design process (UX Scotland)
Page 53: You can do better! Improve your design process (UX Scotland)
Page 54: You can do better! Improve your design process (UX Scotland)
Page 55: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

service design

Page 56: You can do better! Improve your design process (UX Scotland)
Page 57: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

test

Page 58: You can do better! Improve your design process (UX Scotland)
Page 59: You can do better! Improve your design process (UX Scotland)
Page 60: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

beta

Page 61: You can do better! Improve your design process (UX Scotland)
Page 62: You can do better! Improve your design process (UX Scotland)
Page 63: You can do better! Improve your design process (UX Scotland)
Page 64: You can do better! Improve your design process (UX Scotland)
Page 65: You can do better! Improve your design process (UX Scotland)

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 66: You can do better! Improve your design process (UX Scotland)

to designto create a design,

in an environment where the designer operates

to create a design,in an environment where

the designer operates

Page 67: You can do better! Improve your design process (UX Scotland)

environment

Page 68: You can do better! Improve your design process (UX Scotland)

org chart

Page 69: You can do better! Improve your design process (UX Scotland)

draw your org chart

Page 70: You can do better! Improve your design process (UX Scotland)
Page 71: You can do better! Improve your design process (UX Scotland)
Page 72: You can do better! Improve your design process (UX Scotland)
Page 73: You can do better! Improve your design process (UX Scotland)
Page 74: You can do better! Improve your design process (UX Scotland)
Page 75: You can do better! Improve your design process (UX Scotland)
Page 76: You can do better! Improve your design process (UX Scotland)
Page 77: You can do better! Improve your design process (UX Scotland)
Page 78: You can do better! Improve your design process (UX Scotland)
Page 79: You can do better! Improve your design process (UX Scotland)
Page 80: You can do better! Improve your design process (UX Scotland)

design in your org chart

Page 81: You can do better! Improve your design process (UX Scotland)

to designto create a design,

in an environment wherethe designer operates

to create a design,in an environment where

the designer operates

Page 82: You can do better! Improve your design process (UX Scotland)

operate

Page 83: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

process

Page 84: You can do better! Improve your design process (UX Scotland)

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 85: You can do better! Improve your design process (UX Scotland)

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

dynamic

stable

internal external

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

Page 86: You can do better! Improve your design process (UX Scotland)

80-20 rule for problems

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

80% 20%

Page 87: You can do better! Improve your design process (UX Scotland)

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 88: You can do better! Improve your design process (UX Scotland)

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

assumes you have a process

Page 89: You can do better! Improve your design process (UX Scotland)

why document a process?

1. to agree on what ‘things’ are called

2. to link design activities with other processes

3. to increase efficiency through standardization

4. to speed up integration of team members

5. to explain to your client where they are involved

6. to measure your work, so you can improve it

Page 90: You can do better! Improve your design process (UX Scotland)

process documentation

Page 91: You can do better! Improve your design process (UX Scotland)

sketch your process

Page 92: You can do better! Improve your design process (UX Scotland)

sketch your process

Page 93: You can do better! Improve your design process (UX Scotland)
Page 94: You can do better! Improve your design process (UX Scotland)

SITEMAP

wireframesrequire-

ments usabilitytest

Screen

FLOWproto- type

design principles

Persona

Page 95: You can do better! Improve your design process (UX Scotland)

1 2 3 4

Persona

SITEMAP

wireframesrequire-

ments

usabilitytest

Screen

FLOW

proto- type

design principles

Page 96: You can do better! Improve your design process (UX Scotland)

1 2 3 4userresearch conceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usabilitytest

Screen

FLOW

proto- type

design principles

Page 97: You can do better! Improve your design process (UX Scotland)
Page 98: You can do better! Improve your design process (UX Scotland)
Page 99: You can do better! Improve your design process (UX Scotland)
Page 100: You can do better! Improve your design process (UX Scotland)
Page 101: You can do better! Improve your design process (UX Scotland)
Page 102: You can do better! Improve your design process (UX Scotland)
Page 103: You can do better! Improve your design process (UX Scotland)
Page 104: You can do better! Improve your design process (UX Scotland)
Page 105: You can do better! Improve your design process (UX Scotland)
Page 106: You can do better! Improve your design process (UX Scotland)
Page 107: You can do better! Improve your design process (UX Scotland)
Page 108: You can do better! Improve your design process (UX Scotland)
Page 109: You can do better! Improve your design process (UX Scotland)
Page 110: You can do better! Improve your design process (UX Scotland)
Page 111: You can do better! Improve your design process (UX Scotland)
Page 112: You can do better! Improve your design process (UX Scotland)

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

Page 113: You can do better! Improve your design process (UX Scotland)
Page 114: You can do better! Improve your design process (UX Scotland)

userresearch conceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usabilitytest

Screen

FLOW

proto- type

design principles

Page 115: You can do better! Improve your design process (UX Scotland)

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

Page 116: You can do better! Improve your design process (UX Scotland)

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 117: You can do better! Improve your design process (UX Scotland)

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 118: You can do better! Improve your design process (UX Scotland)

to designto create a design,

in an environment where the designer operates

Page 119: You can do better! Improve your design process (UX Scotland)

you can do better!improve your

design process

Page 120: You can do better! Improve your design process (UX Scotland)

to designto create a design,

in an environment where the designer operatesand keeps improving

Page 121: You can do better! Improve your design process (UX Scotland)

improve

Page 122: You can do better! Improve your design process (UX Scotland)

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 123: You can do better! Improve your design process (UX Scotland)

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 124: You can do better! Improve your design process (UX Scotland)

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: You can do better! Improve your design process (UX Scotland)

business

design

researchevaluation

strategyproject

with whom

Page 126: You can do better! Improve your design process (UX Scotland)

where in the org chart

Page 127: You can do better! Improve your design process (UX Scotland)

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 128: You can do better! Improve your design process (UX Scotland)

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 129: You can do better! Improve your design process (UX Scotland)

userresearch conceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usabilitytest

Screen

FLOW

proto- type

design principles

where in the process

Page 130: You can do better! Improve your design process (UX Scotland)

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 131: You can do better! Improve your design process (UX Scotland)

success for a designproduct usage

compliments vs. complaints

value of the brand

Page 132: You can do better! Improve your design process (UX Scotland)

success for a design teamon time & within budget

efficient & effective

valued by colleagues

Page 133: You can do better! Improve your design process (UX Scotland)

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 134: You can do better! Improve your design process (UX Scotland)

when

9June

Page 135: You can do better! Improve your design process (UX Scotland)

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 136: You can do better! Improve your design process (UX Scotland)

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 137: You can do better! Improve your design process (UX Scotland)

to designto create a design,in an environment

where the designer operatesand keeps improving

Page 138: You can do better! Improve your design process (UX Scotland)

you can do better!improve your

design process

@pboersma

UX Scotland 2016, Edinburgh