D alpert ux102

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. … 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

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

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

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. 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

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

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

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

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

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. 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

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. 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

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

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. 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

D alpert ux102

Recommended

Recommended

More Related Content

Similar to D alpert ux102

Similar to D alpert ux102 (15)

More from sdeconf

More from sdeconf (14)

Recently uploaded

Recently uploaded (20)

D alpert ux102