More Related Content Similar to An introduction to Usability (20) An introduction to Usability4. Us•a•bil•i•ty
“... is the effectiveness, efficiency,
and satisfaction with which users
can achieve tasks in a particular
environment of a product.”
11. Site logo
★ Is expected “top-left”
★ Clickable, back to home
14. “Home”
★ Is expected
★ First item in main navigation
★ English terminology is accepted
17. Main Navigation
★ Is expected (horizontal)
★ Limit the number of items
★ “Selected” status
20. Sub Navigation
★ Is expected (vertically)
★ Close to main navigation
★ Selected status
22. Breadcrumbs
★ Indicates “traveled” path
★ Show site/content hierarchy
★ Alternative way of going “back”
25. Language
★ Expected near main navigation
★ ISO Standards (NL-FR-EN)
★ Indicate current language
29. Typography
★ Difference between titles & paragraphs
★ Links should look like links
★ Use colors & fonts to show importance
30. Titles orange
links in blue
Price in red
Meta
information
in grey
32. Copywriting
★ Use keywords for titles (Google loves that too)
★ Match navigation & page titles
★ Avoid duplicate content
★ Group your content, wisely
34. Whitespace
★ Use whitespace to create structure
★ More screensize doesn’t mean more content
★ Whitespace is sexy
37. Search box
★ Expected top-right
★ Average search query is 35 chars
41. Forms
★ Default OS design is expected
★ Different length for each input format
★ Pre-format input fields/data
44. Error recovery
★ Show what the user did wrong
★ Indicate how they can fix the mistake
★ Stop punishing your users
★ Use inline errors with care
46. Interactive
inline error
Obvious
Red color to CTA
indicate error
47. Progress
★ Show a process indicator
★ People love making progress
★ Group your information (obvious vs personal)
48. 3 clear steps
Selected
Default
design
What
happens with my
info?
50. Call to action’s
★ People should know how to join
★ People should know why to join
★ Consistent style for your CTA’s
55. Life below the fold
★ People scroll, yes they do
★ Your lay-out should look “cut”
★ Make your footer usable
61. It takes between 2 & 5 people to fix
70% of the most common usability issues.
62. Share your site statistics with all the
people involved. Not only with marketing.