UX Design Deliverables: Expert's Choice<br />Lilia Manguy, Principle UX Designer & Owner<br />PurplePurr Studios<br />
Setting Expectations<br />Focus is on choosing deliverables NOT creating them<br />Will not be covering prototypes due to ...
A Bit About Myself<br />Began career as an intern at Hotwired.com in 1997<br />Master Information Management & Systems, 20...
Why User Experience Design Deliverables?<br />Recognize any of these situations?<br />Client doesn’t understand methodolog...
AGENDA<br />3/13/2010<br />5<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
User Experience Design Deliverables<br />Definition<br />Selection & Creation<br />Presentation<br />Tools<br />3/13/2010<...
DEFINITION<br />3/13/2010<br />7<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
I. User Experience Deliverables:  Definition<br />A deliverable is documentation/artifact of the UX design process for the...
UX Deliverables:  Examples<br />3/13/2010<br />9<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Mangu...
SELECTION & CREATION<br />3/13/2010<br />10<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
II. User Experience Deliverables:  Selection & Creation<br />Define the focus for your deliverables<br />Your goals<br />L...
SELECTION & CREATION1. Define the focus of your deliverables<br />Your goals<br />To sell / seduce / convert?<br />To chan...
SELECTION & CREATION2. Choose your deliverables according your process and focus<br />3/13/2010<br />13<br />"User Experie...
Wireframes
User flows
Storyboards
User testing
Focus groups
Surveys
Concept model
Mental model
Mood boards
Personas & scenarios
Functional specs
Taxonomy
Stakeholder interviews
Contextual inquiry
Task analysis
Site metrics
Market research
Competitive analysis
Site audit / content inventory</li></li></ul><li>SELECTION & CREATION Example<br />Focus<br />Goal: To sell a new interact...
INTERACTIVE PART!<br />3/13/2010<br />15<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
Upcoming SlideShare
Loading in...5
×

UX Design Deliverables: Expert's Choice

13,120

Published on

A myriad of user experience deliverables are available to the UXD practitioner, but which are most effective for capturing the design concept, process, and vision? We survey preferred sets of deliverables and give pointers for choosing yours.

Published in: Design, Technology, Business

