Текст для страницы 404:

Оригинальный текст для страницы 404 делает посетителей счастливыми

Jimdo  ·  08 December 2021

Иногда посетители пытаются перейти на веб-страницу и не могут сделать это. Потому что на самом деле интернет-страница с таким URL-адресом не существует. Пользователи могут сделать опечатку в URL или щелкнуть по устаревшей ссылке.

 

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

 

Ситуация решена, верно? Не совсем так. Ведь посетитель сайта все ещё не нашел искомую страницу. Когда он видит информацию «Страница не найдена», тогда пользователи, вероятно, просто уйдут с сайта.

 

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

 

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

 

 

 

Что показывает страница 404  Что обычно пишут для пользователей  Хорошие примеры для сайта  Как выполнить редактирование  Как предотвратить появление ошибки 404

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

 

 

На этой странице объясняют, что произошло. Важно убедиться, что посетитель понимает, почему вместо ожидаемой он видит этот текст. Большинство веб-сайтов используют вариации стандартного предложения, например:

• «Данная страница не может быть найдена» или «К сожалению, страница не существует».
• Более креативные владельцы сайтов предлагают интересные варианты. Например, предлагают посетить другие разделы своего сайта.

 

Вот несколько примеров, способных выйти за рамки стандартного сообщения об ошибке.

 

 

Решение проблем

 

Попросите пользователей рассказать, как они попали на страницу 404. Вы узнаете об устаревших ссылках и покажите, что активно пытаетесь исправить ошибки.

 

 

Смешной текст

 

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

 

 

Полезный контент

 

Разместите на странице 404 активные ссылки на самые популярные страницы сайта. Вероятно, посетитель действительно искал одну из них.

 

 

Ссылки на социальные сети

 

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

 

 

Скидка или вознаграждение

 

Разместите на странице 404 небольшое вознаграждение.

Например, бесплатную книгу или скидку в интернет-магазине. Большинство людей найдут сюрприз совершенно случайно и почувствуют, как приятно получать подарки.

 

 

 

На сайтах Jimdo на странице 404 размещается стандартное сообщение с текстом. Его несложно самостоятельно отредактировать через настройки:

• Перейдите к странице > Системные страницы
• Выберите «Страница не найдена / 404»
• Отредактируйте текст страницы.
• Опубликуйте на сайте.

 

Отличная страница 404 — это хорошо. Но ещё лучше, когда пользователи вообще не сталкиваются с этой проблемой. Чаще всего пользователи переходят на страницу 404 по двум причинам: «битые» ссылки или неправильный ввод URL-адреса.

 

Вот некоторые способы, чтобы предотвратить ошибку «Страница не найдена»:

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

 

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

 

Источник Блог Jimdo

Перевод WaterMillSky

 

 

 

 

Другие статьи Jimdo

 

 

 

 

© WaterMillSky 2012-2021

 

 

 

 

tagPlaceholderTags: Jimdo, Страница с ошибкой 404, Текст на странице 404

Копирайтинг для страницы «Ошибка 404» — Kaplunoff Communications

Все течет, все изменяется…

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

А ссылки на них со сторонних источников могли остаться. Переходят по ним новые посетители и видят перед собой пустой экран с фразой “404 Not found”.

Другая ситуация – каким-то чудом произошли изменения в самом «урле», скажем, вы решили переименовать раздел или же перенести одну статью в другую рубрику.

Посетитель снова видит перед собой “404 Not Found”.

Как правило, это по умолчанию совсем невзрачная страница, которая только отталкивает.

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

 

Классические правила оформления страницы «Ошибка 404»

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

1. Размещение логотипа и имени сайта, компании, проекта – это дает возможность посетителю понимать, что сайт существует. Достаточно лишь кликнуть по лого, и он уже на главной странице.
2. Наличие сообщения, которое четко говорит посетителю, что произошло и (желательно) что делать ему дальше.
3. Заметная кнопка, переводящая посетителя на главную страницу сайта.
4. Допускается наличие контактных данных владельца сайта, чтобы при желании с ним сразу связаться
5. Иконки социальных сетей – раз уж человек пришел к вам в гости, не лишним будет его пригласить в круг читателей и последователей вашего ресурса в социальных сетях

 

