Usablity Cataloge

Contrast issue

Appears when the background of an element that can be of graphical nature or text has a lower contrast ratio of 7/1 for text or 3/1 for graphics. A lower contrast ratio means that something is harder to decipher for a user. This is especially the case for users with some kind of visual disability like most users in the older spectrum.

Small font size

Is when the font size is so small that it affects the readability of the presented information. This usually happens when the font size is smaller than 10px(CSS pixels). This problem is exaggerated for people that have trouble reading or that are visually impered in some way. Like children or seniors users.

Typography problems

If text or text elements have underlying typography issues that make the text hard or not possible to read. One of these problems is Poor kerning: Kerning, refers to the space in between two characters The closer together these are, the harder it is for people on website to read and understand what you’re trying to say.The problem with kerning, tracking, leading and other typography mistakes is that they make clarity difficult or impossible.

Information density

The site should have a clear layout. If the page is cluttered, it becomes hard to navigate, causing visitors to leave. Other than cluttering the page with a hodgepodge of links, some sites are cluttered with pop-ups, floating ads, auto-loading videos, and other elements that distract visitors can lead to too high information density. This can also occur in the opposite direction if there is not enough content on the page the user gets bored and space is wasted.

Dead links

Dead links are links that are one the website that look just like normally links but when clicked do not lead anywhere or to a broken sight. This will make navigating the website harder and confuse the user.

Dropdown menu issues

On some of the tested pages it's hard to use the dropdown menus because once they are opened they cover almost the entire page which defeats the purpose if you want to cover the entire page just take the user to a site map or a different page used for navigation. Another common problem with dropdown menus is that they use different conventions on how to close them after they have been opened. Some have an X button and some need to be closed in the same way of opening them. The most common way of closing them is also in our opinion the best way of doing it: just close it when the user hovers a different area on the page.

Cultural problems

Issues may arise from differences between cultural references, such as names of food, festivals and cultural connotations, in general. This means that information in the website can be confusing for some and informative for the other.

Not changing the color on visited links

Visitors use links to figure out where they are and where they’ve been. This is important because your visitors use the color of visited links to exclude pages that didn’t give them what they were looking for.This is also helpful because it keeps visitors from visiting the wrong page over and over again.

Inconsistent communication

Is when different icons and conventions are used over the entirety of the page. When the same thing is signaled is many ways this can create confusion for the user. Like the “save” icon being a cd one place and a disc another place

Inconsistent design

Can be for instance if different pages use different fonts for seemingly no reason at all and some pages have a different navigation menu without giving the user a reason why. This is easily avoidable by following a designated designmanual.

Long loading times

Long loading times make the use of a page very frustrating and punishes users in lower skill groups because if they click the wrong thing they will need to use a lot of time to get back to the starting point. Loading times that exceed 1 second are considered a problem.

Misleading notifications

Notifications that are designed to mislead, trick, or force users into allowing notifications.Examples include requests that require users to allow notifications in order to gain access to site content or that are preceded by misleading pre-prompts.

To many scripts

To many or to big scripts on the web page so that the loading time of the web page gets noticeably affected so that the user will have to wait on the scripts before the sight is fully usable.

Improper use of html

This problem occurs when HTML is not used for its intended porous as a mockup language. When the html on the page is used for styling or all of it is generated in Javascript on the fly. This can break screenwriters completely and make the page incompatible with other programs that are aimed to help users.

Uncommon Screen Ratio/size

Occurs when the layout is not dynamic and only supports some of the many screen sizes on the web. The most common screen resolution size in recent years has been: 1366x768 pixels for desktops 360x640 pixels for mobile screens 768x1024 pixels for tablets Higher resolutions, such as 1920x1080 pixels for desktops and 375x667 for mobiles, are becoming more popular. It's important to consider these sizes carefully. When designing websites for higher resolutions, some low-resolution screens and older devices may not be able to display all of your content.

Browser compatibility problem

Is when some features of a webpage are locked behind a specific browser or the content changes dependent on the browser. Web pages should be able to display across different browsers, including Internet Explorer, Firefox, Safari and Chrome. When building your site the site has to go through browser compatibility issues. This means to test your site in as many browsers and operating systems as possible before deploying it. Remember to test on most recent browser versions, as well as the older ones - not all of your visitors may be using up-to-date software.