The website is visually appealing and pleasant to look at
The balance between the content and the white/negative spaces is right
There are no elements ("scroll stoppers") of the page that will make the user stop scrolling or create the illusion that they have reached the bottom of a page when they have not
The style of the website is consistent, clearly recognizable look and feel, and retains the attention of the users
The fine details in the website are not in "saturated blue"
The colors on the pages serve as a means for the arrangement and order of the content
Visuals on the pages are not mistaken for advertisements
Significant subjects and data on the website are presented in bold
The most engaging components (such as animation, bold colors, and size differentials) in the website are used sporadically and where appropriate
Texts
The website uses a reasonable font size for content and the fonts are easy to read
The website uses fonts coherently/consistently
There are not more than two main font families used on the website
Blocks in italics and bold are rare.It can be difficult to read for many people. highlight only super important texts and use bold for super-strong emphasis
Text in capital lettters is rare
The text on the pages is arranged in sentences with an optimal length according to the standard screen resolution.neither too short (<50 characters per line) nor too long (>100 characters per line)
Colors
The Interface's color palette is balanced and no complex combinations are used. The complicated backgrounds are avoided
The graphics style and the colors of the website are authentic and associated with the company branding
The website uses readable contrast ratios for elements (Check contrast checker)
When the website has a two-dimensional design (flat design), there are visual effects added to control items
Don't rely on something like color alone, you run the risk of failing your color-blind users. Also, color is more ambiguous because people may not be sure what the color's supposed to mean
Icons & Graphics
The icons have individual characteristics but follow the same style.
‣
- The icons should be designed to be schematic, and not realistic
- Avoid adding too many visual details because this adds to our visual processing and slows users down when they're trying to determine what that is. This will also helps the icons scale more easily
The icons in the website have individual purposes and are used to convey information, not only for design
Icons never contain text as a part of them
If possible Icons always use text labels
‣
A text label is needed to clarify the meaning of an icon because universal icons are rare. And further, come icons are used in multiple different ways on different websites and apps
Images and charts are designed to fit the viewport