you can do better! (dsgnday)

you can do better!

@pboersma

you can do better!

@dsgndayconf

a red border means there is an exercise!

peter1970

commodore 16

computer science & ergonomics

20 years at interactive agencies

design process freak

in-house UX strategist

dsgnday

dsgn

a design

a speci!cation 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

to design

to create a design,in an environment where

the designer operates

to design

to create a design,in an environment where

the designer operates

create

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

list 10 deliverables

business

design

researchevaluation

strategyproject

business

design

researchevaluation

strategyproject

pitch

scenarios

position

roadmap

service design

prototype

requirementsreviewtest

scope

analytics

estimate

beta

sketchdetailed design

concept

personas

competition

roles

steps

interviews

business

design

researchevaluation

strategyproject

pitch

X

business

design

researchevaluation

strategyproject

estimate

estimate

assumptions

calculations

(explanations)risks

example estimate

assumingwe design 10 wireframes(5 complex + 5 medium)

plus 15 componentswe estimate

we need 300 hours

butwe don’t know the

documentation needs

of the developer

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

business

design

researchevaluation

strategyproject

position

client

client

client

competitor

competitorcompetitor

competitorcompetitor

big competitor

big competitor

competitor

competitor

client

competitor

competitorcompetitor

competitorcompetitor

big competitor

big competitor

client competitor

competitor

client

business

design

researchevaluation

strategyproject

competition

business

design

researchevaluation

strategyproject

personas

business

design

researchevaluation

strategyproject

prototype

sketchdetailed design

concept

MOBILEAPP

MUSIC PLAYER IN BAR

matching

user profile

bar profile

business

design

researchevaluation

strategyproject

test

business

design

researchevaluation

strategyproject

beta

business

design

researchevaluation

strategyproject

pitch

scenarios

position

roadmap

service design

prototype

requirementsreviewtest

scope

analytics

estimate

beta

sketchdetailed design

concept

personas

competition

roles

steps

interviews

to design

to create a design,in an environment where

the designer operates

to create a design,in an environment where

the designer operates

environment

org chart

draw your org chart

design in your org chart

to design

to create a design,in an environment where

the designer operates

to create a design,in an environment where

the designer operates

operate

process

design process

substantial disagreement existsconcerning how designers [..] produce designs.

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

2. the design process is plan-driven

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

1. designers use creativity and emotion to generate design candidates

2. the design process is improvised

3. no universal sequence of stages is apparent – analysis, design and

implementation are contemporary and inextricably linked

80-20 rule for problems

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

2. the design process is plan-driven

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

1. designers use creativity and emotion to generate design candidates

2. the design process is improvised

3. no universal sequence of stages is apparent – analysis, design and

implementation are contemporary and inextricably linked

80% 20%

80-20 rule for time spent

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

2. the design process is plan-driven

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

1. designers use creativity and emotion to generate design candidates

2. the design process is improvised

3. no universal sequence of stages is apparent – analysis, design and

implementation are contemporary and inextricably linked

20% 80%

80-20 rule for time spent

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

2. the design process is plan-driven

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

1. designers use creativity and emotion to generate design candidates

2. the design process is improvised

3. no universal sequence of stages is apparent – analysis, design and

implementation are contemporary and inextricably linked

20% 80%

assuming you have a process

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

document a process

sketch your process

sketch your process

SITEMAP

wireframesrequire-

mentsusability test

Screen

FLOWproto-type

designprinciples

Persona

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

1 2 3 4

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

userresearchconceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

userreseach

concept design

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

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

10 steps

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

...

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

http://www.slideshare.net/Hienadz.Drahun/50-visual-de"nitions-of-user-experience

to design

to create a design,in an environment

where the designer operates

to create a design,in an environment

where the designer operates

to design better

to create a better design,in a better environment

where the designer operates better

improve

a plan for improvementto improve <a success metric>,

I will <do something>together with <another role>

and we will change <a part of the process>before <a deadline>.

success for design

1. product usage2. compliments vs. complaints

3. value of the brand

success for design teams

1. projects on time & within budget 2. efficiency & effectiveness

3. valued by colleagues

business

design

researchevaluation

strategyproject

with whom

where in the org chart

userresearchconceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

where in the process

which deliverablepitch

scenarios

position

roadmap

service design

prototype

requirementsreviewtest

scope

analytics

estimate

beta

sketchdetailed design

concept

personas

competition

roles

steps

interviews

when

11nov

a plan for improvementto improve <a success metric>,

I will <do something>together with <another role>

and we will change <a part of the process>before <a deadline>.

write a planto improve <a success metric>,

I will <do something>together with <another role>

and we will change <a part of the process>before <a deadline>.

to design

to create a design,in a environment

where the designer operatesand keeps improving

you can do better!

@pboersma