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.

8 Critical Usability Tips Slideshare Post

1,517 views

Published on

This Webinar, ‘8 Critical Usability Tips’, focuses on quick, low cost ways to improve your Web presence and deliver impressive results.

Published in: Technology, Design
  • Be the first to comment

8 Critical Usability Tips Slideshare Post

  1. 1. 8 Critical Usability Tips: Quick low cost ways to get impressive results John Whalen, PhD Director, User Experience and Design, e.magination
  2. 2. Usability Reviews and Usability Testing
  3. 3. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  4. 4. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  5. 5. Tip 1: Navigation – KISS – Harder than you think…
  6. 6. Tip 1: Navigation – KISS – Harder than you think… Trying to describe 10 steps… Notice the numbering: …but page has 42 4,5,6,7,8… links 4,5,6,7,8… 4??? …29 related to task at hand …13 leaving page. Where do I start??
  7. 7. Take a step back, think like the user
  8. 8. Make an obvious first step
  9. 9. Distinguish primary and secondary navigation
  10. 10. Provide a table of contents
  11. 11. Informal Test – Where should you click first? e.mag design 100% Correct 30% Correct
  12. 12. Tip 2: Navigation – Less is More
  13. 13. Tip 2: Navigation – Less is More 2 sets of tabs… Clickable buttons for navigation… Clickable buttons for actions… Clickable objects for navigation… Large distance between question and “Next” button Large distance between help and question
  14. 14. Tip 2: Navigation – Less is More Previous Next
  15. 15. Informal Test – Which would you prefer? Previous Next e.mag design 92% 8%
  16. 16. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  17. 17. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  18. 18. Tip 3: Content – Provide visual clues that direct eyes.
  19. 19. A B 0 Seconds
  20. 20. A B 5 Seconds
  21. 21. A B After 15 seconds, users “below the fold” 15 Seconds
  22. 22. Tip 4: Content – Create scan-able content ✓
  23. 23. Users scan content in an “F” pattern
  24. 24. They skip irrelevant content
  25. 25. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  26. 26. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  27. 27. Tip 5: Interaction – Make the next step “duh” obvious
  28. 28. Informal Test – Where should you click next? Amazon 91% Correct 6% Correct
  29. 29. What makes it obvious? • Distinct color • Size • Affordance (click-ability) • Next in user eye-flow • Absence of any other items with that style • Consistency in positioning
  30. 30. Tip 6: Interaction – Search + Refine
  31. 31. Do you prefer Search + Refine? Yes 85% No 15%
  32. 32. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  33. 33. What makes it obvious? • Distinct color • Size • Affordance (click-ability) • Next in user eye-flow • Absence of any other items with that style • Consistency in positioning
  34. 34. Top 8 Critical Usability Tips Navigation Interaction Content Persuasive Design
  35. 35. Tip 7: Persuasion – Invoke reciprocity, social validation, and similarity Reciprocity: • Give things away. • Create an environment where you contribute, then ask for something in return.
  36. 36. Tip 7: Persuasion – Invoke reciprocity, social validation, and similarity Social Validation: • You’re making the right choice. • Lots of other people choose this too.
  37. 37. Tip 7: Persuasion – Invoke reciprocity, social validation, and similarity Similarity: • People just like you choose us.
  38. 38. Tip 8: Persuasion – Find the right social networks and provide thought leadership Source: Forrester.com
  39. 39. Tip 8: Persuasion – Find the right social networks and provide thought leadership Develop a B.E.S.T. formula • Behavioral: Everything you communicate is designed to change customer behavior • Essential: Your communications really help your customers succeed in their jobs • Strategic: Your content becomes a integral part of your business strategy • Targeted: Target your content so that it is truly relevant to your clients.
  40. 40. 8 Critical Usability Tips Navigation 2. K.I.S.S. – Make the first step obvious 3. Less is More – Remove unnecessary navigation Content 5. Provide visual clues that direct eyes to next step 6. Create scan-able content Interaction 8. Make the next step “duh” obvious 9. Search + Refine Persuasion 11.Invoke reciprocity, social validation, and similarity 12.Find the right social networks and provide thought leadership
  41. 41. Your Summer Reading List…
  42. 42. …or talk to us! John Whalen, PhD Director, User Experience Twitter: @johnwhalen Email: john.whalen@emagination.com LinkedIn: http://www.linkedin.com/in/johnwhalen THANK YOU!

×