Нужен ли вообще текст на странице «Ошибка 404»?

Конечно, нужен!

Иначе вы потеряете посетителя. И возникает вопрос – нужен текст-то для чего?

Скажу так: на этой страницы у текста есть 3 последовательные функции:

1. Сообщить, что произошло
2. Указать причины происшедшего
3. Подсказать, что делать дальше

Это стандартный «букет», без креативных ноток. Встречаются еще и другие проявления текстовых сообщений различного рода. Но обо всем по порядку.

 

 

Сообщите, что произошло

Если вы думаете, что каждый посетитель вашего сайта знает, что такое 

«ошибка 404» – вынужден вас огорчить, не все пользователи сети одинаково продвинуты.

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

Среди формулировок сообщения о произошедшем событии, можно использовать абсолютно разные варианты (учитывая специфику ресурса и характеристики аудитории):

• «Извините! Страница, которую Вы ищете, не может быть найдена»
• «Упс… Мы не можем найти то, что Вы ищете»
• «Простите, но у нас возникли проблемы с поиском страницы, которую Вы запрашиваете»
• «Добро пожаловать на страницу 404! Вы находитесь здесь, потому что ввели адрес страницы, которая уже не существует или была перемещена по другому адресу».
• «Так уж получилось, что из множества страниц нашего сайта Вы оказались как раз на той, которая уже не существует…»
• «404… Увы, но эта страница где-то затерялась в галактике Интернета»
• «Дружище, извини, но мы не смогли найти эту страницу…»
• «Ищете что-то интересное на нашем сайте? К сожалению, страница, которую Вы запрашиваете, не существует…»

 

Укажите причины происшедшего

Очень часто на странице «ошибка 404» этот текстовый блок вообще отсутствует

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

А дальше думайте, как хотите, если вообще хотите думать.

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

Вот несколько примеров формулировок указания возможных причин ошибки 404:

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

 

Подскажите, что нужно делать

Во-первых, не паниковать…

Во-вторых, всегда можно переадресовать человека на главную страницу сайта (или любую внутреннюю – если в этом есть необходимость).

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

Звучит это примерно так:

• «… Чтобы найти интересующую Вас информацию – воспользуйтесь этой формой поиска»
• «… Переходите на главную страницу – там Вы также сможете найти много полезной информации»
• «… Пожалуйста, воспользуйтесь навигацией или формой поиска, чтобы найти интересующую Вас информацию»

 

Выделяем главное

Конечно, хочется из всего этого ассорти выделить наиболее ключевые моменты.

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

Поэтому…

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

1. Избегайте фразы «Ошибка 404», замените ее на более мягкий вариант – «Страница 404», просто слово «ошибка» способно спугнуть посетителя.
2. Аналогично – убирайте с дизайна любые предупреждающие знаки («стоп», «внимание») – это также способно спугнуть посетителя
3. Если у вас бизнес-ресурс и ориентированный на клиентов, рекомендуем придерживаться четкого, строго и понятного стиля изложения.
4. Если блог и развлекательный портал – можно отходить от «официальностей», подключая юмор и оригинальность – главное, чтобы ваша идея ориентировалась на формат восприятия информации читателей
5. Не нужно ограничиваться сообщением о том, что произошло, обязательно подскажите посетителю, что ему делать дальше

А если наглядно, вот вам простой пример для сайта компании – строго, четко и понятно:

Здравствуйте!

Добро пожаловать на «страницу 404» нашего сайта.

К сожалению, введенный Вами адрес недоступен. Этому может быть несколько объяснений:

1. Страница удалена (из-за утраты актуальности информации)
2. Страница перенесена в другое место
3. Возможно, при вводе адреса была пропущена какая-то буква (на самом деле, у нас самих так часто получается)

Тем не менее, предлагаем Вам найти нужную информацию с помощью этой простой формы: 

ФОРМА

Или же приглашаем Вас посетить другие разделы нашего сайта:

Главная Услуги О компании Примеры работ Отзывы Блог 

