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

1,353 views

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,353
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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 McReeyour user experience agency
  2. 2. title: Lead User Experience Architectemail: john.mcree@effectiveui.comblog: www.johnmcree.comtwitter: @johnmcreewww.effectiveui.com
  3. 3. Microsoft Apple Adobe Sun Strategic 20 iPhone Gold 15 Partner Java FXAgency Partner Preferred Developer Strategic Partner
  4. 4. Flash Vector Graphics MXML Client Processing Cover-flowJava Service Oriented Architecture Silverlight Animation Social NetworkingStreaming Video Aqua Multi-Channel Runtime Skip IntroWeb 2.0 Productivity iPhone AccessibilityGoogle Reflections Audio AJAX Thin ClientSecurity 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. efficiencyFamiliarity vs. innovation
  16. 16. Appropriateness to context
  17. 17. Delivery of relevant, valuable content
  18. 18. Trustworthiness
  19. 19. Jared Spool’s Market MaturityNovel/Proprietary Feature Focus UX Focus CommoditizationNo 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 usabilityreturns between $10 and $100” IBM “Cost-Justifying Ease of Use”
  22. 22. UX Fund1. Demonstrated care in the design of their products and Web site2. Has a history of innovation3. Inspired loyalty in their customer base4. 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. ProductCEO Designer Developer Manager
  25. 25. ProductCEO 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 apeculiar difficulty, because all action must, to acertain extent, be planned in a mere twilight,which in addition not infrequently–like theeffect of a fog or moonshine–gives to thingsexaggerated dimensions and unnaturalappearance.” Carl von Clausewitz, On War
  39. 39. “No battle plan survives first contact with theenemy.” Helmuth von Moltke
  40. 40. Much like individual soldiers in a battlefield, asoftware system isn’t static. It is the behaviorcreated 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 AMEXPERIENCE MAPThe Experience Map acts as a diagram of the “ ow” of anapplication. It is important to hone in on this high-levelframework of the application so a clear direction may beestablished. This map helps the direction of wireframes withoutgetting too far into the details.The content of the Experience Map is based on user research,a current understanding of the application and methods ofimproving usability. As more information is gathered andExperience Map evolves until a direction has been established.Creating the Experience Map was an ongoing process that ranin tandem with wireframes and creating design compositions.Although there was some inconsistent overlap due to these areasbeing done in parallel, thinking around wireframes helped totighten areas of the Experience Map and vice versa.In the end, a solid overview of the TriGeo Console was generatedthat acts as the foundation for additional development and userexperience re nement. There is still work to be done and directlycorrelates 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 Architectemail: john.mcree@effectiveui.comblog: www.johnmcree.comtwitter: @johnmcreewww.effectiveui.com

×