Fastdev pdf

809 views

Published on

  • Be the first to comment

  • Be the first to like this

Fastdev pdf

  1. 1. Usability и.т.д. FastDev • 02–02–11onsdag, 2011 februari 02
  2. 2. 1977 – 1994 – Jonas Söderströmonsdag, 2011 februari 02
  3. 3. onsdag, 2011 februari 02
  4. 4. ”User friendly”onsdag, 2011 februari 02
  5. 5. Usableonsdag, 2011 februari 02
  6. 6. Usability is ... ?onsdag, 2011 februari 02
  7. 7. Easy to use - how? Easy to learn User’s subjective Efficient satisfaction Easy to Error remember reductiononsdag, 2011 februari 02
  8. 8. Usable • Do I find the stuff I need? • Do I understand what the buttons do? • Is navigation consistent? • Does the system provide clear feedback on what I do? • Are error messages helpful?onsdag, 2011 februari 02
  9. 9. onsdag, 2011 februari 02
  10. 10. Usability = Could I use it?onsdag, 2011 februari 02
  11. 11. Useful = Would I use it?onsdag, 2011 februari 02
  12. 12. Useful-ness • Do I really need it? • Are there other (better, more well-known) ways to do the same thing? • Is it worth the effort? • Is it worth the money?onsdag, 2011 februari 02
  13. 13. Usability + Usefulness = User experience (UX)onsdag, 2011 februari 02
  14. 14. How do you create a good User Experience?onsdag, 2011 februari 02
  15. 15. Don’t listen to the usersonsdag, 2011 februari 02
  16. 16. Demands ”People will often say ’I’d like it better if it could do x’. It always pays to be suspicious of these requests for new features. If you probe deeper, it often turns out that they already have a perfectly fine source for x – and wouldn’t be likely to switch: they’re just telling you what they like.” Steve Krug: Don’t make me thinkonsdag, 2011 februari 02
  17. 17. Watch the usersonsdag, 2011 februari 02
  18. 18. Observe users in their own environmentonsdag, 2011 februari 02
  19. 19. onsdag, 2011 februari 02
  20. 20. Spalding’s new basketball • Ball includes internal micro-pump, hidden inside the ball • Pops up when needed • Focus groups did not catch this user requirement • What happened to market share?onsdag, 2011 februari 02
  21. 21. Spalding’s new basketball • Market share up from 32 % to 64 % in one year!onsdag, 2011 februari 02
  22. 22. How do you design? What do you design?onsdag, 2011 februari 02
  23. 23. User interface: Three kinds of designonsdag, 2011 februari 02
  24. 24. Let’s make a digital interface 24onsdag, 2011 februari 02
  25. 25. • There will be tabs at the top, but ...onsdag, 2011 februari 02
  26. 26. • Color? • Shade? • Form? • Shadow? • Border? • Spacing?onsdag, 2011 februari 02
  27. 27. Moscow Izjevsk Peterburg Vladivostok Novgorod • What names? • What order? Size, geography, alphabetical ... • What goes under each heading?onsdag, 2011 februari 02
  28. 28. Moscow Izjevsk Peterburg Vladivostok Novgorod • What to do with the button? How does it react? • What happens on mouseover? • What happens on click? What service starts? • Can you cancel that action?onsdag, 2011 februari 02
  29. 29. interaction do, buy, design download, register graphic information design design view, enjoy find, understand, interpretonsdag, 2011 februari 02
  30. 30. Forms, buttons, task flow, error messages, feedback Titles, Color, form, headlines, typography, labels, disposition, mood links, searchonsdag, 2011 februari 02
  31. 31. User experience interaction do, buy, design download, register graphic information design design view, enjoy find, understandonsdag, 2011 februari 02
  32. 32. e-commerce, transactional systems interaction design graphic information design design organization, government marketing, document movie trailer managment,onsdag, 2011 februari 02
  33. 33. onsdag, 2011 februari 02
  34. 34. time for entering? press ahead/barge in? voice, accent, menu prosody, system speed ”press 1 for (visceral x, press 2 design) for Zonsdag, 2011 februari 02
  35. 35. it dept developers system architects interaction design graphic information design design brand strategist marketing information deptonsdag, 2011 februari 02
  36. 36. Cooperation interaction design graphic information design design Most have all parts! Where things go wrong!onsdag, 2011 februari 02
  37. 37. Search function Search interface interaction design How are things labeled? graphic information design designonsdag, 2011 februari 02
  38. 38. Information architecture interaction do, buy, design download, Information register architect graphic information design design view, enjoy find, understandonsdag, 2011 februari 02
  39. 39. Can’t do – leaves Let me do what I want / to do Seems Where is Starts OK? the stuff browsing I need? Can’t find – leaves Unpleasant, slow – leavesonsdag, 2011 februari 02
  40. 40. Can’t do my business Looks Can’t find Starts ugly what browsing I needonsdag, 2011 februari 02
  41. 41. Subject to change? • Graphic design can often be changed very quickly (templates, style sheets) • Information design – can be changed, but will take time and must often be done by hand • Interaction design – huge cost, if changes are possible at all.onsdag, 2011 februari 02
  42. 42. Risk vs effort • Bad graphic design is usually the greatest threshold for acceptance • Users judge digital systems very fast • Bad information design is the biggest problem in use • Bad interaction design has the greatest potential to hurt your brand or the relation with your customers – for a very long timeonsdag, 2011 februari 02
  43. 43. Unnecessary labels Name: Eric Smith E-mail: eric@smith.com Company: Acme, Inc. Name: Eric Smith Credit: 5 000 € E-mail: eric@smith.com Company: Acme, Inc. Eric Smith Credit: 5 000 € eric@smith.com Acme, Inc. 5 000 € +4670-1234567 (home)onsdag, 2011 februari 02
  44. 44. Unnecessary labelsonsdag, 2011 februari 02
  45. 45. Too much informationonsdag, 2011 februari 02
  46. 46. Unnecessary icons • Good to distinguish things from each otheronsdag, 2011 februari 02
  47. 47. Icons are hard to understand • Imprisoned! • Let’s go to the woods!onsdag, 2011 februari 02
  48. 48. Wrong flowonsdag, 2011 februari 02
  49. 49. Every user fooled! • Everyone clicked “Cancel”!onsdag, 2011 februari 02

×