Если у Вас возникли какие-то вопросы – свяжитесь с нами по тел. ______ или же напишите на e-mail ___________.

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

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

Если у вас блог – можете добавить ссылки на последние или самые популярные публикации.

Пока мы готовили этот материал – решили со временем разработать и собственную страницу. Тактика «сапожник без сапог» возникает тогда, когда много делаешь для клиентов, и нет времени на себя.

Хорошо это или плохо – на самом деле, не важно. Это просто факт.

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

30 креативных и умных страниц ошибок 404 | by Solodev

Чтение: 10 мин.

·

7 февраля 2018 г.

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

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

Кажется стандартной практикой для любого 404 вежливо сказать: «Извините, страница, которую вы ищете, недоступна. Попробуйте еще раз X, Y или Z».

Хотя эта копия, безусловно, вежлива, она ожидаема и скучна. Скука не привлекает внимание.

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

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

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

Эти 30 страниц с ошибками выходят за рамки одной, двух или всех трех предыдущих категорий. Вот наш список, если вам нужно вдохновение:

Spotify использует простую анимацию со своим проигрывателем, добавляя как соответствующие визуальные эффекты, так и уникальный элемент дизайна. Подобно скрежету пластинки, указывающему на то, что что-то не работает, анимированная пластинка перестает вращаться через несколько секунд. Копия также содержит отсылку к подписи Канье Уэста «808 and Heartbreak», что соответствует тренду некоторых самых популярных музыкальных произведений.

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

О, DashThis, ты точно знаешь, как угодить Властелин колец фандом. Эта страница 404 заставляет наши занудные сердца улыбаться и смеяться над неудобствами. Это так умно и так подробно, что даже вершина горы (404) Doom достигает 404 по оси y. Он не относится к себе так серьезно, как Сообщество, и отлично сочетает текст с продуманным дизайном.

Конечно, в этом списке есть и другие 404-е, связанные с фэндомами! GitHub превращает одну из самых знаковых фраз кино в умную страницу 404. И если вы понятия не имеете, кто такой Оби-Ван Кеноби, или вы не Фанат Звездных войн ? Затем «это не та веб-страница, которую вы ищете».

Говоря об известных фразах, предоставьте базе данных Internet Movie Database (IMDb) одну из лучших возможных 404 страниц. Это может быть простая установка, но в ней есть цитата из фильма либо о том, что что-то потеряно, либо о попытке что-то найти, либо о буквальном разговоре об Интернете. Мы не можем себе представить, сколько времени ушло на поиск всех этих вариантов, но мы, безусловно, ценим творческий подход.

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

Эта страница 404 от французского разработчика Ромена Брайзера — один из лучших примеров геймификации, которые мы когда-либо видели. Ух ты. Если вы слишком долго остаетесь на странице, вы рискуете пожертвовать 404 леммингами… если только вы не достаточно опытны, чтобы спасти больше из них с помощью крошечных желтых парашютов.

Imgur не воспринимает себя слишком серьезно, учитывая, что это одна из столиц GIF и мемов в Интернете. Эта страница с ошибкой воспроизводит глупость Скуби-Ду с блуждающими глазами животных на картинах, наблюдающих за вашим курсором. Это забавная, простая анимация, которая добавляет что-то дополнительное на страницу.

Французская компания Videotron открыла еще одну универсальную истину: единороги никогда не ошибутся. Иногда эксцентричный и неуместный текст помогает поднять настроение. Это один из таких случаев.

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

Конечно, Amazon 404 может показаться несколько простым, но Amazon делает то, что у нее получается лучше всего, а именно дает публике то, что она хочет. И они компенсируют неудобство попадания в 404 со щенками. Действительно, очень милые щенки. Серьезно, если вы обновите 404, вы получите больше щенков. Все эти 404 щенка принадлежат сотрудникам Amazon и имеют дополнительные (и очаровательные) описания.

Опять со щенками. Это то, что заставляет нас улыбаться, когда страница 404 скорее заставляет нас хмуриться. И точно так же, как пост щенка Amazon, Huffington Post дает вам нового счастливого щенка с каждым обновлением.

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

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

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

