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

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.
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.
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.
AGENDA<br />3/13/2010<br />5<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />

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.
DEFINITION<br />3/13/2010<br />7<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />

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.
UX Deliverables: Examples<br />3/13/2010<br />9<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />

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

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.
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.
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.
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

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.
INTERACTIVE PART!<br />3/13/2010<br />15<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />

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.
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.
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.
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.
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.
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.
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.
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.
FORMATTING DELIVERABLES<br />3/13/2010<br />24<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />

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.
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.
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.
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.
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.
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.
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.
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.
Thank you!<br />lilia@purplepurrstudios.com<br />3/13/2010<br />33<br />"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy<br />