404 - not found

3 марта 2008 by Gabo

404.jpg

Сегодня мы поговорим о… ненайденном. О страницах обработки ошибки 404.

Первое, о чем надо помнить, создавая страницу обработки 404 - пользователю уже плохо. Он не попал куда хотел, поэтому не стоит огорчать его еше больше. Вот несколько рекомендаций, которые позволят сделать приличную страницу, и сохранят лояльность посетителей.

1. Навигацию по сайту следует сохранить

2. Не стоит перегружать страницу отказа графикой

3. Упоминание кода ошибки желательно, но так как многие понятия не имеют о кодах - лучше прояснить произошедшее простыми и понятными словами.

4. Можно предложить пользователю дополнительную навигацию - например, переход на самую популярную страницу вашего ресурса, или вернуться назад, или перейти в какой-либо раздел, причем линки имеет смысл сделать контекстными.

5. Оставьте пользователю поиск по сайту - если ему что-то очень нужно именно у вас, он обязательно им воспользуется.

6. Данный метод требует некоторого кодинга: в шаблон страницы вписывается код, который обрабатывает поисковый запрос, по которому пришел пользователь, а затем проводит поиск уже по вашему сайту, и предлагает человеку страницы с результатами.

7. Ну и конечно же, ставьте себя на место пользователя.

А теперь - несколько примеров!

http://www.apple.com/404.html

http://del.icio.us/404.html

http://digg.com/error

http://www.stumbleupon.com/404

http://www.msn.com/404

http://blog.aditu.de/error/404

http://www.bluedaniel.com/404.shtml
(имхо, малость перебор уже :)

А теперь - Картинки!

Из огромного числа страниц обработки 404 можно выделить несколько ключевых подходов:

1. Можно использовать изображения


01-radiohead.jpg
http://www.ateaseweb.com/404/


02-rainfall.gif
http://rainfall-daffinson.com/404


03-cgcraft.gif
http://www.cgcraft.com/404


04-book.png
http://www.vi-su.de/404


05-slonky.jpg
http://slonky.com/404


06-iamww.jpg
http://iamww.com/404


07-robot.png

http://www.jhuskisson.com/404

08-tix.jpg
http://www.tix02.be/404


09-village.jpg
http://www.obedinenie.com/en/404


2. Можно привнести в процесс поэтику


10-jackfig.jpg
http://www.jackfig.com/404


11-lumino.jpg
http://lumino.us/404


12-alt-web.gif
http://alt-web.com/404


13-vertigo.gif
http://bluevertigo.com.ar/404


14-poemof.gif
http://www.poemofquotes.com/404


15-upward.gif
http://dynz.net/jacob/404


16-darrenhoyt.gif
http://www.darrenhoyt.com/404

3. Можно вызвать у пользователя положительные эмоции

17-sudpende.jpg
http://suspendedanimations.com/404


18-tyson.jpg
http://tysontate.com/404/


19-krystal.jpg
http://krystalarchive.dwightdesign.com/404


4. Можно быть просто ироничным, ведь ничего страшного не произошло

20-alphomega.jpg
http://www.alphomega.co.uk/404


21-tadley.jpg
http://www.tadleyroundabout.co.uk/404


22-expansion.jpg
http://www.expansionbroadcast.com/404


23-pyropop.gif
http://www.pyropoptrt.com/404


5. Можно развлечь чем-то человека, попавшего не туда

24-bioneural.jpg
http://www.bioneural.net/404/


25-afrison.jpg
http://derfrison.com/404

26-cssleak.gif
http://www.cssleak.com/404.php


27-f23.jpg
http://www.f23.com/404.shtml


28-porcupine.jpg
http://www.porcupine.gr/404


6. Можно, наконец, просто (ну или сложно) объяснить, что же все-таки произошло

29-nextwave.jpg
http://www.nextwaveperformance.com/404


30-printscreen.jpg
http://www.prt.sc/404/


31-martinkorner.jpg
http://www.martinkorner.co.uk/404df


7. Можно еще рассказать о том, что можно делать дальше

32-psyked.gif
http://www.psyked.co.uk/404


33-foobr.gif
http://foobr.co.uk/css


34-robgo.gif
http://www.robgoodlatte.com/404


35-3am.gif
http://3amproductions.net/404


36-renet.jpg
http://www.renet-web.net/404


8. Встречаются оригинальные идеи, не подходящие под предыдущие описания

37-palmfly.gif
http://www.palmflying.com/404

38-galiacho.gif
http://www.galiacho.es/404


39-sorabij.jpg
http://sorabji.com/404


9. Наконец, есть возможность просто быть честным - с самим собой и со всеми!


40-fuksa.jpg
http://jeremyfuksa.com/404


41-pernpaper.jpg
http://www.pen-and-paper.de/404.php


10. А можно просто нарисовать какую-нибудь веселую ерунду :)

42-doodoo.jpg
http://www.homestarrunner.com/systemisdown.html


11. А вот как решил этот вопрос для Яндекса Тема Лебедев:

leb_404-1.jpg
leb_404-2.jpg
leb_404-3.jpg


Оригинальный линк: http://www.artlebedev.ru/everything/yandex/404/

Добавить в закладки: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
  • blogmarks
  • Technorati
  • YahooMyWeb


One Response

  1. vetas

    Последняя ссылка сильная! А вот еще одна картинка

Есть что сказать?

Уважаемые авторы!
Просьба помнить о том, что русский язык богат и разнообразен. Комментарии, содержащие ненормативную лексику, оффтопики и флуд, могут быть удалены.