By the Book: Examining the Art of Building Great User Experiences in Software

2,014 views
1,955 views

Published on

EffectiveUI Lead User Experience Architect John McRee shares this presentation from Web 2.0 San Francisco 2010.

Published in: Technology

By the Book: Examining the Art of Building Great User Experiences in Software

  1. 1. By the Book: Effective UI Examining the Art of Building Great User Experiences in Software - John McRee your user experience agency
  2. 2. title: Lead User Experience Architect email: john.mcree@effectiveui.com blog: www.johnmcree.com twitter: @johnmcree www.effectiveui.com
  3. 3. Microsoft Apple Adobe Sun Strategic 20 iPhone Gold 15 Partner Java FX Agency Partner Preferred Developer Strategic Partner
  4. 4. Flash Vector Graphics MXML Client Processing Cover-flow Java Service Oriented Architecture Silverlight Animation Social Networking Streaming Video Aqua Multi-Channel Runtime Skip Intro Web 2.0 Productivity iPhone Accessibility Google Reflections Audio AJAX Thin Client Security Sandbox Multi-Touch APIs Open Source Apple Flex Rich Conversions Microsoft Adobe XAML Web Services Objective C SUN
  5. 5. 30% of software is successful (adopted)... Failed (zero adoption) Successful (adopted) 70% 30%
  6. 6. ...if it even gets released 25% Never Released Failed (zero adoption) Successful (adopted) 22% 53%
  7. 7. Setting up the right environment for software to be successful
  8. 8. Step 1: Become a UX evangelist...or hire one
  9. 9. What is UX?
  10. 10. Engaging (immersion) Robbie Cooper, New York Times
  11. 11. Responsiveness (feedback)
  12. 12. External consistency
  13. 13. Performance
  14. 14. Helpful in accomplishing goals
  15. 15. Intuitiveness vs. efficiency Familiarity vs. innovation
  16. 16. Appropriateness to context
  17. 17. Delivery of relevant, valuable content
  18. 18. Trustworthiness
  19. 19. Jared Spool’s Market Maturity Novel/Proprietary Feature Focus UX Focus Commoditization No competition Bullets on box Too complex Embedded Startup costs Unused features
  20. 20. UX can have a HUGE ROI
  21. 21. “Every $1 invested in usability returns between $10 and $100” IBM “Cost-Justifying Ease of Use”
  22. 22. UX Fund 1. Demonstrated care in the design of their products and Web site 2. Has a history of innovation 3. Inspired loyalty in their customer base 4. Doing business with them was a positive experience UX Fund: 39.3%  $19533.48 Nasdaq: 29.1% S&P 500: 10.3% Nasdaq 100: 28.7% NYSE: 15.0%
  23. 23. Step 2: Get everyone on the same page
  24. 24. Product CEO Designer Developer Manager
  25. 25. Product CEO Designer Developer Manager
  26. 26. The workshop Force communication
  27. 27. The workshop Force communication Force collaboration
  28. 28. The workshop Force communication Force collaboration Expose assumptions Users Features Success
  29. 29. The workshop Force communication Force collaboration Expose assumptions Users Features Success Force Prioritization
  30. 30. The SUDA Cooper’s “User & Domain Analysis (UnDA)” Competitive analysis User research Literature review Personas Context scenarios Functional requirements
  31. 31. The SUDA EUI’s “System, User & Domain Audit (SUDA)” Competitive analysis User research Literature review Context scenarios Personas Functional requirements Adding Stakeholder interviews System & dev team audit Capacity review Environmental factors Technical factors Lo-fi “vision” Phased approach
  32. 32. The SUDA: Stakeholder interviews Build trust Skin in the game Passion & beliefs Quick wins Apprehensions
  33. 33. The SUDA: System & dev team audit Capacity review Environmental factors Technical factors
  34. 34. The SUDA: Lo-fi “vision”
  35. 35. The SUDA: Phased approach
  36. 36. Step 3: Plan, then forget your plans...
  37. 37. “I am the wisest man alive, for I know one thing, and that is that I know nothing.” Socrates
  38. 38. “The great uncertainty of all data in war is a peculiar difficulty, because all action must, to a certain extent, be planned in a mere twilight, which in addition not infrequently–like the effect of a fog or moonshine–gives to things exaggerated dimensions and unnatural appearance.” Carl von Clausewitz, On War
  39. 39. “No battle plan survives first contact with the enemy.” Helmuth von Moltke
  40. 40. Much like individual soldiers in a battlefield, a software system isn’t static. It is the behavior created by the dynamic interaction of its parts.
  41. 41. Step 4: Create & communicate the vision
  42. 42. TriGeo Console Project Milestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM EXPERIENCE MAP The Experience Map acts as a diagram of the “ ow” of an application. It is important to hone in on this high-level framework of the application so a clear direction may be established. This map helps the direction of wireframes without getting too far into the details. The content of the Experience Map is based on user research, a current understanding of the application and methods of improving usability. As more information is gathered and Experience Map evolves until a direction has been established. Creating the Experience Map was an ongoing process that ran in tandem with wireframes and creating design compositions. Although there was some inconsistent overlap due to these areas being done in parallel, thinking around wireframes helped to tighten areas of the Experience Map and vice versa. In the end, a solid overview of the TriGeo Console was generated that acts as the foundation for additional development and user experience re nement. There is still work to be done and directly correlates to the Wireframes. 20
  43. 43. Other examples of vision demos Apple’s Knowledge Navigator Nokia Phones (check out Youtube) Twitter in Plain English
  44. 44. Out of time...
  45. 45. title: Lead User Experience Architect email: john.mcree@effectiveui.com blog: www.johnmcree.com twitter: @johnmcree www.effectiveui.com

×