D alpert ux102

360 views

Published on

User Experience 102

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

  • Be the first to like this

No Downloads
Views
Total views
360
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

D alpert ux102

  1. 1. D4S102 - 7 ways to make your app Learnable, Usable, & Enjoyable S u c c e s s David Alpert - @davidalpert Track 1: Agile Methods Tuesday, October 18th 2011 11:15am -12:30pm f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  2. 2. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  3. 3. The plan How do we 7 ways Case S u c c e s s recognize a to make a studies good UX? better UX f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  4. 4. A quick word about design S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  5. 5. Good design integrates Customer Business Goals S u c c e s s Goals f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  6. 6. Good design integrates Busines s Goals S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  7. 7. Good design also integrates Customer Goals S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  8. 8. How do we prioritize these goals? Business S u c c e s s Users f o r Tech D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  9. 9. XDD suggests the opposite Business S u c c e s s Users f o r Tech D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  10. 10. Executives have 5 Priorities… Increase revenue Decrease expense Increase market share (new customers) S u c c e s s Deepen current business (from existing customers) Increase value to the shareholders f o r http://www.uie.com/articles/recession_strategy_webapps/ D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  11. 11. … they all boil down to Increase revenue Decrease expense Increase market share (new customers) S u c c e s s Deepen current business (from existing customers) Increase value to the shareholders f o r Make more money! D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  12. 12. XDD aligns with Executive priorities Strategy Business S u c c e s s Users Design f o r Tech Execution D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  13. 13. That links back to... Strategy S u c c e s s Design f o r Execution D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  14. 14. Good design aligns with a vision Vision S u c c e s s Release f o r Feature D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  15. 15. Iterative S u c c e s s Incremental f o r D e s i g n Credit: Jeff Patton via Steve Rogalsky#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  16. 16. How do we recognize a good UX? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  17. 17. Jesse James Garrett’s Elements of UX S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  18. 18. Peter Moreville’s UX honeycomb S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  19. 19. Peter Moreville’s UX honeycomb Too complicated! S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  20. 20. A Customer-Centric UX Philosophy Learnable Usable S u c c e s s Enjoyable f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  21. 21. What makes software Learnable? What makes software Learnable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  22. 22. What makes software Usable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  23. 23. What makes software Usable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  24. 24. What makes software Enjoyable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  25. 25. Design for Success! Learnable – Can I get (back) in? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  26. 26. Design for Success! Learnable – Can I get (back) in? 1. Where am I? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  27. 27. S u c c e s s f o r wayfinding D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  28. 28. wayfinding S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  29. 29. Navigation as “streetsigns” S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  30. 30. Guide Copy copy” “guide S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  31. 31. S u c c e s s f o r D e s i g n more “guide copy” in action#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  32. 32. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  33. 33. S u c c e s s f o r D e s i g n#sdec11 calls to action David Alpert @davidalpert http://blog.spinthemoose.com
  34. 34. S u c c e s s f o r Can you spot 7 calls to action? D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  35. 35. S u c c e s s f o r D e s i g n What does “search” do?#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  36. 36. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  37. 37. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  38. 38. S u c c e s s f o r http://www.lukew.com/resources/articles/web_forms.html D e s i g n Web Application Form Design January 22, 2005 by Luke Wroblewski#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  39. 39. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  40. 40. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  41. 41. 2009 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  42. 42. 2010 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  43. 43. 2011 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  44. 44. 2011 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  45. 45. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  46. 46. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  47. 47. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  48. 48. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  49. 49. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  50. 50. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  51. 51. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  52. 52. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  53. 53. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  54. 54. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  55. 55. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  56. 56. Demo S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  57. 57. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  58. 58. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  59. 59. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  60. 60. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  61. 61. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  62. 62. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  63. 63. Sample A Sample A Sample A S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  64. 64. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  65. 65. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  66. 66. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  67. 67. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  68. 68. Real-time status S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  69. 69. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  70. 70. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  71. 71. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  72. 72. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  73. 73. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  74. 74. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  75. 75. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  76. 76. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  77. 77. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  78. 78. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  79. 79. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  80. 80. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  81. 81. “The egg, therefore, becomes more than an ingredient, and more than just an extra pleasurable step. It becomes a prop, enabling the S u c c e s s customer to play a social role.” f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  82. 82. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me 7. Delight me f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  83. 83. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  84. 84. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  85. 85. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  86. 86. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  87. 87. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  88. 88. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  89. 89. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  90. 90. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  91. 91. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  92. 92. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  93. 93. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  94. 94. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  95. 95. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  96. 96. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  97. 97. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me 7. Delight me David Alpert f o r Web: http://blog.spinthemoose.com Email: david@spinthemoose.com D e s i g n Twitter: @davidalpert#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  98. 98. Case Study #1: S u c c e s s FogBugz redesign f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  99. 99. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  100. 100. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  101. 101. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  102. 102. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  103. 103. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  104. 104. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  105. 105. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  106. 106. Case Study #2: S u c c e s s wesabe vs mint.com f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  107. 107. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  108. 108. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  109. 109. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  110. 110. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  111. 111. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  112. 112. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  113. 113. S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  114. 114. References & Resources (in no particular order) • 90 percent of everything http://www.90percentofeverything.com/ • Agile Product Design [ Jeff Patton ] http://www.agileproductdesign.com/blog/index.html • User Interface Engineering http://www.uie.com/brainsparks/ S u c c e s s • Luke Wroblewski http://www.lukew.com/ff/ • An Event Apart http://aneventapart.com/ • Edward Tufte f o r http://www.edwardtufte.com/tufte/books_vdqi • Jakob Nielsen http://www.useit.com/ D e s i g n • Boxes and Arrows http://www.boxesandarrows.com/#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
  115. 115. Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me 7. Delight me David Alpert f o r Web: http://blog.spinthemoose.com Email: david@spinthemoose.com D e s i g n Twitter: @davidalpert#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com

×