Tour of UX deliverables - dev/haagPresentation Transcript
elements of user experience a tour of user experience deliverablespeter boersma dev/haag, January 21, 2011
Adaptive Path helps teams and organizations create products and services that deliver great experiences to improve people’s lives. consulting experience research events experience design 4,000 participants experience strategy r+d 20 countries 8 50 books hundreds of articles c o n s u lta n c i e s thousands of readers
elements of user experiencea tour of user experience deliverables
2001
2011
<real elements of user experience 2nd edition>
more elements of user experiencea tour of user experience deliverables
?
DesignStrategy Research
Business Manage Strategy ProcessEvaluation Research Design
Business these influence the Manage User Experience Strategy too! ProcessEvaluation typical Research User-Centered Design Design
elements of user experiencea tour of user experience deliverables
elements of user experiencea tour of user experience deliverables
Pitch Estimate Business Optimize Scenarios Beta Position Roles Manage Strategy Steps Service DesignScope Competition ProcessTest Interviews Review Requirements Evaluation Research Roadmap Personas Prototype Design Sketch Detailed Design Concept
Pitch Business Estimate Optimize Scenarios Beta Position Roles Manage Strategy Steps Service DesignScope Competition ProcessTest Interviews Review Requirements Evaluation Research Roadmap Personas Prototype Design Sketch Detailed Design Concept
pitching is all about en-vision-inga tour of user experience deliverables
Pitch Business Estimate Scenarios
“many” and “a lot”are good first guesses!
input for estimates output scope items requirements assumptions approach calculations team skills explanationsexperience with subject risks experience with client experience of client when available when possible
output example outputassumptions assuming we design 10 wireframes (5 complex + 5 medium) + 15 components calculations we estimate we need 320 hours(explanations) (5x16 + 5x12 + 15x12) risks but we don’t know the developer’s documentation needs
1. make estimates honest2. use margins to wow client a tour of user experience deliverables
Pitch Estimate Business Scenarios
Pitch Estimate Business Scenarios Position Strategy Competition
PositionStrategy Competition
“know your enemy”(Sun Tzu, The Art of War) a tour of user experience deliverables
PositionStrategy Competition InterviewsResearch Personas
businessstakeholders
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
ask: who are you? etc. Hardware Engineer Can you please describe your role? System Engineer Field Application Engineer Software Engineer Board Engineer Test Engineer Quality Engineer Component Engineer Other Engineering role Program/Project Manager What information is most important to you? (1 = most important / 3 = third most important) Purchase Manager Purchaser Sourcer Rich Media (Videos, Interactives, etc.) Price Environmental Information Sustainability Block Diagrams (or other visualizations) Application InformationDo you use social media as part of your job? General Product Information 0.00 0.50 1.00 1.50 2.00 2.50 3.00 Yes. I often use social media for work. I rarely use social media for work. No. I never use social media for work.
and find out the value of answersWhat 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
“you are not the user” a tour of user experience deliverables
InterviewsResearch Personas
where do they come from?
find personas in the data a tour of user experience deliverables
Interviews Research Personas Design SketchDetailed Design Concept
Sketching with markers Yellow marker Look at me! Sharpie markers More attention Fat Regular Start here Small Gray marker Depth: Pop forward Push back
It’s not about HOW to sketch, but WHAT to sketch
you can never havetoo many sketchesa tour of user experience deliverables
Design SketchDetailed Design Concept
www.BigDutchBank.com is... a personal, retail bankwhere you learn about, configure and buy products & servicesalone, based on stories, or with an advisor
LifePlay BuyLearn
flow: confirm appointment
express concepts assentence, model or flow (or a mix) a tour of user experience deliverables
Design SketchDetailed Design Concept
if the level of detailin 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
Test EvaluationPrototype Design Sketch Detailed Design Concept
use what you like:paper, PowerPoint, Excel, Axure, Flash or HTML, but prototype a tour of user experience deliverables
Test Evaluation Prototype
observer facilitator participant
try any of theseremote usability testing tools
read this book
1. test early & often2. have a test strategy a tour of user experience deliverables
Optimize Beta ManageScope Test Evaluation Prototype
essential pick just a few of these for your project! quick winner! wineasy hard repair quality contribute
1. classify scope-items 2. select the winners a tour of user experience deliverables
Optimize Beta ManageScope
Optimize Beta ManageScope
experimentto learn what works for your designa tour of user experience deliverables
Pitch Estimate Business Optimize Scenarios Beta Position Manage StrategyScope Competition ProcessTest Interviews Evaluation Research Personas Prototype Design Sketch Detailed Design Concept
Pitch Estimate Business Optimize Scenarios Beta Position Roles Manage Strategy Steps Service DesignScope Competition ProcessTest Interviews Review Requirements Evaluation Research Roadmap Personas Prototype Design Sketch Detailed Design Concept
RolesSteps Service Design ProcessReview Requirements Roadmap
?A B
A 1 2 3 4 B 4a 2aC 1 3 4b 5 6 D 2b 4c
na A P rso M Pe TE SI ir e- wire framre qu es usabi ts lity m en test re en design proto- Sc principles W F LO type
u ire- design wire proto-req ts principles fram es men type A1 2 3 4 B AP s ona M n usabiPer TE Sc ree lity te st SI FL OW
user concept detailed prototype &research design design evaluate
user research detailed user design prototype & concept Cresearch design D evaluate prototype & prototype & evaluate evaluate
rs onaPe
?A 1 2 3 4 B
wire u ire- design fram es proto-req ts principles men type user concept detailed prototype &reseach design design evaluate AP s ona M usabi Per TE n lity te st SI Sc ree FL OW
don’t copya design process diagram; create your own user experience design processes
RolesSteps Service Design ProcessReview Requirements Roadmap
Pitch Estimate Business Optimize Scenarios Beta Position Roles Manage Strategy Steps Service DesignScope Competition ProcessTest Interviews Review Requirements Evaluation Research Roadmap Personas Prototype Design Sketch Detailed Design Concept
<real elements of user experience 2nd edition>
Questions?peter boersma
elements of user experience a tour of user experience deliverablespeter boersma