O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

User experience for drupal

  • Entre para ver os comentários

  • Seja a primeira pessoa a gostar disto

User experience for drupal

  1. 1. User Experience Matters<br />So let’s test and play!<br />
  2. 2. The people we design sites for<br />http://www.youtube.com/watch?v=o4MwTvtyrUQ<br />
  3. 3. Definition of Usability*<br />Usability is a quality attribute that assesses how easy user interfaces are to use.<br />The word "usability" also refers to methods for improving ease-of-use during the design process.<br />* JakobNeilsen<br />
  4. 4. Usability: Defined by5 quality components*: <br />Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? <br />Efficiency: Once users have learned the design, how quickly can they perform tasks? <br />Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? <br />Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? <br />Satisfaction: How pleasant is it to use the design? <br />* JakobNeilsen<br />
  5. 5. Utility, a key quality attribute<br />Utility:which refers to the design's functionality:<br />Does it do what users need?<br />Usability and utility are equally important: <br />Easy yet not what you want<br />What you want but hard to get<br />
  6. 6. Not a good sign<br />
  7. 7. User Testing for Usability <br />
  8. 8. The Benefits of User Testing<br />Fix it early<br />Test assumptions<br />Provide objectivity and solve the opinion issue<br />Inform the design process<br />Set Key Performance Indicators (KPI)<br />Budget, budget, budget<br />
  9. 9. Steve Krug… my virtual mentor<br />“do-it-yourself” usability testing<br />What kind of people--and how many--to test (Steve’s motto: Recruit loosely, and grade on a curve)<br />What to test, and when to test it<br />How to facilitate--when to listen and when to probe<br />How to decide what to fix<br />Once a month, half a day, debrief over lunch<br />
  10. 10. When to test<br />Early and often!<br />Napkin Test<br />Design mock ups<br />Prototype<br />Live site (rebuild)<br />
  11. 11. www.openinterface.ie<br />
  12. 12. How to test<br />One person per session<br />Screencast (audio) <br />One at a time<br />Have the user talk out loud<br />Ensure file of tools and content is ready<br />Use tools: http://sensible.com<br />Scripts, forms, consent forms<br />
  13. 13. Example Task<br />Provide the opportunity for the user to figure out what to do: <br />Bad: Post a job<br />Good: You are a business owner and wish to hire talent within the local technology community. Find a way to do this.<br />
  14. 14. Example Questions<br />Ask about the site, not for their opinion: <br />Bad: Do you like this?, What do you think of this?<br />Good: What do you think this is? What would you do next?<br />Stay neutral and away from leading questions <br />
  15. 15. What to fix*<br />Ignore what Steve calls – The Kayak Problems<br />Resist the temptation to add things<br />Take new features with a grain of salt<br />Take the low hanging fruit<br />* Steve Krug<br />
  16. 16. Simple Tricks for Drupal UX<br />Custom menu<br />Normal names <br />Relational/suggestive content<br />Expanded help text<br />Web forms - less is more<br />Calls to action<br />USER TESTING – early & often!!<br />
  17. 17. Stuff to know<br />Usertesting.com<br />Must reads if you build, design or manage websites: <br />Don’t Make Me Think – Steve Krug<br />Rocket Surgery Made Easy – Steve Krug<br />The Elements of User Experience – Jesse James Garrett<br />
  18. 18. Case Study: www.lethbridgecollege.ca<br />