Your SlideShare is downloading. ×
0
The User Experience Brief<br />John Yesko<br />IA Summit 2011<br />
About me<br />Now: Director of User Experience at Walgreens<br />Web!<br />1993<br />1995<br />2000<br />2005<br />2010<br...
User Experience at<br />
User Experience at<br />UX group<br />Organized by lines of business<br />13 UX designers<br />Information architecture<br...
Basics<br />
What is the UX brief?<br />Early-stage strategic approach document with two primary goals:<br />Summarizes what we know so...
Who is it for?<br />Stakeholders<br />Clients (external)<br />Business owners and executives (internal)<br />“Downstream” ...
Where does it fit?<br />DISCOVERY<br />DESIGN<br />Delivery to Creative and Technical<br />Business Requirements Document<...
Why do we use it?<br />To get a head start on building consensus<br />To discover any early “red flags” <br />As a touch p...
Composition of the Brief<br />
What’s in the UX brief?<br />“Master” content outline includes:<br />Project overview<br />User experience inputs<br />Org...
User Experience Inputs<br />
User experience inputs—what we know <br />Insights from:<br />Analytics <br />User research <br />Competitive<br />Stakeho...
Inputs<br />Analytics insights<br />Statistics<br />Survey results<br />Other metrics<br />Customer satisfaction<br />On-s...
Inputs<br />User research insights<br />Usability tests<br />Card sorting<br />Surveys<br />“I can’t find where to refill ...
Inputs<br />Personas and scenarios<br />May be developed specifically for larger / longer-term projects<br />Existing “app...
Inputs<br />Competitive insights<br />Best practices<br />Opportunities to fill a missing need<br />Emerging standards, e....
Inputs<br />Stakeholder insights<br />Goals and challenges from those sponsoring the project<br />Consensus, or alliances ...
Inputs<br />User experience / heuristic insights<br />Observations from the UX team<br />May be hypotheses, not yet proven...
Inputs<br />Stupid elevator buttons<br />
Organizing Principles<br />
What are organizing principles?<br />Loosely interpreted:<br />Fundamentals and strategies we will observe while designing...
What are organizing principles?<br />May include other “deliverables”:<br />Concept map<br />User flow<br />High-level wir...
What are organizing principles?<br />Examples from several diverse projects…<br />
Examples<br />Really means…<br />There will be several influences, but we’re ultimately making the decision.<br />Leverage...
Examples<br />Really means…<br />We care most about what customers think of our higher-level taxonomy. Once we get down to...
Examples<br />Really means…<br />If we can’t figure this out pretty soon, it will be hard to proceed with the UX design at...
Examples<br />Really means…<br />There are parts of the site that we’re not going to touch—but others that we need access ...
Examples<br />Really means…<br />Just what is says—this one is more about a design philosophy.<br />Treat the product as t...
Examples<br />Really means…<br />We’re getting rid of all this crap that you all fight over, but users don’t care about.<b...
Examples<br />Really means…<br />You came to us for a re-design of your site, and we’re doing that. But your main call-to-...
Examples<br />Really means…<br />This is a multi-channel experience (even though we’re only working on one channel). If we...
Examples<br />Really means…<br />There’s a real “cool factor” with your work, but your 100x100 pixel graphics aren’t cutti...
Examples<br />Really means…<br />This kind of shopping is still new to a lot of people. If they don’t understand the overa...
Examples<br />Really means…<br />We’re going to expand the use of dynamic menus.<br />Expand the use of dynamic menus<br /...
Considerations<br />
Risks and limitations<br />May quickly become out-of-date as details are fleshed out<br />Approach evolves as design detai...
Wrap up<br />Helps survey the situation<br />Who has strong opinions? How much weight do we need to give them?<br />What f...
Thank You<br />John Yesko<br />www.yesko.com<br />@jyesko<br />
Upcoming SlideShare
Loading in...5
×

The User Experience Brief

16,197

Published on

Presentation by John Yesko at the 2011 Information Architecture Summit (IA Summit) entitled: "The User Experience Brief: The What and Why Before the How."

We IAs spend a lot of time discussing the “core” documents in information architecture—wireframes, site maps, prototypes. But we often jump into these very tactical, design-oriented deliverables too hastily.

The user experience brief takes on a more strategic role. Early in the project, it’s our vehicle to summarize what we know so far, particularly requirements and research results. More importantly though, it lays the foundation for the UX design approach, with the goals of gathering consensus and identifying sticking points early on. The user experience brief illuminates the organizing principles—user experience fundamentals to be followed and referenced throughout the project.


We’ll talk about the value of this early-project document, its role in shaping the user experience approach, how its composed, and its limitations. We’ll look at a number of great visual examples too. Introduced the right way and at the right time, the UX brief can be an invaluable stake in the ground with clients and internal stakeholders.

Published in: Technology