Umbro использует умный взгляд, чтобы сказать «что-то сломано» не словами, а дизайном.

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

Геймификация страниц 404 — это разумный способ привлечь внимание людей к вашему веб-сайту. Kualo не только предлагает версию Galaga (или Space Invaders, либо Galaxian), они также дают код скидки тем, кто достигает определенных пороговых значений. (И это одна из самых захватывающих и простых игр, с которыми мы сталкивались за очень долгое время.)

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

Как и MailChimp, G2 Crowd включает фирменный знак подписи в свое сообщение об ошибке. Это мило, просто и отличный способ неожиданно включить повествование и буквальный характер в актив веб-сайта.

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

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

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

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

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

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

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

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

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

Мы бы не бросили критический взгляд на страницы 404 других компаний, не обратив этот взгляд на себя! Мы хотели немного развлечься с нашей страницей 404, включив в нее самого озорного члена команды Солодева — Code Monkey. Он не сломает ваш код, но он может нести ответственность за другие вещи… Для нас это интересный способ объединить тематический текст с визуальным элементом, который можно найти где-то еще на нашем сайте.

Какие еще замечательные страницы ошибок 404 вы встречали? Оставляйте ссылки на ваши любимые в комментариях!

Нужна помощь в отслеживании событий 404? У нас есть учебник для этого! Ознакомьтесь с нашей публикацией о том, как использовать Google Analytics и Диспетчер тегов , чтобы отслеживать их, и, в конечном счете, о том, какие приемы помогают уменьшить вероятность появления ошибок 404 (и разбитых сердец) вашими посетителями.

Первоначально опубликовано по адресу www.solodev.com .

Первоначально опубликовано по адресу www.solodev.com 7 февраля 2018 г.

10 Примеры страниц ошибки 404 для дизайна UX

Эти 404 примера страниц показывают, как дизайнеры могут превратить простую вычислительную ошибку в фирменный пользовательский опыт (UX).

Первые модели персональных компьютеров имели 64 КБ ОЗУ или меньше. Программистам нужно было упрощать. Они разработали систему классификации программных функций. Ошибки ввода были отнесены к классу 400.

Имеется четыре ошибки ввода класса 400.

1. 400 Неверный запрос . Ввод имеет неправильный синтаксис.
2. 401 Неавторизованный . Пользователь не может получить доступ без имени пользователя и пароля.
3. 403 Запрещено . У пользователя нет прав доступа к файлу.
4. 404 Не найдено . Пользователь ввел несуществующий URL-адрес или сделал ссылку на него.

Раньше пользователям приходилось вводить точный URL-адрес. Например, если вы хотели посетить Yahoo Finance, вам нужно было ввести полный URL-адрес: http://www.finance.yahoo.com

Если вы нажмете на клавиатуру при вводе URL-адреса, вы получите код ошибки 400 или 404.

В настоящее время браузеры позволяют вводить сокращенный адрес, например www.finance.yahoo.com или даже Финансы.yahoo. com . На самом деле, если вы введете в строку поиска полный адрес с синтаксисом, как в примере выше, браузер вас перенаправит.

Почему? Потому что это старый синтаксис, использующий HTTP. Обновленный сайт имеет более безопасный URL-адрес с использованием HTTPS. Последние версии браузеров автоматически вносят исправления.

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

Вот некоторые элементы, которые вы могли бы использовать:

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

В этих примерах страниц 404 мы рассмотрим, как разные бренды используют эти элементы UX.

Примеры страницы 404: ссылка на главную страницу

UXPin

Сначала мы рассмотрим нашу собственную страницу 404.

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

Мы включили кнопку призыва к действию (CTA), которая возвращает пользователя на домашнюю страницу.

Google

Страница 404 Google также очень проста и имеет много пробелов.

«Запрашиваемый URL-адрес не найден на этом сервере. Это все, что мы знаем.»

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

Многие UX-райтеры скажут вам, что отказ от CTA — это большое нет-нет, и в большинстве случаев это так. Помните, вы хотите, чтобы посетители продолжали использовать ваш сайт.

