Your SlideShare is downloading. ×
0
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Web usability, navigation & accessibility
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web usability, navigation & accessibility

552

Published on

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

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
552
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×