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