Heuristic Evaluation: Human Health Project
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

View only
 
 
ABCDEFGHIJKLMNOPQRSTUVWXY
1
DescriptionHeuristic Violated
Severity (1 - 4)
Recommendation/Comment
2
Site Navigation
3
The Global Navigation items (Who We Are, What We Do, Why HHP, How To Help, and News, do not send a clear message about what the site offers, or reflects the mission of promoting the new IMPACT product.
Efficiency, Learnability
2Re-label and re-order the global navigation items to help users navigate through the site more effectively.
4
There are several minor cosmetic issues within the footer, including the alignment of elements (terms of service) badges that are different sizes.Satisfaction1Redesign the footer to fix alignment and sizing issues listed above, while also including social media icons and increase the leading between the links; additionally, create hyperlinks to a map for the addresses
5
The global navigation on the Donate Page is different from the rest of the website’s navigation.
Satisfaction, Efficiency
1This may be due to the use of a third party website to handle financial transactions through the website; if possible, integrate this service into the website.
6
The blog is located under the News category in the global navigation, and is the only item listed.
Satisfaction, Efficiency
1Change the label in the navigation to "Blog," or incorporate additional features that are more related to "News."
7
There are lines of text that change color on hover though they are not actionable.Learnability3This state should be applied for hyperlinks or buttons only.
8
Home Page
9
The goal/mission of the organization is not clearly stated on the home page.Learnability2Being that this is a non-profit organization, the goal/mission should be clearly stated to help convince users to join or contribute.
10
The capabilities of the IMPACT product (which is currently being developed) is not clearly articulated.
Efficiency, Satisfaction
2Divide the prouct into its three core tenents, and provide text, images, and a CTA leading to additional pages with information about each to clarify what the product offers.
11
The hero image is covered by a transparent box with text (“Help us launch our Patient Advocacy Program”); additionally, there is a green box at the bottom of the image with a quotation.
Efficiency, Satisfaction
1Remove the boxes and design the text to stand out against the image (or above/below it) so that the boxes are not needed; further, include brief copy giving more context as to what the IMPACT product is, in addition to clicking into the extra page for more info.
12
The the size, color, shape, and font size of buttons is inconsistent throughout the home page.Satisfaction1Create a style guide that establishes a consistent size, shape, color, and text weight to all buttons (both active and inactive, or other stylistic variations).
13
The content of the page lacks hierarchy and organization: after the Patient Advocacy Program, there is a Lupus Survey, a Migraine Survey, a Become an Advocate section, followed by three CTA’s (Get Involved, Read the Blog, About Us), a sign up (Join Us), and a footer.Efficiency2This issue might account for some of the high bounce rate the site is experiencing - users do not understand what they are looking at when they visit the site for the first time. Provide a better hierarchical structure to the content of the home page, and some more context around the features/services.
14
There are some legibility issues with the contrast of some type and color treatments, such as black text over photographs, or the white text against the orange and green backgrounds in the How We Use Funds graphic in the footer; this might be especially problematic for older users and/or users with visual impairments.Satisfaction3Use bolder colors and stronger contrast for better legibility.
15
There are some lines of text that span the entirety of the page.Satisfaction1For scanability and readability, any paragraph of text should not exceed 600px in width.
16
What We Do Page
17
There are two separate pages, Real World Data and Patient Advocacy, each containing a great deal of text; the third tenent, Patient Education, is missing entirely.Efficiency3Consolidate the information into one single page; abbreviate the information, or hide it in a Learn More button, and clearly articulate what the goals are so the user can easily discern HOW the organization helps, and WHAT STEPS he/she can do to help (which is where the sign up to volunteer application form field can be placed).
18
The name of the page, What We Do, does not clearly identify the name of the product it is promoting, which is IMPACT.Efficiency1Name the page IMPACT within the navigation, or add elements to better explain what the organization does (in addition to the IMPACT product details).
19
Donate Page
20
The donation feature is to the far right of the screen with clickable buttons that lead to a new page that the user must scroll through.
Efficiency, Satisfaction
2Reduce the video size and move the donation feature to the left of the screen; replace the clickable buttons with smaller radio buttons to reduce having to click into a new page and scroll down to see options; add a submit button that leads the user to the form field to enter donation info.
21
There is a tab for photos, and of the four available photos, three of them are the same; they are stock images used throughout other pages within the website.Satisfaction1Create a photo carousel below the donation feature that allows users to click through an actual carousel without having to open the tab; use real photos to click through.
22
There is a large video screen (which adds to the loading time).
Efficiency, Satisfaction
2Reduce the video size and move the video screen to the right of the page.
23
Blog Page
24
There is a list of categories to the left of the screen, but when you click on a category, the list relocates to the right of the screen.
Efficiency, Satisfaction
2Keep the list in a consistent location (left of screen).
25
Once a user clicks into a category, it generates a list of blogs/articles that fall under that category; there is no way to sort the list, and a user has to scroll through (sometimes multiple pages) or results listed in an undefined hierarchy; further, there is potential for redundant content that applies to multiple categories.
Efficiency, Learnability
2Rather than a categories list, apply a faceted navigation system to allow users to narrow down results by applying tags (or search parameters), such as: "Men’s Health", "Mental Health," etc… and then allowing users to sort results based upon given parameters, such as: "Alphabetical," "Most recent," etc…
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Loading...