By the Book: Effective UI                  Examining the Art of Building Great User Experiences in Software               ...
title: Lead User Experience Architectemail: john.mcree@effectiveui.comblog: www.johnmcree.comtwitter: @johnmcreewww.effect...
Microsoft             Apple              Adobe                Sun Strategic 20           iPhone         Gold 15 Partner   ...
Flash                 Vector Graphics                            MXML          Client Processing                   Cover-f...
30% of software is successful (adopted)...                                                   Failed (zero adoption)       ...
...if it even gets released                              25%         Never Released                                       ...
Setting up the right environment for software to be successful
Step 1: Become a UX evangelist...or hire one
What is UX?
Engaging (immersion)                       Robbie Cooper, New York Times
Responsiveness (feedback)
External consistency
Performance
Helpful in accomplishing goals
Intuitiveness vs. efficiencyFamiliarity vs. innovation
Appropriateness to context
Delivery of relevant, valuable content
Trustworthiness
Jared Spool’s Market MaturityNovel/Proprietary      Feature Focus    UX Focus          CommoditizationNo competition      ...
UX can have a HUGE ROI
“Every $1 invested in usabilityreturns between $10 and $100”             IBM “Cost-Justifying Ease of Use”
UX Fund1. Demonstrated care in the design of their products and Web site2. Has a history of innovation3. Inspired loyalty ...
Step 2: Get everyone on the same page
ProductCEO             Designer   Developer      Manager
ProductCEO             Designer   Developer      Manager
The workshop               Force communication
The workshop               Force communication               Force collaboration
The workshop               Force communication               Force collaboration               Expose assumptions         ...
The workshop               Force communication               Force collaboration               Expose assumptions         ...
The SUDA           Cooper’s “User & Domain Analysis (UnDA)”             Competitive analysis             User research    ...
The SUDA           EUI’s “System, User & Domain Audit (SUDA)”             Competitive analysis             User research  ...
The SUDA: Stakeholder interviews                                   Build trust                                   Skin in t...
The SUDA: System & dev team audit                                    Capacity review                                    En...
The SUDA: Lo-fi “vision”
The SUDA: Phased approach
Step 3: Plan, then forget your plans...
“I am the wisest man alive, for I know one thing,and that is that I know nothing.”                                        ...
“The great uncertainty of all data in war is apeculiar difficulty, because all action must, to acertain extent, be planned...
“No battle plan survives first contact with theenemy.”                                 Helmuth von Moltke
Much like individual soldiers in a battlefield, asoftware system isn’t static. It is the behaviorcreated by the dynamic in...
Step 4: Create & communicate the vision
TriGeo Console Project Milestone v_0.1                                                                    Last Modi ed: Oc...
Other examples of vision demos                        Apple’s Knowledge Navigator                        Nokia Phones (che...
Out of time...
title: Lead User Experience Architectemail: john.mcree@effectiveui.comblog: www.johnmcree.comtwitter: @johnmcreewww.effect...
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
Upcoming SlideShare
Loading in...5
×

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

1,061

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,061
On Slideshare
0
From Embeds
0
Number of Embeds
0
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

×