Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

User experience for drupal

  • Login to see the comments

  • Be the first to like this

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

×