Google является исключением, потому что они знают, что их посетители всегда вернутся.

404 Примеры страниц: полезные ссылки на страницы

Анги

Этот сайт, ранее известный как HomeAdvisor, содержит множество ссылок на другие полезные страницы.

Сообщение пользователю простое:

«Да, это неловко…

«Страница, которую вы ищете, была перемещена, удалена или не существует. Приносим извинения за неудобства».

CTA — это список ссылок на рекомендуемые страницы.

В шапке у вас также есть ссылки на виды домашних услуг и сообщения в блогах.

В нижнем колонтитуле есть ссылки для поиска услуг в крупных мегаполисах, таких как Нью-Йорк, Чикаго, Лос-Анджелес и Даллас. Другие полезные ссылки также находятся в футере.

Анги держит все «вверху». То есть вам не нужно прокручивать, чтобы перейти к любой из ссылок.

Starbucks

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

Он предлагает объяснение того, что могло пойти не так, и некоторые предложения о том, что делать дальше.

Содержит ссылку, по которой посетители могут сообщить о неработающих ссылках.

Glassdoor. com

Глядя на страницу 404 Glassdoor, популярная доска объявлений предлагает несколько действий.

• Поиск работы.
• Читайте отзывы сотрудников о компаниях.
• Просмотр зарплат сотрудников.
• См. вопросы и ответы на собеседовании.
• Посмотрите рейтинги лучших мест для работы.

Примеры страниц 404: с фокусом на графике

eBay

Фотография ребенка в зимнем пальто с капюшоном, надвинутым на глаза, является центром страницы 404 eBay.

«Мы искали везде».

«Похоже, эта страница отсутствует. Если вам все еще нужна помощь, посетите наши справочные страницы».

Ниже находится кнопка CTA, которая ведет посетителя на домашнюю страницу eBay.

Внизу страницы находится полоса прокрутки с актуальными предложениями.

Lego

Когда вы попадаете на эту страницу 404, вы видите Эммета из The Lego Movie . Его цитируют: «Все по-прежнему замечательно». Примеры страниц 404: вращающиеся элементы На нем есть фотография одной из «собак Амазонки». Он ссылается на страницу новостей Amazon о рабочем месте Amazon, дружественном к собакам.

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

Комиксы Marvel

Как и Amazon, Marvel чередует несколько версий страницы 404. Они показывают изображения из вселенной Marvel Comics с такими сообщениями, как: 

• «Отсутствует протокол… Выход из программы…»
• «В данный момент Hydra атакует эту страницу!»
• «$#&%, ты что-то сломал! Просто шучу.»
• «Даже глаз Нуату не видит твоей просьбы».
• «Гидра украла эту страницу из службы Щ.И.Т. база данных!»

IMDB

Еще одна вращающаяся страница 404 из Международной базы данных фильмов (IMDB). Они остаются на бренде и знакомят своих поклонников, предлагая цитаты из фильмов.

• «Веб-страницы? Там, куда мы идем, нам не нужны веб-страницы». – Доктор Эммет Браун, 9 лет.0029 Назад в будущее .
• «Когда-нибудь мы найдем… связь с веб-сайтом». — Лягушка Кермит, Маппет-фильм .
• «Конечно, вы не можете быть серьезными». «Я серьезно. И не называй меня Ширли. – Тед Страйкер и Раммак, Самолет .
• «То, что у нас здесь… это отсутствие связи». — Капитан, Хладнокровный Люк .
• «Страница не найдена? НЕВЕРОЯТНО!» – Виццини, Принцесса-невеста .
• «У меня такое чувство, что мы больше не в Канзасе». – Дороти, 9 лет0029 Волшебник страны Оз .

Прототип вашей страницы 404 в UXPin

UXPin — это полнофункциональная программа для проектирования UX/UI, которая дает вам инструменты для реализации любого проекта от концепции до запуска продукта в одном приложении.

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

Попробуйте UXPin бесплатно

Нашли это полезным? Поделиться с

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

Начните бесплатный пробный период

Определите возможности и проблемы для повышения эффективности систем проектирования и DesignOps на предприятиях.