UX Design Deliverables: Expert's Choice

  1. 1. UX Design Deliverables: Expert's Choice<br />Lilia Manguy, Principle UX Designer & Owner<br />PurplePurr Studios<br />
  2. 2. Setting Expectations<br />Focus is on choosing deliverables NOT creating them<br />Will not be covering prototypes due to scope limitations<br />15-20 minutes for Q & A at the end<br />Interactive portion – please participate!<br />Not meant to be comprehensive – not enough time<br />Twitter hashmark: #UXsxsw<br />3/13/2010<br />2<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  3. 3. A Bit About Myself<br />Began career as an intern at Hotwired.com in 1997<br />Master Information Management & Systems, 2006<br />Agencies<br />Projects<br />3/13/2010<br />3<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  4. 4. Why User Experience Design Deliverables?<br />Recognize any of these situations?<br />Client doesn’t understand methodology & findings<br />Internal disagreement with your team about best deliverables<br />Lack of standardization – reinventing the wheel<br />Where do I start?<br />3/13/2010<br />4<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  5. 5. AGENDA<br />3/13/2010<br />5<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  6. 6. User Experience Design Deliverables<br />Definition<br />Selection & Creation<br />Presentation<br />Tools<br />3/13/2010<br />6<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  7. 7. DEFINITION<br />3/13/2010<br />7<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  8. 8. I. User Experience Deliverables: Definition<br />A deliverable is documentation/artifact of the UX design process for the purpose of communicating the result to others<br />Why is it important?A deliverable is important because, when executed effectively, it compels your client or team to understand the importance of your findings so they care and want to take action.<br />3/13/2010<br />8<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  9. 9. UX Deliverables: Examples<br />3/13/2010<br />9<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  10. 10. SELECTION & CREATION<br />3/13/2010<br />10<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  11. 11. II. User Experience Deliverables: Selection & Creation<br />Define the focus for your deliverables<br />Your goals<br />Level of project detail<br />Your audience<br />Their language<br />Map your deliverables to your process and focus<br />Format following best practices<br />3/13/2010<br />11<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  12. 12. SELECTION & CREATION1. Define the focus of your deliverables<br />Your goals<br />To sell / seduce / convert?<br />To change minds?<br />To validate an assumption?<br />Level of detail required<br />Big picture / overview?<br />Complex<br />Your audience<br />Familiar with the UX process?<br />Need lots of definitions and explanations?<br />Their language<br />Analytical – quantitative (statistics, dollars & cents)<br />Relational – qualitative (anecdotes, comments & quotes)<br />3/13/2010<br />12<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  13. 13. SELECTION & CREATION2. Choose your deliverables according your process and focus<br />3/13/2010<br />13<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />Validation<br />Design<br />Concepting<br />Synthesis<br />Research<br />UX Design Process<br /><ul><li>Sitemap
  14. 14. Wireframes
  15. 15. User flows
  16. 16. Storyboards
  17. 17. User testing
  18. 18. Focus groups
  19. 19. Surveys
  20. 20. Concept model
  21. 21. Mental model
  22. 22. Mood boards
  23. 23. Personas & scenarios
  24. 24. Functional specs
  25. 25. Taxonomy
  26. 26. Stakeholder interviews
  27. 27. Contextual inquiry
  28. 28. Task analysis
  29. 29. Site metrics
  30. 30. Market research
  31. 31. Competitive analysis
  32. 32. Site audit / content inventory</li></li></ul><li>SELECTION & CREATION Example<br />Focus<br />Goal: To sell a new interaction model<br />Detail: Complex transactions are involved<br />Audience: New to UX<br />Language: Quantitative – the client responds to profit and costs<br />Your UX Process<br />Competitive analysis<br />Personas & scenarios<br />Interaction flow<br />Sitemap<br />Wireframes<br />3/13/2010<br />14<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  33. 33. INTERACTIVE PART!<br />3/13/2010<br />15<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  34. 34. SELECTION & CREATION Example (cont.)<br />Focus<br />Goal: To sell<br />Detail: Complex<br />Audience: New to UX<br />Language: Quantitative ($)<br />Your UX Process<br />Competitive analysis<br />Personas & scenarios<br />Interaction flow<br />Sitemap<br />Wireframes<br />3/13/2010<br />16<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />B.<br />A.<br />D.<br />C.<br />
  35. 35. SELECTION & CREATION Example (cont.)<br />B.<br />Focus<br />Goal: To sell<br />Detail: Complex<br />Audience: New to UX<br />Language: Quantitative ($)<br />Your UX Process<br />Competitive analysis<br />Personas & scenarios<br />Interaction flow<br />Sitemap<br />Wireframes<br />A.<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />C.<br />D.<br />E.<br />17<br />
  36. 36. SELECTION & CREATION Example (cont.)<br />A.<br />Focus<br />Goal: To sell<br />Detail: Complex<br />Audience: New to UX<br />Language: Quantitative ($)<br />Your UX Process<br />Competitive analysis<br />Personas & scenarios<br />Interaction model<br />Sitemap<br />Wireframes<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />B.<br />18<br />
  37. 37. 19<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />SELECTION & CREATION Example (cont.)<br />B.<br />A.<br />Focus<br />Goal: To sell<br />Detail: Complex<br />Audience: New to UX<br />Language: Quantitative ($)<br />Your UX Process<br />Competitive analysis<br />Personas & scenarios<br />Interaction model<br />Sitemap<br />Wireframes<br />D.<br />C.<br />E.<br />
  38. 38. 3/13/2010<br />20<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />SELECTION & CREATION Example (cont.)<br />B.<br />A.<br />Focus<br />Goal: To sell<br />Detail: Complex<br />Audience: New to UX<br />Language: Quantitative ($)<br />Your UX Process<br />Competitive analysis<br />Personas & scenarios<br />Interaction model<br />Sitemap<br />Wireframes<br />C.<br />
  39. 39. Want more deliverable examples?<br />GOOD RESOURCES<br />3/13/2010<br />21<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  40. 40. SELECTION RESOURCESPeter Morville’s User Experience Treasure Map<br />http://semanticstudios.com/publications/semantics/000228.php<br />3/13/2010<br />22<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  41. 41. SELECTION RESOURCESNathan Curtis’s “Instant Deliverable Mix”<br />http://www.nathancurtis.com/wp-content/uploads/2008/PagePatternPoster.Final.pdf<br />3/13/2010<br />23<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  42. 42. FORMATTING DELIVERABLES<br />3/13/2010<br />24<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  43. 43. SELECTION & CREATION3. Format your deliverable following best practices<br />3/13/2010<br />25<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />page title<br />annotations<br />uncluttered; <br />lots of white space<br />your agency/<br />business logo<br />client logo<br />project name<br />date<br />page number<br />copyright<br />
  44. 44. 3/13/2010<br />26<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />SELECTION & CREATION3. Format your deliverable following best practices (cont.)<br />page title<br />Fold 600px<br />annotations<br />disclaimer:<br />Wireframes DO NOT imply final grid, rather purpose of page and key assets and global navigation<br />client logo<br />your agency/<br />business logo<br />
  45. 45. III. User Experience Deliverables: Presentation<br />Tell a story with your deliverables: the UX Brief<br />What is a User Experience Brief?A user experience brief is detailed explanation of your user experience design strategy written in a narrative style.<br />Why is it important? A user experience brief is important because it fills in the holes that a collection of deliverables doesn’t address.<br />3/13/2010<br />27<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  46. 46. 3/13/2010<br />28<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />User Experience Brief: Example<br />Cover<br />TOC<br />Intro /Problem Statement<br />Deliverable: Stakeholder interviews<br />Deliverable: Concept model<br />Deliverable: Wireframe<br />Deliverable: Wireframe<br />Deliverable: Wireframe<br />
  47. 47. 3/13/2010<br />29<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />User Experience Brief: Example (cont.)<br />Next Steps<br />Appendix<br />Supplemental Info<br />Supplemental Info<br />Thank You (+ contact info)<br />
  48. 48. IV. User Experience Deliverables: Tools<br />Software<br />Omnigraffle (Mac)<br />Visio (PC)<br />InDesign (Mac & PC)<br />Features<br />Shape Libraries<br />Background templates<br />Multiple pages<br />3/13/2010<br />30<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  49. 49. Summary<br />DEFINITIONA deliverable is an artifact of your user experience design process that, when most effective, compels your intended audience to take an intended action<br />SELECTION & CREATION<br />Define the focus of your deliverables<br />Map to your UX process<br />Format according to best practices<br />PRESENTATIONTell a story with your deliverables: the UX brief<br />TOOLSOmnigraffle (Mac), Visio (PC), InDesign (Mac & PC)<br />3/13/2010<br />31<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  50. 50. Resources<br />Semantic Studios - http://semanticstudios.com/publications/<br />Nathan Curtis - http://nathancurtis.com/<br />Boxes & Arrows - http://boxesandarrows.com/<br />Adaptive Path: http://www.adaptivepath.com/<br />3/13/2010<br />32<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  51. 51. Thank you!<br />lilia@purplepurrstudios.com<br />3/13/2010<br />33<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×