In the book Web Strategy for Everyone there are given a number of tips on how to design the Error 404 page for it to be useful and beneficial. Something that one does not have place in a printed book is to showcase a bunch of examples of how these pages might look like.
These figures is something we encounter on a regular basis on the Web. 404, 410 and numbers like 500-something. They are so-called status codes from the Web’s protocol HTTP, you know that found in the beginning of the addresses on the Web.
On my most recent trip to Stockholm, I got room number 404. Imagine my geeky surprise when I arrive on the fourth floor and the door is actually there, plus there was a room behind the door 🙂
Amusing error 404 pages
The book Web Strategy for Everyone show, among others, how Spotify has a cute mascot to divert the attention and relief any visitor’s frustration. In this blog post I will show a bunch of entertaining and well thought-out Error 404 pages.
See these as inspiration and consider what you can do with your own error 404 page. Unfortunately, many still require having Adobe Flash installed to see the 404 pages , there is not really smart when fewer and fewer do not have it, and it definitely does not work for those who get 404 on a cell phone. Another quite common blunder is that you failed to make the 404-page responsive, so sometimes it is both fun and rewarding if you are browsing with a computer browser in full screen. That’s too bad!
Github is the service where virtually all open source projects are now located. Sometimes the projects are renamed and then we land on this Error 404 page. I’m not sure if there is a Star Wars reference with the craft and the sandy landscape. What do you think? Anyway, it is nicely coded with parallax scrolling when you move the mouse pointer over the image.
Sitespeed.io and their cute mascot
Sitespeed.io is consistently showing their mascot in all kind of roles. Of course the mascot is helping out with the 404, in a Batman-themed setting.
Google has a robot that seems to have dismantled itself.
Airbnb drops the ice cream
Airbnb makes the small effort and puts at least an image to lighten their error 404 page up a bit.
CSS-Tricks shows the underlying CSS
A bit like the CSS code punctured the cloth of the HTML code and made the CSS code take a peek at the user.
Dropbox allows an impossible variation of its logo
Guessing I’m not the only one to get headache when looking at that kind of sketches with impossible angles. Creative, though!
Tableau has found sasquatch
Visualization company Tableau has found sasquatch in its visualization engine. Now there ought to be no opposing the evidence that they are in fact real?
American space agency NASA
NASA say that the reason why the page has disappeared is because it is behind the event horizon. Certainly a blast for those who are more knowledgable in physics than myself, but at least appropriate to talk about something they themselves are good at.
Delaware jokes about its name – Dela-where?
Certainly a cheap joke, and something those who live there often hear, but it cannot be that common for the public sector to be joking in this way – it could of bores be perceived as frivolous.
IMDB brings appropriate movie quotes
Film service IMDB offers quotes from movies on their 404 page. It is hard to stop reloading the page to see what suitable quotes they’ve found.
Hillary Clinton failing
Hillary Clinton’s campaign site for the presidential campaign 2016 shows a GIF when she fails to swipe her card to open a gate. It looks to be at a subway somewhere.
IKEA Sweden excels, but a bore internationally
In the Swedish part of the IKEA website, a person who literally painted himself into a corner. Maybe they could not find something similar figuratively to the international site where they did the bare minimum. Internet seem to suggest that ”paint into a corner” is also and idiom in English, so perhaps they just didn’t dare?
Comedy Central brings out their characters
Comedy Central vary the characters they show up so it is easy to click the refresh button a few times.
The New Yorker and the labyrinth
A rat that got lost in a maze, yeah, why not.
Amazon showcases employees’ dogs
Amazon chooses to showcase a new dog every time you land on their error 404-page. These dogs are “working” on Amazon and they also explains that there are dog treats and fountains in the appropriate height for dogs. Why not tell us what a great offices they have and that employees are welcome to bring their four-legged friend to the office.
Dilbert: The pointy-haired boss is fooled
The manager, the pointy-haired boss, is fooled that the Internet is full. Appropriate to have a special series just for error 404 in Dilbert.
As previously mentioned, it is also important that your error 404 page is usable and properly designed. It is one of many topics in the book Web Strategy for Everyone – available for about 10 $ + VAT.