you can do better! improve your design process (ux scotland)
TRANSCRIPT
you can do better!improve your
design process
@pboersma
UX Scotland 2016, Edinburgh
@pboersma
you can do better!improve your
design process
peter1970
commodore 16
computer science & ergonomics
20 years at interactive agencies
design process freak
in-house UX strategist
you can do better!improve your
design process
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
to designto create a design,
in an environment where the designer operates
to designto 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 UX deliverables
business
design
researchevaluation
strategyproject
business
design
researchevaluation
strategyproject
pitch
scenarios
position
roadmap
service design
prototype
requirementsreviewtest
scope
analytics
estimate
beta
conceptdetailed design
sketch
personas
competition
roles
steps
interviews
business
design
researchevaluation
strategyproject
pitch
position
roadmap
service design
prototype
test
estimate
beta
conceptdetailed design
sketch
personas
competition
business
design
researchevaluation
strategyproject
pitch
X
business
design
researchevaluation
strategyproject
estimate
estimate
assumptions
calculations
(explanations)risks
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)
business
design
researchevaluation
strategyproject
position
client
sub-brandcommunities
corebrand
onlinesupport
onlinesales
client
competitor
competitorcompetitor
competitorcompetitor
big competitor
big competitor
competitor
competitor
sub-brandcommunities
corebrand
onlinesupport
onlinesales
client
competitor
competitorcompetitor
competitorcompetitor
big competitor
big competitor
client competitor
competitor
sub-brandcommunities
corebrand
onlinesupport
onlinesales
client
business
design
researchevaluation
strategyprojectcompetition
business
design
researchevaluation
strategyprojectroadmap
progress
progress
progress
progress
area
area
area area
area
progress
progress progress
progress progress
progress
progress progress
progress progress
moment momentmoment moment
business
design
researchevaluation
strategyproject
personas
business
design
researchevaluation
strategyproject
prototype
conceptdetailed design
sketch
MOBILE APP
MUSIC PLAYER IN BAR
matching
user profile
bar profile
OUT OF SCOPE
business
design
researchevaluation
strategyproject
service design
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 designto 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 designto create a design,
in an environment wherethe designer operates
to create a design,in an environment where
the designer operates
operate
business
design
researchevaluation
strategyproject
process
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
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
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%
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
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
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
process documentation
sketch your process
sketch your process
SITEMAP
wireframesrequire-
ments usabilitytest
Screen
FLOWproto- type
design principles
Persona
1 2 3 4
Persona
SITEMAP
wireframesrequire-
ments
usabilitytest
Screen
FLOW
proto- type
design principles
1 2 3 4userresearch conceptdesign
detaileddesign
prototype & evaluate
Persona
SITEMAP
wireframesrequire-
ments
usabilitytest
Screen
FLOW
proto- type
design principles
http://www.slideshare.net/Hienadz.Drahun/50-visual-definitions-of-user-experience
userresearch conceptdesign
detaileddesign
prototype & evaluate
Persona
SITEMAP
wireframesrequire-
ments
usabilitytest
Screen
FLOW
proto- type
design principles
1.identify your current deliverables2.create diagram with deliverables & phases
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
...
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
to designto create a design,
in an environment where the designer operates
you can do better!improve your
design process
to designto create a design,
in an environment where the designer operatesand keeps improving
improve
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>.
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>.
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>.
business
design
researchevaluation
strategyproject
with whom
where in the org chart
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>.
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
userresearch conceptdesign
detaileddesign
prototype & evaluate
Persona
SITEMAP
wireframesrequire-
ments
usabilitytest
Screen
FLOW
proto- type
design principles
where in the process
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>.
success for a designproduct usage
compliments vs. complaints
value of the brand
success for a design teamon time & within budget
efficient & effective
valued by colleagues
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>.
when
9June
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>.
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>.
to designto create a design,in an environment
where the designer operatesand keeps improving
you can do better!improve your
design process
@pboersma
UX Scotland 2016, Edinburgh