Sunday, October 16, 2016

Usability checklist for website evaluation


Have you ever wondered does your website satisfies the needs of its visitors? 

Years ago, we tried to find an answer to said question, and failed to find an answer on the internet. Now, after years of experience, we’ve decided to create an ultimate checklist that could help anyone to estimate how good is their website performing.

What follows is a 70 points usability checklist that you should use for the examination of any website, regardless of type and its purpose.




Examine your website and determine does it have the following elements:

HOMEPAGE

1. Consistent page layout with clear and recognizable sections
2. Header with clear logo (on the left side)
3. Navigation menu in the header
4. Clear footer
5. Area for related links and info
6. Responsive design
7. The most important information is visible without vertical scrolling
8. There is no need for vertical scrolling
9. Clear page title
10. Clear sub-headings
11. Clear sections and sub-sections
12. White space between title and sub-headings
13. White space between sections and sub-sections
14. There are no scroll stoppers
15. The content is grouped both visually and contextually

TEXT

16. Left-aligned text (body text)
17. There is no text that is justified
18. Used fonts are from Sans-Serif family (Verdana, Arial)
19. CAPS LOCK was not used (body text)
20. There is no blinking text
21. Underline is only used on links

COLOR

22. There are no red/green color combinations

NAVIGATION BARS

23. Navigation menu stands out at the top of the page
24. There are no navigation bars on the left or right side
25. Link to the home page is easy to find
26. Logo is also a clickable link to the homepage
27. There is a visible breadcrumb trail
28. Current page is highlighted on the breadcrumb trail
29. There are no multilevel cascade menus
30. The menus can be used with keyboard

LINKS

31. Links stand out easily from other content
32. Links are blue with underlined text
33. Link style is consistent
34. There are no calls-to-action: “click here”, “here”, “click now”, etc.
35. Useful information is included next to the link (link is only for those who want more)
36. Related links are positioned at the end of the page
37. Link is at the beginning (or at the end) of the sentence (or bullet list)

TABS

38. Current tab looks like it is in the front and all others look like they are behind
39. There is a clear connection between the current tab and the current page
40. There is only one row of tabs



IN PAGE CONTENTS

41. Font formatting is never italic or bold for more than one sentence (with an exemption for quotes)
42. There is a “back to top” link
43. No more than 21 words in the sentence
44. No more that 6 sentences in paragraph

IMAGES

45. Images are in JPEF or PNG format
46. Images are optimized for the web
47. There are no animations on the website
48. Every image has “alternative text”
49. Every image has an appropriate description

POP-UPS

51. There are no pop-ups (except “exit intent” pop-ups on pages with products)
52. The pop-up has a “close” button
53. Pop-up is smaller than the original web-page
54. Mobile pop-up doesn’t cover the entire screen

SUBMIT BUTTONS

55.  Submit buttons have calls-to-action (not just “Ok” or “Submit”)
56. Button can be easily tapped

404 PAGE

57. There is a 404 page
58. 404 page has a link towards the homepage or product page
59. 404 page is humoristic or visually appealing

ON-SITE SEARCH

60. Searched queries are highlighted in the search results
61. Searched query can easily be modified or the search can be refined
62. There is a “sort by” option for the search results
63. There is a clear indication on how many search results were returned by search

SITEMAP

64. Sitemap is up to date
65. Sitemap page doesn’t have adverts, related links or anything similar
66. Sitemap page has in-page alphabet menu (a-z)

FAQ

67. Questions are sorted into logical, related groups
68. Question is clearly different from the answer and it is clear witch answer is related to witch question
69. Most important questions are highlighted
70. A link towards FAQ page can be found in the navigation menu


SCORE

If you have more than 90% checks – your website is usability compliant.
If you have between 70-90% ticks – your website is average.
If you have between 40-70% ticks – your website is not user friendly.
If you have between 0 – 40% ticks – your website needs professional help. 




Featured Post

13 Google Analytics Dashboards - Analytics tricks and tips

Today, every website has a Google Analytics account. The only problem is that Google Analytics offers too many options for an average us...

Conversion Rate


Conversion Rate
- The number of sales of a product compared to the number of people who visit a website to look at that product, or to the number of phone calls or sales visits that are made. (Cambridge dictionary)

Latest posts