Embed Size (px)
DESCRIPTION
A visual presentation about the key to making great website experiences.
Citation preview
Usability, navigation, and accessibilityChristoffer Du Rietz
Me
Digital designer
• Interaction design
• Art Direction
• Mobile expert
Good usability, clear navigation, and maximized accessibility are
the three cornerstones for reaching your website goals.
Usability - getting the user from A to (where you want
them to) BA 10 step program
Donʼt make the user think
1
?
?
?
Click to visit!
Click to visit!
Donʼt test the users patience
2
×
Focus the users attention, and then let them take action
3
Strive for content and feature exposure
4
Click to visit!
Use effective writing
5
Click to visit!
Strive for simplicity
6
Click to visit!
Embrace whitespace
7
Use an effective visual language; prioritize, cut, clarify
and be consistent
8
Click to visit!
Embrace conventions
9
But mind you, conventions change quickly on the web.
Test and improve, continually!
10
NavigationBest practices
Navigation should be apparent, and preferably give a hint of
website content
• Top and left navigation
• Top menu with drop-down, and left or right navigation
• Left
Most viable solutions
Avoid duplicate content
Breadcrumbs - is your site more than one level deep? Use it.
Dynamic loading of content via Ajax is super, but donʼt break the back-button or direct URLs
Click to visit!
Click to visit!
Pagination dead? Depends on the content.
No pagination =
Good!
Pagination =
Good!
Balance your content structure
?
Prioritize and weigh. Cut cut cut.
AccessibilityFrom a design perspective
Keep to structured, natural layouts
Use sufficient contrast
Bad
Good
Great
Donʼt use Flash™, and make sure your content and layout
degrades gracefully
Withflash
Without flash
Provide text alternatives to all non-text content
Provide a mobile version* *but make sure you have a quick link to get to the
standard version
Great!
Get a developer whoʼs fluent in accessibility standards
So, ideas?
