main

UX

Искусство ошибаться: 32 примера достойных 404 страниц

Апрель 27, 2015 — 0

Ошибки сайта огорчают пользователей. Но не всегда. Оригинально оформленная «404 страница» может оставить приятное впечатление на пользователя, вызвать улыбку или даже развеселить.

Ошибки сайта огорчают пользователей. Но не всегда. Оригинально оформленная «404 страница» может оставить приятное впечатление на пользователя, вызвать улыбку или даже развеселить.

Какие еще плюсы может принести такой подход к оформлению ошибок?
Вот перечень большинства из них:

  • Обеспечивает позитивное настроение ваших пользователей
  • Ваш сайт становится запоминающимся
  • Если сделать навигационное меню – это сильно упростит поиск посетителям
  • Шанс показать, на что вы способны
  • Показывает посетителю, что вы заботитесь о нем
  • Производит впечатление
  • Дает возможность поделиться с друзьями

Мы подобрали варианты, когда разработчики сайта ответственно подошли к вопросу.

404-е ошибки отечественного производства

1. www.sombrero.su/404/
Буэнос диас! Очень креативный подход и превосходная реализация на сайте мексиканской кухни.
404 Buenos dias(1)

2. www.profflex.ru/404/
Для чего еще может пригодиться монтажная пена? Конечно, для оформления страницы ошибки.
404 Profflex(2)

3. www.designstudy.ru/404/
Очень тематичная иллюстрация – мазки кистей для школы дизайна. Однозначно заслуживает внимания.
404 DesignStudy (3)

4. http://habrahabr.ru/showme404/
Интерактивная солнечная система с юмором и навигацией по сайту. Хабр, как всегда, в своем стиле.
404 Habr(4)

5. http://designfire.ru/404/
Такой страницы нет, как нет и её освещения – приходиться зажигать спичку. Отличный дизайн ошибки, для сайта «с огоньком».
404 DesignFire(5)

6. http://cpeople.ru/404/
Минимализм выполненный в современном стиле. Еще одна страница в копилку интересных решений.
404 Cpeople(6)

7. www.motocms.ru/404/
Красиво и со вкусом. Такие страницы вызывают только позитивные эмоции, несмотря на ошибку.
404 Motocms(7)

8. www.defa.ru/#404
Стильная страница с высокой содержательностью.
404 Defa(8)

9. www.inclouds.ru/404/
Выполнено в лучших традициях современного дизайна, и что не менее важно, соблюдена общая стилистика сайта.
404 Inclouds(9)

10. http://turbomilk.ru/404sdfwert
Просто и с юмором. Да и дизайнер поработал на пять с плюсом.
404 Turbomilk (10)

11. http://ifolderlinks.ru/404/
Креативно и остроумно. А также доходчиво и понятно.
404 Ifolderlinks(11)

404-е ошибки зарубежных сайтов

12. www.bluedaniel.com/404/
Это однозначно шедевр. Станция 404 выше всяких похвал.
404 Bluedaniel(12)

13. www.dmcloud.net/404/
Приятная анимированная страничка, хоть и содержание ее дождливо и зябко.
404 Dmcloud(13)

14. www.ipolecat.com/404
Забрел в тупик. Очень символично для рассматриваемой нами темы.
404 Ipolecat(14)

15. http://tix02.be/en/404
Современный дизайн с элементами всеми любимого интрактива – просто прекрасно.
404 Tix02 (15)

16. http://veerle.duoh.com/404
Красочно и необычно, как раз подходит для такого сайта. Отдельно хочу отметить исполнение навигации.
404 Veerly (16)

17. www.bluefountainmedia.com/404/
Вака-вака! Всеми известный PACMAN ждет вас на «ненайденной» странице.
404 Bluefontainmedia (17)

18. http://magnt.com/404/
Элегантно и информативно. Хороший пример, как можно оформлять страницу 404.
404 Magnt (18)

19. http://www.titleist.com/404
Забавный вариант странички, с толпой людей ищущих мяч для гольфа.
404 Titleist (19)

20. http://trackmaven.com/404
Анимированная история о вырванной страничке книги. Завораживает и заставляет следить за летящими листами.
404 Trackmaven (20)

21. www.edukate.com/404
Похоже, вы сошли с курса… и одинокий корабль в ночи. Отличная задумка и ее реализация.
404 Edukate (21)

22. www.randco.com/404
Дизайнер постарался и на славу. Так и хочется осмотреть сайт.
404 Randco (22)

23. www.fork-cms.com/404notfound
Страница канула в морскую пучину. Отличное дизайнерское решение.
404 Fork-cms (23)

24. www.fullscreen.com/404
Модное фото со стильным дизайном – можно использовать как залог успеха.
404 Fullscreen (24)

25. http://saltcitybuilds.com/404
Выполнено в лучших традициях современного дизайна, а еще не забыли анимировать навигацию.
404 Saltcitybuillds (25)

26. http://us.blizzard.com/en-us/error.html
Создатели игр решили отличиться и поздравляют нас с поломкой сайта. Нескучно и круто.
404 US.blizzard (26)

27. http://huwshimi.com/404/
Еще одно отличное сочетание юмора и красоты исполнения. Ниндзя украл эту страницу!
404 Huwshimi (27)

28. http://molo.me/404
Забавная анимация и приятная картинка производят хорошее впечатление.
404 Molo (28)

29. http://hotdot.pro/en/404/
Интерактивные завораживающие цифры не дают оторваться. Выглядит круто.
404 Hotdot (29)

30. http://mailchimp.com/404/
Что-то есть в этой замороженной обезьяне окутанной льдом.
404 Mailchimp (30)

31. http://becherovka.com/error
Данная страница пропитана элитным алкоголем и обвораживает древностью. Очень элегантное исполнение.
404 Beherovka (31)

32. http://hakim.se/404
Тебя не должно быть здесь. Оцените задумку – разбудите глаза.
404 Hakim (32)

Материал подготовил Юрков Кирилл

Оставьте комментарий

Адрес вашей почты не будет отображаться в комментарии. Обязательные поля отмечены символом *