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.

1. UX Design Deliverables: Expert's Choice Lilia Manguy, Principle UX Designer & Owner PurplePurr Studios

2. Setting Expectations Focus is on choosing deliverables NOT creating them Will not be covering prototypes due to scope limitations 15-20 minutes for Q & A at the end Interactive portion – please participate! Not meant to be comprehensive – not enough time Twitter hashmark: #UXsxsw 3/13/2010 2 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

3. A Bit About Myself Began career as an intern at Hotwired.com in 1997 Master Information Management & Systems, 2006 Agencies Projects 3/13/2010 3 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

4. Why User Experience Design Deliverables? Recognize any of these situations? Client doesn’t understand methodology & findings Internal disagreement with your team about best deliverables Lack of standardization – reinventing the wheel Where do I start? 3/13/2010 4 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

5. AGENDA 3/13/2010 5 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

6. User Experience Design Deliverables Definition Selection & Creation Presentation Tools 3/13/2010 6 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

7. DEFINITION 3/13/2010 7 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

8. I. User Experience Deliverables: Definition A deliverable is documentation/artifact of the UX design process for the purpose of communicating the result to others 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. 3/13/2010 8 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

9. UX Deliverables: Examples 3/13/2010 9 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

10. SELECTION & CREATION 3/13/2010 10 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

11. II. User Experience Deliverables: Selection & Creation Define the focus for your deliverables Your goals Level of project detail Your audience Their language Map your deliverables to your process and focus Format following best practices 3/13/2010 11 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

12. SELECTION & CREATION1. Define the focus of your deliverables Your goals To sell / seduce / convert? To change minds? To validate an assumption? Level of detail required Big picture / overview? Complex Your audience Familiar with the UX process? Need lots of definitions and explanations? Their language Analytical – quantitative (statistics, dollars & cents) Relational – qualitative (anecdotes, comments & quotes) 3/13/2010 12 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

14. Wireframes

15. User flows

16. Storyboards

17. User testing

18. Focus groups

19. Surveys

20. Concept model

21. Mental model

22. Mood boards

23. Personas & scenarios

24. Functional specs

25. Taxonomy

26. Stakeholder interviews

27. Contextual inquiry

28. Task analysis

29. Site metrics

30. Market research

31. Competitive analysis

33. INTERACTIVE PART! 3/13/2010 15 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

34. SELECTION & CREATION Example (cont.) Focus Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative ($) Your UX Process Competitive analysis Personas & scenarios Interaction flow Sitemap Wireframes 3/13/2010 16 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy B. A. D. C.

35. SELECTION & CREATION Example (cont.) B. Focus Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative ($) Your UX Process Competitive analysis Personas & scenarios Interaction flow Sitemap Wireframes A. "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy C. D. E. 17

36. SELECTION & CREATION Example (cont.) A. Focus Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative ($) Your UX Process Competitive analysis Personas & scenarios Interaction model Sitemap Wireframes "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy B. 18

37. 19 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy SELECTION & CREATION Example (cont.) B. A. Focus Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative ($) Your UX Process Competitive analysis Personas & scenarios Interaction model Sitemap Wireframes D. C. E.

38. 3/13/2010 20 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy SELECTION & CREATION Example (cont.) B. A. Focus Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative ($) Your UX Process Competitive analysis Personas & scenarios Interaction model Sitemap Wireframes C.

39. Want more deliverable examples? GOOD RESOURCES 3/13/2010 21 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

40. SELECTION RESOURCESPeter Morville’s User Experience Treasure Map http://semanticstudios.com/publications/semantics/000228.php 3/13/2010 22 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

41. SELECTION RESOURCESNathan Curtis’s “Instant Deliverable Mix” http://www.nathancurtis.com/wp-content/uploads/2008/PagePatternPoster.Final.pdf 3/13/2010 23 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

42. FORMATTING DELIVERABLES 3/13/2010 24 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

43. SELECTION & CREATION3. Format your deliverable following best practices 3/13/2010 25 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy page title annotations uncluttered; lots of white space your agency/ business logo client logo project name date page number copyright

44. 3/13/2010 26 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy SELECTION & CREATION3. Format your deliverable following best practices (cont.) page title Fold 600px annotations disclaimer: Wireframes DO NOT imply final grid, rather purpose of page and key assets and global navigation client logo your agency/ business logo

45. III. User Experience Deliverables: Presentation Tell a story with your deliverables: the UX Brief What is a User Experience Brief?A user experience brief is detailed explanation of your user experience design strategy written in a narrative style. Why is it important? A user experience brief is important because it fills in the holes that a collection of deliverables doesn’t address. 3/13/2010 27 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

46. 3/13/2010 28 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy User Experience Brief: Example Cover TOC Intro /Problem Statement Deliverable: Stakeholder interviews Deliverable: Concept model Deliverable: Wireframe Deliverable: Wireframe Deliverable: Wireframe

47. 3/13/2010 29 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy User Experience Brief: Example (cont.) Next Steps Appendix Supplemental Info Supplemental Info Thank You (+ contact info)

48. IV. User Experience Deliverables: Tools Software Omnigraffle (Mac) Visio (PC) InDesign (Mac & PC) Features Shape Libraries Background templates Multiple pages 3/13/2010 30 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

49. Summary DEFINITIONA deliverable is an artifact of your user experience design process that, when most effective, compels your intended audience to take an intended action SELECTION & CREATION Define the focus of your deliverables Map to your UX process Format according to best practices PRESENTATIONTell a story with your deliverables: the UX brief TOOLSOmnigraffle (Mac), Visio (PC), InDesign (Mac & PC) 3/13/2010 31 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

50. Resources Semantic Studios - http://semanticstudios.com/publications/ Nathan Curtis - http://nathancurtis.com/ Boxes & Arrows - http://boxesandarrows.com/ Adaptive Path: http://www.adaptivepath.com/ 3/13/2010 32 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

51. Thank you! lilia@purplepurrstudios.com 3/13/2010 33 "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy