Идеи оформления страницы 404

При переходе на «мертвую» или несуществующую ссылку, сайт выдает в ответ пользователю стандартный ответ «Ошибка 404» или Page Not Found. Как показывает статистика, примерно 60% пользователей уходят с этой страницы на главную, а остальные вообще покидают сайт и переходят обратно на страницу поисковой системы.

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

eBay

eBay «извиняется», что не смог найти нужную для вас покупку и сразу же предлагает ввести интересующий товар в поисковую строку.

Aviasales

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

Blizzard

Компания Blizzard решила использовать веселую анимацию с персонажем одной из своих игр и веселой надписью.

Coca-Cola

У Coca-Cola довольно креативное оформление страницы 404. Пустые бутылки из под напитка символизируют то, что на странице нет информации, но пользователю тут же предлагается перейти по другим пунктам меню.

Convert Monster

Convert Monster решили разнообразить дизайн страницы, причем при каждом обновлении дизайн тоже изменяется.

Amazon

Amazon сделали свою страницу 404 кликабельной – можно кликнуть на изображение собаки и перейти в раздел «Собаки Amazon».

«Тупичок Гоблина»

Дмитрий Юрьевич Пучков демонстрирует редкостную приверженность олдскулу. Судя по всему, дизайн его страницы 404 не менялся со времени создания сайта, но выглядит вполне стильно, будучи оформлен в жанре игры Dungeon Keeper и других RPG 1990-х годов.

Лабиринт

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

OZON

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

Сотмаркет

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

Студия Артемия Лебедева

В студии Лебедева решили не только оригинально оформить страницу 404, но даже внесли изюминку в title – там размещена надпись «Потерялись?».

Тинькофф

Прежняя страница 404 у банка Тинькофф была выполнена в минималистичном стиле. Но после редизайна это уже не минимализм, а ультраминимализм.

Яндекс

Яндекс пошел по пути лаконичности, но при этом предлагает своим пользователям обратить внимание на другие продукты.

Университет «Синергия»

Футуристическая тематика отчетливо прослеживается в оформлении страницы 404 университета «Синергия» – в ней есть что то схожее с недавним блокбастером «Гравитация».

LEGO

Всемирно известный производитель конструкторов остался верен своим традициям – даже на отсутствующей странице имеется узнаваемый человечек ЛЕГО.

Кинопоиск

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

PlayBoy Russia

У PlayBoy Russia решили сохранить загадку и скрыли за цифрами 404 контуры обнаженной женской фигуры.

ЕВЦ

На сайте Единого визового центра при переходе на несуществующую страницу пользователю предлагают не просто вернуться на главную, а еще и получить подарок, отправив скриншот на указанный электронный адрес.

Pikabu

Pikabu как всегда оригинальны – даже страницу 404 они отрисовали вручную.

Pixar

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

Какая НЕ ДОЛЖНА быть страница 404?

Как видите, вариантов оформить страницу 404 необычно и оригинально достаточно много. Главное понимать, какой она точно не должна быть:

Нельзя реализовывать моментальный переход на главную страницу – в этом случае пользователь просто не поймет, что он ввел неправильный адрес и повторит ввод несколько раз.

• Не используйте стандартную или малоинформативную надпись;
• Не применяйте какие-то непонятные или плохо читаемые символы;
• Оформление страницы должно дать понять пользователю, что он ошибся адресом.

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