Transcript of "The User Experience Brief"

  1. 1. The User Experience Brief<br />John Yesko<br />IA Summit 2011<br />
  2. 2. About me<br />Now: Director of User Experience at Walgreens<br />Web!<br />1993<br />1995<br />2000<br />2005<br />2010<br />Information Architect / UX Designer<br />Web Designer<br />Medical Illustrator<br />
  3. 3. User Experience at<br />
  4. 4. User Experience at<br />UX group<br />Organized by lines of business<br />13 UX designers<br />Information architecture<br />Interaction design<br />Taxonomy<br />User research<br />Just announced deal to acquire Drugstore.com<br />60K more products<br />3M loyal customers<br />Several strong URLs/brands<br />Looking for experienced UX help in Chicago!<br />And small agencies<br />
  5. 5. Basics<br />
  6. 6. What is the UX brief?<br />Early-stage strategic approach document with two primary goals:<br />Summarizes what we know so far = output of Discovery process<br />Sets up how we intend to attack the project<br />
  7. 7. Who is it for?<br />Stakeholders<br />Clients (external)<br />Business owners and executives (internal)<br />“Downstream” team<br />Creative<br />Technical<br />
  8. 8. Where does it fit?<br />DISCOVERY<br />DESIGN<br />Delivery to Creative and Technical<br />Business Requirements Document<br />User Experience Team<br />UX Business Insight<br />UX Brief<br />Implementation / Product Assignment<br />UX Business Insight<br />User Flows *<br />User Flows and Wireframes: Conceptual<br />Wireframes: Detailed / Annotated<br />Input from Stakeholders<br />User Research<br />User Research<br />*Your process may vary<br />
  9. 9. Why do we use it?<br />To get a head start on building consensus<br />To discover any early “red flags” <br />As a touch point to reference later (CYA)<br />
  10. 10. Composition of the Brief<br />
  11. 11. What’s in the UX brief?<br />“Master” content outline includes:<br />Project overview<br />User experience inputs<br />Organizing principles<br />Deliverables<br />Issues and risks<br />Tailored to the particular project<br />Varies in length depending on needs (and audience’s attention span)<br />Often doesn’t include every possible element<br />
  12. 12. User Experience Inputs<br />
  13. 13. User experience inputs—what we know <br />Insights from:<br />Analytics <br />User research <br />Competitive<br />Stakeholders<br />User experience / heuristic<br />
  14. 14. Inputs<br />Analytics insights<br />Statistics<br />Survey results<br />Other metrics<br />Customer satisfaction<br />On-site behavior<br />5%<br />21%<br />6%<br />16%<br />4%<br />11%<br />
  15. 15. Inputs<br />User research insights<br />Usability tests<br />Card sorting<br />Surveys<br />“I can’t find where to refill my prescription.”<br />“THIS APP SUCKS!!! IT DOESN'T BRING UP MY PHOTO ALBUMS...WALGREENS, I USED TO WORK FOR YOU, I BUY YOUR CRAP, SO GET YOUR [EXPLETIVE]TOGETHER!!!”<br />“Let me finish my primary task first—then I’m OK with being upsold.”<br />“No additional features - the Home page is so crowded now that I want to give up now rather than slog through the ads and options for what I'm after…”<br />@heyhiLindsay<br />“[Expletive] just ordered a calender on walgreens.com and it was literally the hardest thing I've ever done in awhile, [expletive] that.”<br />
  16. 16. Inputs<br />Personas and scenarios<br />May be developed specifically for larger / longer-term projects<br />Existing “approved” personas can be referenced where applicable<br />Scenarios may reflect requirements and preview functionality<br />
  17. 17. Inputs<br />Competitive insights<br />Best practices<br />Opportunities to fill a missing need<br />Emerging standards, e.g., common functionality or taxonomy<br />
  18. 18. Inputs<br />Stakeholder insights<br />Goals and challenges from those sponsoring the project<br />Consensus, or alliances on controversial topics<br />“We have a great story to tell. We need rich case studies to show what we’ve done in the past.”<br />“Booking appointments online is great, but it doesn’t necessarily mean we can get them into the shop right away when they show up.”<br />“When a potential customer sends an email inquiry through the site, it typically gets shuffled around to five or six people. We don’t have any way to track whether it’s been followed up.”<br />
  19. 19. Inputs<br />User experience / heuristic insights<br />Observations from the UX team<br />May be hypotheses, not yet proven by user research (or unprovable) <br />Potentially confusing category labels<br />Inefficient global navigation<br />
  20. 20. Inputs<br />Stupid elevator buttons<br />
  21. 21. Organizing Principles<br />
  22. 22. What are organizing principles?<br />Loosely interpreted:<br />Fundamentals and strategies we will observe while designing<br />Major areas of UX focus<br />High-level design approach<br />Range from general to specific <br />Generic UX guidelines<br />Project-specific design ideas<br />General<br />Specific<br />
  23. 23. What are organizing principles?<br />May include other “deliverables”:<br />Concept map<br />User flow<br />High-level wireframes<br />Suggestions of look and feel (e.g., mood boards)<br />
  24. 24. What are organizing principles?<br />Examples from several diverse projects…<br />
  25. 25. Examples<br />Really means…<br />There will be several influences, but we’re ultimately making the decision.<br />Leverage multiple inputs to taxonomy design<br />Industry Standards<br />New<br />Taxonomy<br />Internal Business Insight<br />User Experience Team Analysis<br />User Research<br />
  26. 26. Examples<br />Really means…<br />We care most about what customers think of our higher-level taxonomy. Once we get down to the deeper levels, we need the internal team to make decisions—because it’s harder to test (and it’s a lot of work.)<br />Leverage multiple inputs to taxonomy design<br />The inputs will have different levels of influence at various levels of the taxonomy.<br />User Research<br />Internal Insight<br />Influence<br />Industry Standards<br />Tier 1<br />Tier 2<br />Tier 3<br />Tier 4<br />
  27. 27. Examples<br />Really means…<br />If we can’t figure this out pretty soon, it will be hard to proceed with the UX design at all. We’ll give you our opinions, but it’s primarily a business decision that we don’t have authority to make.<br />Establish the online relationship among the three brands<br />
  28. 28. Examples<br />Really means…<br />There are parts of the site that we’re not going to touch—but others that we need access to and cooperation on.<br />Position the holiday content as free-standing, but with key hooks into permanent site features<br />
  29. 29. Examples<br />Really means…<br />Just what is says—this one is more about a design philosophy.<br />Treat the product as the core, and organize the site around it<br />
  30. 30. Examples<br />Really means…<br />We’re getting rid of all this crap that you all fight over, but users don’t care about.<br />Eliminate underused or poor-performing content<br />Candidates <br />Low usage; poor content<br />Low usage; poor labeling<br />May be consolidated<br />Low usage; especially frames 2-5<br />Low usage; redundant<br />
  31. 31. Examples<br />Really means…<br />You came to us for a re-design of your site, and we’re doing that. But your main call-to-action is that users should contact you to establish a relationship. If you screw that up, it doesn’t matter how good the site is.<br />By the way, we don’t do CRM systems—this isn’t an upsell.<br />Develop a lead management / CRM solution<br />
  32. 32. Examples<br />Really means…<br />This is a multi-channel experience (even though we’re only working on one channel). If we promise something on the Web that the in-store experience doesn’t follow through on, both are screwed.<br />Adapt store operations to integrate with eCommerce<br />
  33. 33. Examples<br />Really means…<br />There’s a real “cool factor” with your work, but your 100x100 pixel graphics aren’t cutting it.<br />Also we have a bunch of visual designers with hipster glasses who get tired of combing through stock photo sites.<br />Leverage the rich visual nature of the company’s work<br />
  34. 34. Examples<br />Really means…<br />This kind of shopping is still new to a lot of people. If they don’t understand the overall concept, it won’t matter how usable the site is.<br />Introduce customers to the concept of buying online, not just buying from us<br />1<br />2<br />3<br />4<br />5<br />Make an appointment at one of our certified installers<br />Go in for your installation appointment, and you’re done!<br />We ship your tires to the installer<br />Choose your tires<br />Check out online<br />
  35. 35. Examples<br />Really means…<br />We’re going to expand the use of dynamic menus.<br />Expand the use of dynamic menus<br />Fly-out menus can empower more direct user navigation to deeper content and functionality<br />Accessibility and mobile device limitations need to be considered<br />Pharmacy<br />Refill Prescriptions<br />Transfer Prescriptions<br />New Prescriptions<br />Express Refills In-Store<br />Chat With a Pharmacist<br />Automatic Refills<br />Example<br />
  36. 36. Considerations<br />
  37. 37. Risks and limitations<br />May quickly become out-of-date as details are fleshed out<br />Approach evolves as design details are worked out<br />Treat as a “snapshot” in time<br />Can create a perception of added time that could be spent designing<br />Although it probably saves time in the long run<br />Stakeholders may not understand what they’re agreeing to<br />Can be too abstract for some to provide meaningful feedback<br />May not engage until they’re seeing design treatments<br />
  38. 38. Wrap up<br />Helps survey the situation<br />Who has strong opinions? How much weight do we need to give them?<br />What factions are going to clash?<br />What important issues may have been missed?<br />Encourages collaboration early (or at least healthy discussion)<br />Can save time defending solutions later<br />Winning over key allies can smooth the road<br />Builds credibility for UX<br />Demonstrates that a lot goes into the design process<br />Positions us as strategic thinkers and experience planners, not order-takers<br />
  39. 39. Thank You<br />John Yesko<br />www.yesko.com<br />@jyesko<br />
  1. A particular slide catching your eye?

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

×