Автор: Мария Кокухина, эксперт по юзабилити
Книга Марии Кокухиной

Сегодняшняя статья посвящена самой частой ошибке в интернете, известной как «Ошибка 404: страница не найдена». Давайте рассмотрим подробнее структуру «Ошибка 404: страница не найдена», а также рассмотрим 13 примеров.

Что означает ошибка 404

Ошибка 404 или страница не найдена (not found) — это сообщение об ошибке в коде ответа HTTP (Hypertext Transfer Protocol). Ошибка 404 выдается в случае, если пользователь успешно подключился к серверу, но по какой-то причине не смог получить запрошенный контент.

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

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

Правильно разработанная и стильная страница ошибки 404 — способна не только информировать пользователей, но и ориентировать их на сайте, развлекать и просто дарить момент эстетического удовольствия.

Элементы ошибки 404

Часто используемые элементы ошибки 404:

  • сообщение об ошибке.
  • элементы навигации (ссылки, кнопки, меню, поле поиска)
  • декоративные элементы (иллюстрации, фотографии, анимация)

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

Примеры ошибок

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

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

Забавные страницы ошибки 404 — самые эффективные. Но что делает их такими смешными? Давайте рассмотрим примеры креативных ошибок 404.

Пример ошибки 404 №1

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

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

Пример ошибки 404 №2

Большой фиолетовый монстр делает страницу с ошибкой 404 более привлекательной. Компания забавным образом приносит свои извинения за неудобства, причиненные их монстром. Кроме того, компания добавила кнопку, которая перенаправляет пользователей на работающие страницы.

Такой подход подарит вашим пользователям положительные эмоции и даст возможность получить ожидаемую информацию.

Пример 404 №3

Яркая, векторная иллюстрация сделает вашу страницу ошибка 404 более привлекательной. Расслабленный мужчина в шортах, говорит: Хм… какой путь выбрать, если для меня нет тут ничего полезного? С этой иллюстрацией у вас не будет проблем с включением различных ссылок для перенаправления пользователей на нужные страницы вашего сайта.

Провести юзабилити аудит

Пример 404 №4

Добро пожаловать на еще одну креативную страницу с ошибкой 404. Вместо тривиальной цифры «0» изображен плачущий смайлик. Плоский, простой дизайн выглядит позитивно и свежо благодаря забавному смайлику. Кроме того, макет страницы содержит кнопку призыва к действию. Это умное решение, которое поможет вашим посетителям найти то, что они хотят, не покидая ваш сайт.

Пример 404 №5

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

Пример 404 №6

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

Пример 404 №7

Страница 404 может отправлять пользователей в космос. Почему космос? Потому что космос — это нечто недоступное и далекое. Когда вы попадаете на страницу, которой нет, она напоминает именно космос — неизвестное пространство.

Не бойтесь творческого подхода при создании страницы 404. Это динамичное, красивое и приятное для глаз решение. Так что поразит ваших посетителей, развлечет и оставит приятное послевкусие.

Пример 404 №8

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

Пример 404 №9

Данный вариант страницы 404 прекрасно вписывается в тематику сайта. Популярный герой из мультфильма Pixar показывает настоящую грусть. Это выглядит просто, но умно. Грусть прекрасно отражает реакцию пользователей при получении 404.

Пример 404 №10

Изображена анимированная девушка, которая расстроена из-за того, что уронила мороженое. Тем самым вы забудете о своем разочаровании. Помимо этого Airbnb предлагает список полезных ссылок, позволяющих получить необходимую информацию: Главная страница, Поиск, Помощь, Карта сайта и т. д.

Пример 404 №11

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

Пример 404 №12

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

Пример №13 — как у нас!

Заключение

Юмор и иллюстрации работают на 100%, поэтому примите во внимание этот факт при создании собственного варианта. И тогда посетители не захотят покидать ваш сайт.

Понравилась статья? Поделись с друзьями!

Вам будет это интересно