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

            ...
title: Lead User Experience Architect
email: john.mcree@effectiveui.com
blog: www.johnmcree.com
twitter: @johnmcree


www....
Microsoft             Apple              Adobe                Sun
 Strategic 20           iPhone         Gold 15 Partner  ...
Flash                 Vector Graphics                            MXML
          Client Processing                   Cover-...
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. efficiency
Familiarity vs. innovation
Appropriateness to context
Delivery of relevant, valuable content
Trustworthiness
Jared Spool’s Market Maturity




Novel/Proprietary      Feature Focus    UX Focus          Commoditization
No competition...
UX can have a HUGE ROI
“Every $1 invested in usability
returns between $10 and $100”
             IBM “Cost-Justifying Ease of Use”
UX Fund
1. Demonstrated care in the design of their products and Web site
2. Has a history of innovation
3. Inspired loyal...
Step 2: Get everyone on the same page
Product
CEO             Designer   Developer
      Manager
Product
CEO             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 resear...
The SUDA


           EUI’s “System, User & Domain Audit (SUDA)”

             Competitive analysis
             User rese...
The SUDA: Stakeholder interviews




                                   Build trust
                                   Ski...
The SUDA: System & dev team audit




                                    Capacity review
                                ...
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 a
peculiar difficulty, because all action must, to a
certain extent, be plann...
“No battle plan survives first contact with the
enemy.”
                                 Helmuth von Moltke
Much like individual soldiers in a battlefield, a
software system isn’t static. It is the behavior
created by the dynamic ...
Step 4: Create & communicate the vision
TriGeo Console Project Milestone v_0.1
                                                                    Last Modi ed: O...
Other examples of vision demos




                        Apple’s Knowledge Navigator
                        Nokia Phone...
Out of time...
title: Lead User Experience Architect
email: john.mcree@effectiveui.com
blog: www.johnmcree.com
twitter: @johnmcree


www....
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,838

Published on

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

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

No Downloads
Views
Total Views
1,838
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
8
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 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

×