Web usability, navigation & accessibility

799 views

Published on

A visual presentation about the key to making great website experiences.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
799
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web usability, navigation & accessibility

  1. 1. Usability,navigation, andaccessibilityChristoffer Du Rietz
  2. 2. MeDigital designer• Interaction design• Art Direction• Mobile expert
  3. 3. Good usability, clear navigation,and maximized accessibility are the three cornerstones for reaching your website goals.
  4. 4. Usability -getting the user fromA to (where you want them to) B A 10 step program
  5. 5. 1Donʼt make the user think
  6. 6. ?
  7. 7. ?
  8. 8. ?
  9. 9. Click to visit!
  10. 10. Click to visit!
  11. 11. 2Donʼt test the users patience
  12. 12. ×
  13. 13. 3Focus the users attention, and then let them take action
  14. 14. 4Strive for content and feature exposure
  15. 15. Click to visit!
  16. 16. 5Use effective writing
  17. 17. Click to visit!
  18. 18. 6Strive for simplicity
  19. 19. Click to visit!
  20. 20. 7Embrace whitespace
  21. 21. 8 Use an effective visuallanguage; prioritize, cut, clarify and be consistent
  22. 22. Click to visit!
  23. 23. Click to visit!
  24. 24. 9Embrace conventions
  25. 25. But mind you, conventionschange quickly on the web.
  26. 26. 10Test and improve, continually!
  27. 27. Navigation Best practices
  28. 28. Navigation should be apparent, and preferably give a hint of website content
  29. 29. Most viable solutions• Top and left navigation• Top menu with drop-down, and left or right navigation• Left
  30. 30. Avoid duplicate content
  31. 31. Breadcrumbs - is your site more than one level deep? Use it.
  32. 32. Dynamic loading of content via Ajax is super, but donʼt breakthe back-button or direct URLs
  33. 33. Click to visit!
  34. 34. Click to visit!
  35. 35. Pagination dead? Depends on the content.
  36. 36. No pagination = Good!
  37. 37. Pagination = Good!
  38. 38. Balance your content structure
  39. 39. ?
  40. 40. Prioritize and weigh. Cut cut cut.
  41. 41. AccessibilityFrom a design perspective
  42. 42. Keep to structured, natural layouts
  43. 43. Use sufficient contrast
  44. 44. Bad
  45. 45. Good
  46. 46. Great
  47. 47. Donʼt use Flash™, and makesure your content and layout degrades gracefully
  48. 48. Withflash
  49. 49. Without flash
  50. 50. Provide text alternatives to all non-text content
  51. 51. Provide a mobile version**but make sure you have a quick link to get to the standard version
  52. 52. Great!
  53. 53. Get a developer whoʼs fluent in accessibility standards
  54. 54. So, ideas?
  55. 55. Thank you! Christoffer Du Rietzchristoffer.durietz@halvarsson.se Twitter: @durietz

×