Tooltips are text labels that are invisible until a user hovers over a certain word or phrase. They then appear and provide useful information or suggest further reading and assistance.
2. hidden next steps
To create a clean design and ensure that the user continues along the correct path without missing essential steps, some actions can be hidden until relevant. For example, many e-commerce websites (such as the one below) hide the ‘add to cart’ button until all product options have been selected.
3. messages triggered by an error
Users filling out a form correctly will never see these, but they pop-up when an error has been made, such as entering mismatching passwords, adding an email address without an ‘@’ sign or leaving a required field empty. These feedback messages, which are specific to the mistake that has been made, can make the difference between a user successfully completing a sign-up or checkout process and dropping off.
4. auto-complete text
Also making online form completion simpler, auto-complete text only appears after the user begins typing to reduce clutter. It then adds information automatically, thus making things quicker for users and reducing the risk of errors.
5. sticky navigation bars
The sticky navigation bar is a slim version of a website’s main navigation that follows and stays with the user as they scroll down the page. It allows them to navigate the site from any point without the need to scroll all the way back up to the top. A minimal design is usually used so that the bar doesn’t impose on the rest of the page as the user is reading.
6. ‘back to top’ buttons
‘Back to top’ buttons are simple alternatives to the sticky navigation bar. Usually placed in the bottom right corner when the page is quite long, they allow users to move back to the top of the page and continue their journey around the website with a single click. The button can include text or may be a minimalist upward arrow.
7. intuitive slideshow controls
Intuitive slideshow control features can include: navigation buttons (usually arrows); an auto-play button; options to zoom in or out; and even a menu showing thumbnails or slide numbers for reference. These usually appear only when the user hovers over the current image or slide, thus enabling them both to enjoy a full, unobstructed view of the image and to be able to interact or move on when needed.
The features detailed above might be invisible, but including them in your web design makes a great difference to users and whether they have a pleasant and seamless experience browsing your site. They make simple design and reduced cognitive overload possible, whilst still retaining important functionality.
If you’d like help improving the UX of your website, please get in touch.