tour of ux deliverables - dev/haag
Post on 18-Oct-2014
5.868 views
DESCRIPTION
Presentation about UX deliverables and design process for dev/haag Meetup on Jan. 21, 2011.TRANSCRIPT
elements ofuser experience
a tour of user experience deliverables
peter boersmadev/haag, January 21, 2011
events
4,000 p a r t i c i p a n t s
20 c o u n t r i e s
50 c o n s u l t a n c i e s
consulting
e x p e r i e n c e
researche x p e r i e n c e
designe x p e r i e n c e
strategy
hundredso f a r t i c l e s
r+d
8b o o k s
thousandso f r e a d e r s
Adaptive Path helps teams and organizations create products and services that deliver great experiences to improve people’s lives.
three locations
clients world-wide
elements ofuser experience
a tour of user experience deliverables
2001
2011
<real elements ofuser experience
2nd edition>
moreelements of
user experiencea tour of user experience deliverables
?
Design
ResearchStrategy
Process
Evaluation
Manage
Business
Design
Strategy
Research
Process
Manage
Business
Strategy
Evaluation
Design
Research
theseinfluence the
User Experience too!
typicalUser-Centered
Design
elements ofuser experience
a tour of user experience deliverables
elements ofuser experience
a tour of user experience deliverables
Business
Design
ResearchEvaluation
StrategyManage
Pitch
Scenarios
Position
Service Design
Roadmap
Prototype
RequirementsReviewTest
Scope
Optimize
Estimate
Beta
ConceptDetailed Design
Sketch
Personas
Competition
Process
Roles
Steps
Interviews
BusinessPitchScenarios
Estimate
Design
ResearchEvaluation
StrategyManage
Position
Service Design
Roadmap
Prototype
RequirementsReviewTest
Scope
Optimize
Beta
ConceptDetailed Design
Sketch
Personas
Competition
Process
Roles
Steps
Interviews
pitching is all abouten-vision-ing
a tour of user experience deliverables
BusinessPitch
Scenarios
Estimate
“many”and
“a lot”are good first guesses!
output
assumptionscalculationsexplanations
risks
when possible
input for estimates
scope itemsrequirements
approachteam skills
experience with subjectexperience with client
experience of client
when available
example output
assumingwe design 10 wireframes(5 complex + 5 medium)
+ 15 componentswe estimate
we need 320 hours(5x16 + 5x12 + 15x12)
butwe don’t know the
developer’s documentation needs
output
assumptions
calculations
(explanations)risks
1. make estimates honest2. use margins to wow client
a tour of user experience deliverables
BusinessPitch
Scenarios
Estimate
BusinessPitch
Scenarios
Estimate
Strategy
Position
Competition
Strategy
Position
Competition
“know your enemy”(Sun Tzu, The Art of War)
a tour of user experience deliverables
Strategy
Position
Competition
Research
Personas
Interviews
business stakeholders
ask
what is the idea?will it help you reach your goals?
will customers accept it?why now?
how fast can you move?
and find out value of answers
ask: what is the idea?
ask: why now?
and find out the value of answers
users
ask
who are you?what do you use now?
how do you feel about it?when is it a good/bad day?
what should it be like?
and find out value of answers
Can you please describe your role? Hardware Engineer
System Engineer
Field Application Engineer
Software Engineer
Board Engineer
Test Engineer
Quality Engineer
Component Engineer
Other Engineering role
Program/Project Manager
Purchase Manager
Purchaser
Sourcer
Do you use social media as part of your job?
Yes. I often use social media for work.
I rarely use social media for work.
No. I never use social media for work.
0.00 0.50 1.00 1.50 2.00 2.50 3.00
General Product Information
Application Information
Block Diagrams (or other visualizations)
Sustainability
Environmental Information
Price
Rich Media (Videos, Interactives, etc.)
What information is most important to you? (1 = most important / 3 = third most important)
ask: who are you? etc.
What is the size of the organization where you work (all locations combined?)
Less than 10 employees
10 to 100 employees
100 to 500 employees
1,000 to 10,000 employees
10,000 to 100,000 employees
More than 100,000 employees
and find out the value of answers
“you are not the user”a tour of user experience deliverables
Research
Personas
Interviews
where do they come from?
find personas in the dataa tour of user experience deliverables
SketchDesignConceptDetailed Design
Research
Personas
Interviews
Sketching with markers
Yellow marker
Fat
Regular
Small
Gray marker
Sharpie markers
Start here
More attention
Depth:Pop forward
Push back
Look at me!
It’s not about HOW to sketch, but WHAT to sketch
you can never havetoo many sketchesa tour of user experience deliverables
SketchDesignConceptDetailed Design
a personal, retail bankwhere you learn about, configure and buy
products & servicesalone, based on stories, or with an advisor
www.BigDutchBank.comis...
Life
Play
Learn
Buy
flow: confirm appointment
express concepts assentence, model or flow
(or a mix)a tour of user experience deliverables
SketchDesignConceptDetailed Design
ifthe level of detail
in your design specification goes up like this:
thenit may be time to write more
formal design specification documents
make design specificationsmatch the needs of the project
a tour of user experience deliverables
Evaluation
Prototype
Test
DesignConceptDetailed Design
Sketch
use what you like:paper, PowerPoint, Excel,
Axure, Flash or HTML,but
prototypea tour of user experience deliverables
Evaluation
Prototype
Test
observer
facilitatorparticipant
try any of theseremote usability testing tools
read this book
1. test early & often2. have a test strategy
a tour of user experience deliverables
Evaluation
Prototype
Test
Manage
Scope
Optimize
Beta
easy hard
contribute
essential
quickwin
repair quality
winner!
pickjust a few of these for your
project!
1. classify scope-items2. select the winners
a tour of user experience deliverables
Manage
Scope
Optimize
Beta
Manage
Scope
Optimize
Beta
experimentto learn what works
for your designa tour of user experience deliverables
Manage
Scope
Optimize
Beta
Process
BusinessPitch
Scenarios
Estimate
Design
ResearchEvaluation
Strategy
Position
Prototype
Test
ConceptDetailed Design
Sketch
Personas
Competition
Interviews
Process
Service Design
Roadmap
RequirementsReview
Roles
Steps
Manage
Scope
Optimize
Beta
BusinessPitch
Scenarios
Estimate
Design
ResearchEvaluation
Strategy
Position
Prototype
Test
ConceptDetailed Design
Sketch
Personas
Competition
Interviews
Process
Service Design
Roadmap
RequirementsReview
Roles
Steps
A B?
A B21 3 4
C D2a
1 3 5
2b
4b
4a
4c
6
SITEMAP
wireframesrequire-
mentsusability test
Screen
FLOWproto-type
designprinciples
Persona
1 2 3 4
Persona
SITEMAP
wireframesrequire-
ments
usability testScreen
FLOW
proto-type
designprinciples
A B
userresearch
conceptdesign
detaileddesign
prototype & evaluate
C Duserresearch
conceptdesign
detaileddesign prototype &
evaluate
userresearch
prototype & evaluate
prototype & evaluate
Persona
A B21 3 4
?
userreseach
concept design
detaileddesign
prototype & evaluate
Persona
SITEMAP
wireframesrequire-
ments
usability testScreen
FLOW
proto-type
designprinciples
don’t copya design process diagram;
create your ownuser experience design processes
Process
Service Design
Roadmap
RequirementsReview
Roles
Steps
Business
Design
ResearchEvaluation
StrategyManage
Pitch
Scenarios
Position
Service Design
Roadmap
Prototype
RequirementsReviewTest
Scope
Optimize
Estimate
Beta
ConceptDetailed Design
Sketch
Personas
Competition
Process
Roles
Steps
Interviews
<real elements ofuser experience
2nd edition>
Questions?
peter boersma
elements ofuser experience
a tour of user experience deliverables
peter boersma