Страница 404 | Как создавать страницы ошибок


09.02.2020 Время чтения - 5 минут 2194

Какое представление вызывает у вас страница с ошибкой? Является ли она причиной для смущения или раздражения? Может быть беспокойство? Вообще ничего? Владельцы сайта также расстроены, когда пользователи попадают на страницу 404. Тем не менее, дизайн данной страницы можно использовать для бизнеса.

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

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

Дизайн страницы 404 от Alex Kalinichenko для Shakuro

Что такое страница ошибки 404?

Страница 404 — это онлайн-страница, куда вы попадаете после нажатия на ссылку, которая не работает и , следовательно, больше не доступна.

Есть две основные причины, по которым посетитель может оказаться на данной странице:

  • Компания удалила определенный контент со своего сайта или изменила свой URL
  • Человек набрал неверный URL, что не редкость в нашу диджитал-эпоху.
Страница 404 от OSCAR

Почему страница 404 так важна?

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

Надежная страница с ошибкой 404 может превратить плохое качество обслуживания клиентов в приятное.

Не надейтесь на 404, предоставляемые браузерами.

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

Плюсы кастомной страницы 404:

  • Брендинг. Она укрепляет имидж вашего бренда и увеличивает вероятность того, что посетители продолжат работу с вашим сайтом и не откажутся от него навсегда.
  • Завоевание доверия. Работоспособная страница 404 действует как надежный метод установления определенного уровня доверия между потребителем и компанией.
  • SEO. Она предоставляет дополнительные ссылки на важные части вашего сайта, чтобы поисковые системы могли достичь его полной структуры.
  • Веселье. Забавные страницы 404 играют на креативности и смягчают удар неудавшихся ожиданий пользователей.
Daily UI Challenge Day 08–404. Страница от Сергея Семенова

Ошибка 404 лучшие практики дизайна страницы

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

Dribbble 404 от Rogie для Dribbble

Поддержка дизайна и согласованности брендов

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

Страница 404 — UI Weekly Challenges-Season 02 / W [2/10] by Ana Rumenović

Сделайте её функциональной

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

  • Ссылка на домашнюю страницу

Основной элемент.

  • Поле поиска

Поле поиска в макете страницы 404 даёт пользователю возможность продолжить поиск любой страницы, что позволяет им оставаться на сайте.

  • Несколько ссылок на самые популярные страницы

Здесь вы можете попытаться сделать некоторые прогнозы и опираться на законы вероятности.

Ошибка 404. Страница от Тараса Мигулько. Поле поиска удобно всплывает после увлекательной анимации.

Простота страницы

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

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

«Лучший дизайн — самый простой, который работает.»
— Альберт Эйнштейн

Страница 404 — DailyUI # 008 от Hendrik S.

Лаконичность

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

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

Скажите прости. Возможно это даже не ваша вина, но этот жест покажет пользователю, что вы действительно заботитесь.

Страница от Tran Mau Tri Tam

Забавность страницы

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

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

З. Веселый дизайн 404 с ссылкой на «Большого Лебовски» от Dmitry Z.

Сообщите о специальных предложениях

Некоторые специальные предложения, такие как скидка 10% из-за попадания на страницу 404, может уменьшить разочарование ваших посетителей и убедить их продолжить работу с вашим сайтом и даже извлечь выгоду из этой ситуации. Используйте что-то вроде: «Приносим извинения за неудобства. Позвольте дать вам кое-что взамен, заключив выгодную сделку». Это мощный стимул, чтобы совершить покупку.

Страница 404 от Rudityas W Anggoro

Заключение

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

Оригинал статьи.

Читайте также: Регистрация | 7 шагов к созданию идеальной формы

Регистрация | 7 шагов к созданию идеальной формы