UX For 404 Error Pages

Introduction:

Have you ever clicked on or typed a URL (a link), but instead of getting the desired result, an error message that reads ‘404 not found’ or ‘page not found’ pops up instead?, Don’t worry, we are going to briefly understand what it means, implications (especially if you have a website) and possible solutions with focus on user experience.

So, what’s a 404 error?

It’s a HTTP(hypertext transfer protocol) status code, it’s a response from the web server to the web browser (client)as a result of the following:

Implications:

What should make a good ux for an error page?

Here is a chance to remedy the situation and turn lost users into loyal fans

Links:

Links are very essential because they give the user the ability to leave the error page easily. Links can also come in form of a menu navigation, with it they can go to your homepage, or other pages of their choice. Links can also help users progress to other parts of your website such as sitemap, popular post or products.

A search bar:

Search functions give users the sense of control and power and also a chance to search for whatever they need right there on your site, just by entering one or few keywords. According to a report, adding a search function can help increase site conversion rate by up to 50% in some cases.

Report a problem:

This is often like the last resort for the users, When clicked on by users directs them to report an issue they could not find solutions to on the site, so that it can be resolved for them.

Benefits of a well (user centered) designed 404 page:

Here is my design for a challenge to design a 404 error page.

Your inputs would be greatly appreciated, thank you.

A sample 404 page

--

--

C Emmanuel Onyema is a user centered product designer and developer in beta, a physiology student at Nnamdi Azikiwe University.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
C Emmanuel Onyema

C Emmanuel Onyema is a user centered product designer and developer in beta, a physiology student at Nnamdi Azikiwe University.