Adding Hover States

A hover state is when a user hovers the curser over a link on a web page. For example when you hover over a topic heading that is a link, it could change colour or become underlined. Here is some research images that I screenshot from other websites that have this hover feature:

Before

When hovered

Before

When hovered

On my desktop website design, I have added some hover states to make it easy for the user to see what they are about to click. Here are the screenshots from my website:

Hover state no.1:

Before

When hovered

Hover state no.2:

Before

When hovered

Hovers can be in a more general sense, for example when hovering over either links, icons, images, windows or just objects on the page.