new icn messageflickr-free-ic3d pan white
OMG 404 Error Page | by aackose
Back to photostream

OMG 404 Error Page

404 Error Pages have always been a major part of websites. But now they have grown to such to a level wherein their design prove to be very critical for the sites attraction. Bemused?... Yes! In fact designing the 404 Error page is also an art. You might have designed a wonderful site with good content management. But as the saying goes:"To err is human". Chances of people banging at the wrong bark in a website are high. And when they bang and see irky "Object reference not set to an instance" errors or yellow page error, how do you expect them not to press Alt+F4. Hence, I request you to take a good amount of time in designing a creative, informative and innovative error page.

Some innovative designs for the 404 Error Page:

1.Appealing images

A really dirty, hand-made image with a comment - for despaired visitors only. The page also includes a search box.

[cid:image001.jpg@01CA0ED2.B8D26E40]

Rainfall Daffinson makes sure you don't feel lost.

[cid:image002.gif@01CA0ED2.B8D26E40]

Even a 404-error page can look stylish.

[cid:image003.gif@01CA0ED2.B8D26E40]

A book with the page which couldn't be found.

[cid:image004.png@01CA0ED2.B8D26E40]

[cid:image005.jpg@01CA0ED2.B8D26E40]

[cid:image006.jpg@01CA0ED2.B8D26E40]

Jamie Huskisson communicates with "lost" visitors using imagery.

[cid:image007.png@01CA0ED2.B8D26E40]

404 error as time on a clock.

[cid:image008.jpg@01CA0ED2.B8D26E40]

Sometimes you can feel or even smell that you're definitely not on the page you wanted to visit.

[cid:image009.jpg@01CA0ED2.B8D26E40]

2.Getting poetic

404 error haiku. Informative, however a direct link to the start page would be quite useful.

[cid:image010.jpg@01CA0ED2.B8D26E40]

Three more haikus by Lumino.us. Plus beer to keep you company.

[cid:image011.jpg@01CA0ED2.B8D26E40]

And one more haiku by alt-web.com.

[cid:image012.gif@01CA0ED2.B8D26E40]

BlueVertigo offers a poem with horizontal scrolling.

[cid:image013.gif@01CA0ED2.B8D26E40]

A small poem about the 404 error by Poemofquotes.com

[cid:image014.gif@01CA0ED2.B8D26E40]

Jacob Thomas quotes Winston Churchill and informs lost visitors that the page they've been looking for seems to have been burnt down by a puckish elf called 'Prontyr'.

[cid:image015.gif@01CA0ED2.B8D26E40]

Darren Hoyt appeals to the humanity of mistakes and errors and communication with visitors directly.

[cid:image016.gif@01CA0ED2.B8D26E40]

3.Communicate through emotions

Isn't he sad...

[cid:image017.jpg@01CA0ED2.B8D26E40]

...however, Cat Content seems to be doing well...

[cid:image018.jpg@01CA0ED2.B8D26E40]

...and Krystal gets no biscuit.

[cid:image019.jpg@01CA0ED2.B8D26E40]

4.Communicate through irony

Maybe an idiot has passed you the wrong link or maybe a bigger idiot has linked in their site to a page that doesn't exist. In both cases the big boss man has been sent an email informing him of this problem, so the person responsible can be tied to a tree and horsewhipped! Nice to know.

[cid:image020.jpg@01CA0ED2.B8D26E40]

Martin Yelland has some good explanations about what happened: strange little Web Gremlins or fluctuations of the Earth's Magnetic field might have caused the error - however, a team of highly trained monkeys has been dispatched to deal with this situation.

[cid:image021.jpg@01CA0ED2.B8D26E40]

Even although you're a douche bag, you can use a search box to get to the page you've been looking for.

[cid:image022.jpg@01CA0ED2.B8D26E40]

Apparently, this is a test of the emergency broadcast systems. You should remain calm, these kinds of things happen all the time. The "four oh four error" by Poropoptrt.com.

[cid:image023.gif@01CA0ED2.B8D26E40]

5.While you are lost...

...you can read a comic...

[cid:image024.jpg@01CA0ED2.B8D26E40]

...or more comics (the image is changing after every reload)...

[cid:image025.jpg@01CA0ED2.B8D26E40]

...get two cocktail recipes...

[cid:image026.gif@01CA0ED2.B8D26E40]

...die...

[cid:image027.jpg@01CA0ED2.B8D26E40]

...don't count to 404 (the site also provides a search box and a tag cloud)...

[cid:image028.jpg@01CA0ED2.B8D26E40]

6.Explain what happened.

Explanation in a well-designed visualization of what happened.

[cid:image029.jpg@01CA0ED2.B8D26E40]

Be aware when you've reached a buzzless page...

[cid:image030.jpg@01CA0ED2.B8D26E40]

[cid:image031.jpg@01CA0ED2.B8D26E40]

7.Explain what can be done.

[cid:image032.gif@01CA0ED2.B8D26E40]

Foobr offers a detailed explanation on what can be done and what the "lost" visitor might be looking for.

[cid:image033.gif@01CA0ED2.B8D26E40]

[cid:image034.gif@01CA0ED2.B8D26E40]

3amproductions.net suggests pages the visitor might be looking for.

[cid:image035.gif@01CA0ED2.B8D26E40]

Renet-web.met offers recent posts and a search box.

[cid:image036.jpg@01CA0ED2.B8D26E40]

8.Unusual solutions.

Shocking visitors with colors - interesting, but not quite appealing...

[cid:image037.gif@01CA0ED2.B8D26E40]

Blue Screen Of Death on the Web.

[cid:image038.gif@01CA0ED2.B8D26E40]

Sorabji.com lists what people were looking for when they got the 404 Page Error. Interesting approach, however not recommendable - think of spambots.

[cid:image039.jpg@01CA0ED2.B8D26E40]

9.Be sincere.

Jeremy seems to be really sorry about the missing page...

[cid:image040.jpg@01CA0ED2.B8D26E40]

...so is Rainer...

[cid:image041.jpg@01CA0ED2.B8D26E40]

10. Do whatever you want to do.

This is not a working example, since the site isn't using the page as a working 404 error page. Nevertheless it's quite funny: the characters are talking, and as you might suggest, they are talking about 404 errors!

[cid:image042.jpg@01CA0ED2.B8D26E40]

 

Good Luck with your 404 Page!!

953 views
0 faves
0 comments
Taken on July 27, 2009