404 страница: Почему любому сайту нужна страница 404

www.hannabi.com

www.panicstudio.tv

panike.pt

outlane.co

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

Приемы создания страницы 404: о чем стоит помнить

Объяснить посетителю, что происходит.

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

solarcomplekt.com

www.uxsofia.com

marvelapp.com

Развлечь и рассмешить.

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

hugeinc.com

Тональность сообщения на странице ошибки зависит от позиционирования вашего бренда, но немного юмора никогда не помешает.

worrydream.com

www.pixar.com

renk-magazin.de

off-box.com

bakkenbaeck.com

emojibook.club

Вернуть пользователя на сайт.

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

builtvisible.com

theoryandpractice.ru

finely.co

mag.fieldsroads.ru

Сохранять свой стиль.

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

dropbox.com

hula-hoop.fr

intercom.com

airbnb.ru

Предупредить ошибку.

Лучший способ сделать так, чтобы пользователь не попал на страницу 404 — постоянно проверять «битые ссылки» на сайте. Если раз в месяц проверять потерянные статьи, видео, картинки и так далее, ваши пользователи будут все меньше попадать на страницу 404.

У Google и Яндекс есть бесплатные сервисы для веб-мастеров, которые помогают найти неработающие ссылки.

Как правильно сделать страницу ошибки 404 на Тильде

Создайте новую страницу сайта на Тильде.

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

Опубликуйте.

Перейдите в «Настройки сайта > Еще > 404 страница». Выберите из списка страницу, которую вы создали и сохраните.

Важно:

• Не задавайте адрес /404 — будет появляться стандартная ошибка Тильды
  
• Чтобы 404 заработала, вам нужно переопубликовать все страницы сайта

Какую информацию разместить на странице 404?

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

Какие блоки я могу использовать для создания страницы 404?

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

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

Как должна выглядеть моя страница 404?

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

danwoodger.com

bons.me

swelldesigngroup.com

robinhood.com

www.dogstudio.co

Примеры классных страниц 404 на Тильде

controforma.school

basetemplates.com

www.arenaslab.com

thewonderdesigns.com

www.togdazine.ru

happyfication.space

lab-w.com

Текст: Варя Гурова
Иллюстрации, дизайн и верстка: Юлия Засс

Если материал вам понравился, расскажите о нем друзьям. Спасибо!

Читайте также:

Продвижение по методу AARRR

Что такое UX дизайн?

Как привлечь новых пользователей с подходом Jobs To Be Done

Закон о защите персональных данных — как избежать штрафов

Впечатление о сайте — что повышает доверие пользователя в веб-дизайне

Визуальная иерархия сайта: оформление и организация контента

Персональный сайт личного бренда: как использовать Тильду для развития личного бренда

Бизнес в инстаграм: как увеличить продажи с помощью сайта

Как повысить конверсию сайта — 12 психологических приемов

Уникальное торговое предложение для сайта — как составить продающий оффер

Аналитика сайта — как повысить конверсию сайта, используя веб-аналитику

SEO продвижение сайта на Тильде самостоятельно — пошаговая инструкция

примеры оригинальных страниц Not found

Когда мы вводим на сайте неверный адрес или щелкаем по «мертвой» ссылке, он должен выдать стандартный код ответа HTTP – Not Found или «Ошибка 404». Отсюда хочется побыстрее уйти – и хорошо, если на главную сайта, а не обратно в поиск.

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

eBay

«Человечная» надпись и такая же картина делают так, что не хочется убегать обратно в поиск

Разрабатываем и продвигаем сайты

Быстро и эффективно

Aviasales

Aviasales, по традиции, чуть поиграли словами – страницы нет, билеты есть

Blizzard

404-я у Blizzard анимированная: посмотрите, как симпатично выглядит

Coca-Cola

Coca-Cola тоже сыграла словами: «Здесь больше нет Coca-Cola» уместно смотрится рядом с пустыми бутылочками

Convert Monster

Content Monster меняет призыв и картинку каждый раз при обновлении страницы

Amazon

А у Amazon кликабельная собака – она отправляет нас на страницу «Собаки Amazon»

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

Дизайн на сайте Дмитрия Юрьевича не обновляется годами (и смотрится по-своему стильно). Графическое оформление 404-й в стиле игр конца 90-х смотрится тут органично

«Лабиринт»

Еще одна ожидаемая игра слов: страница «Лабиринта» потерялась в лабиринте

OZON

OZON вернулся к минимализму

Что интересно – старая страница была немного креативнее (и как будто заимствовала идею eBay):

А это старая 404 страница на сайте OZON

Сотмаркет

Тот же тренд на минимализм – у «Сотмаркета»: только навигация, только хардкор

А вот как выглядела эта страница раньше:

Интереснее по задумке, но уже не так трендово (да, 404 тоже стоит обновлять в духе времени)

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

Кстати, тайтл у страницы иронично спрашивает: «Потерялись?»

Банк «Тинькофф»

«Тинькофф» перешел от минимализма к ультраминимализму – смотрите следующее фото: это старая страница 404

Когда страницу освежали в плане дизайна, отсюда в числе прочих изменений ушел смайлик

«Яндекс»

Коротко и понятно – и тоже с навигацией

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

У «Синергии» как будто отсылка к фильму «Гравитация»

Студия Дениса Каплунова

Стильно и минималистично

LEGO

Выражение лица человечка демонстрирует панику. А вот надпись говорит, что все прекрасно

«Кинопоиск»

На «Кинопоиске» тоже есть элемент анимации

PlayboyRussia

404 страница PlayboyRussia

«Единый визовый центр»

Нетривиальный ход – для дочитавших подарок

Pikabu

Заморочились и отрисовали – узнаваемо и на века

Pixar

Более удачный образ, чем Печаль из мультика «Головоломка» для страницы 404 трудно представить

Какой не должна быть страница 404

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

• с нечитаемыми символами:

• со стандартной и малоинформативной надписью:

• дзен-вариант страницы 404 (такой, например, у Школы-студии МХАТ):

Если вы решили сделать сайт, пусть у него будет первоклассной и страница с кодом ответа 404. Пользователи и поисковые системы будут вам благодарны.

примеров Genius из 404 страниц

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

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

Лучшие 404 страницы

01. Netflix

У Netflix есть целый ряд контента для страницы 404 (открывается в новой вкладке), и он соответствующим образом включил полную страницу из фильма «Затерянные в космосе». Сайт спрашивает: «Заблудился?» и предоставляет четкую кнопку, чтобы вернуть вас на домашнюю страницу. Единственное улучшение, которое мы могли бы себе представить, — это предоставить ряд фильмов, как это делает IMDB (см. далее в списке), чтобы вы никогда не знали, какой из них вы собираетесь получить.

02. M&Ms

Кондитерская компания использует своих персонажей для своей страницы 404 (откроется в новой вкладке). Когда вы натыкаетесь на страницу 404, вас встречает встревоженный m&m, который вместе с вами сталкивается с проблемой. Это простое изображение усиливает фирменный стиль m&m и вызывает улыбку, прежде чем вы отправитесь обратно в безопасное место.

03.

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

04. Marvel

У Marvel есть несколько версий своих 404 страниц, которые (конечно) посвящены MCU. Мы заметили упоминания о Гидре (одна из них выше) и оке Утау, и это лишь некоторые из них. Посетите страницу Marvel 404 (откроется в новой вкладке), чтобы узнать, какой из них вы получите.

05. LEGO

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

06. Omlet

Игра слов уведет вас далеко, поэтому мы ценим подход Omlet к странице 404. На странице креативной компании написано: «Эта страница — это яйца», когда на экране появляется анимированная трещина в яйце. Ярко-красный цвет показывает, что это «предупреждение», а тема яйца соответствует имени Омлета. Что не нравится?

07. Mantra Labs

Эта страница 404 от Mantra Labs (открывается в новой вкладке) проста, но эффективна. Иллюстрация космического человека, плавающего в «404», сопровождается текстом «Ой! У тебя кончился кислород». Также есть таймер обратного отсчета до того, как вы вернетесь на домашнюю страницу. Если вы моргнули, вы могли бы даже пропустить эту страницу 404, хотя стоит специально ошибиться, чтобы посетить ее.

08. Готов к выживанию

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

09. Carwow

Этот сайт сравнения покупок автомобилей поможет вам найти идеальный автомобиль, но если вы отклонитесь от курса, его страница 404 предлагает умный способ удержать вас на сайте. Посетителям предлагается 8-битный игровой экран. Все, что вам нужно сделать, это нажать на кнопку «Пуск», чтобы насладиться простой игрой с горизонтальной прокруткой, где все, что вам нужно сделать, это избегать препятствий и других автомобилей. Попробуйте страницу 404 Carwow (откроется в новой вкладке).

10. Ueno

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

11. Gymbox

Gym Box — это компания, занимающаяся тренажерным залом, которая стремится предлагать «самые уникальные и разнообразные занятия в Лондоне». Ограничениями этого утверждения может быть великолепное зрелище фитнеса 80-х, которое появляется на его странице 404 (открывается в новой вкладке). Короткие шорты, укороченные топы и выпячивание таза — чего еще желать от страницы с ошибкой?

12. Slack

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

13. Purée Maison

Purée Maison — креативное агентство, специализирующееся на коммуникационной стратегии, и его характерный веб-сайт полон восхитительных анимаций (рекомендуем осмотреться (откроется в новой вкладке)). Мы особенно любим эту сюрреалистическую страницу 404, которая каким-то образом идеально передает боль от столкновения с цифровой стеной.

14. Pixar

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

15. Студия 20th Century Studios

Не можете найти нужный фильм? Студия 20th Century Studios (ранее 20th Century Fox) после ребрендинга предлагает отличный способ вдохновить вас, когда вы ошибаетесь в URL-адресе; на странице 404 появляется кадр из культового фильма с содержательным заголовком и подборкой других фильмов, которые вы, возможно, захотите посмотреть. Мы заметили отрывки из фильмов «Эдвард руки-ножницы», «Месть ботаников» и «Наполеон Динамит» и других (посмотрите на страницу 404 (откроется в новой вкладке), чтобы узнать, какой из них вы получите).

16. Cloud Sigma

Cloud Sigma — это облачный сервер и служба облачного хостинга, работающая в США, Европе и Азиатско-Тихоокеанском регионе. Хотя гибкие облачные серверы полезны, они не совсем забавны, поэтому мы предполагаем, что компания приложила дополнительные усилия, чтобы добавить немного юмора на свою насмешливую страницу с ошибкой 404 (откроется в новой вкладке). Мы задаемся вопросом, сколько времени пройдет, прежде чем этот услужливый младший разработчик будет переманен конкурентами.

17. BluePath

Еще один веб-сайт, использующий юмор на странице с ошибкой 404, — это базирующаяся в Атланте консалтинговая фирма по стратегии данных BluePath. На странице 404 (открывается в новой вкладке) показана карта Атланты с точкой на другой стороне страницы, указывающей на то, что посетитель «уходит далеко от карты». В чрезвычайно слабой связи карта также включает основанную на данных информацию, показывающую зарегистрированные преступления в этом районе. «Почему? Потому что это преступление, для которого вы нас еще не наняли!» Ох уж эти чокнутые аналитики данных.

18. Куало

(открывается в новой вкладке)

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

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

Как говорит Хлоя Золлингер из Pointe: «Попадание на страницу с ошибкой 404 чаще всего разочаровывает пользователя сайта. Мы понимаем, насколько важен пользовательский опыт на веб-странице. Чтобы улучшить впечатление наших посетителей, наша команда посвятила себя созданию интерактивного игра на нашей странице 404».

19. Стив Ламберт

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

Следующая страница: Больше вдохновляющих 404 страниц для изучения

Спасибо, что прочитали 5 статей в этом месяце* Присоединяйтесь, чтобы получить неограниченный доступ

Наслаждайтесь своим первым месяцем всего за 1 фунт стерлингов / 1 доллар США / 1 евро

У вас уже есть учетная запись? Войдите здесь

*Читайте 5 бесплатных статей в месяц без подписки

Присоединяйтесь сейчас, чтобы получить неограниченный доступ

Попробуйте первый месяц всего за 1 фунт стерлингов / 1 доллар США / 1 евро

У вас уже есть аккаунт? Войдите здесь

• 1

Текущая страница: Страница 1

Следующая страница Страница 2

Рут несколько лет работала заместителем редактора Creative Bloq, а также работала или писала почти для всех бывших и нынешних печатных изданий сайта, от Computer Arts до ImagineFX. Теперь она целыми днями пишет обзоры матрасов и походных ботинок в качестве редактора по туризму и оздоровлению на T3.com, но в свободное время продолжает писать о дизайне на внештатной основе.

10 примеров пользовательских страниц 404, ранжированных от лучших к худшим | Тиа Петерсон

Custom 404 страницы

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

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

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

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

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

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

Что работает

• Ясность . Четкое сообщение об ошибке объясняет, что произошло и почему посетитель видит страницу.
• Следующий шаг . Существует очевидный и огромный призыв к Search Medium, чтобы исправить ситуацию.
• Эмпатия . Команда пошла дальше следующего шага, чтобы сопереживать посетителю и глубже погрузить его в некоторые статьи, дополненные интересными миниатюрами. Это единственный из десяти случайных, кто даже пытался сочувствовать.
• Нет места лучше дома . Они включали явную ссылку на домашнюю страницу.

Что не работает

• Дизайн CTA для поиска Medium приглушен и исчезает, сводя на нет тот факт, что типографика такая большая. Я бы использовал более заметную основную кнопку Medium для поиска вместо этой приглушенной кнопки с контуром, которая обычно используется для обозначения того, что что-то неактивно.

Вполне естественно, что веб-сайт с более чем 31 000 ссылающихся сайтов¹ должен иметь полезную страницу 404, и Whitehouse.gov не разочаровал.

Что работает

• Ясность . Это объясняет, что происходит, в том числе уникальные ситуации, в которых находятся администрации исполнительной власти США. У большинства других сайтов не будет архивов только потому, что они меняют руководство каждые 4–8 лет, как, например, Whitehouse.gov. Это объяснение страницы 404 дает понять, что введенный URL-адрес мог существовать когда-то и был законно перемещен.
• Руководство . Есть кнопка для перехода к упомянутым выше архивам.
• Дизайн . Он фирменный и чистый.

Что не работает

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

Хорошо, Фиверр. Дай пять для удовольствия.

Что работает

• Это смешно — или, по крайней мере, смешно. Может быть, забавно, — это с натяжкой. Это, безусловно, вызывает удивление.
• Следующий шаг . Он ориентирован на конкретный следующий шаг, который заключается в поиске услуги.
• Повышает трафик . У команды была блестящая идея помочь людям в их поиске, выделив некоторые из наиболее популярных сервисов. Это приводит к качественному трафику на сайт и одновременно помогает выявить намерения.

Что не работает

• Я бы предпочел видеть 404 в тексте, а не в изображении. Всем, включая скринридеров, должно быть ясно, что произошло.
• Общая функциональность 404 плохая. На самом деле довольно сложно получить страницу 404 на Fiverr, потому что страницы услуг и продавцов имеют URL-адреса верхнего уровня, и они приходят и уходят, когда им заблагорассудится, создавая пустоту.
• Кроме того, очень распространенные орфографические ошибки на важных страницах не имеют надлежащих перенаправлений, а также не вызывают ошибку 404. Например, /login — это реальный URL-адрес для входа, но если вы ввели /loginn, вы не получите ошибку 404, и вы не получить страницу входа. Вы получаете страницу, которая говорит, что страница больше не существует. Что странно и, надеюсь, не преднамеренно. Ты можешь это исправить, Fiverr!

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

Тем не менее, достоинство этой страницы 404 в том, что она краткая и (в основном) полезная.

Что работает

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

Что не работает

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

Знаете ли вы?

CUNY (Городской университет Нью-Йорка) насчитывает более 250 000 студентов. Это один из крупнейших университетов мира. И вы можете поспорить, что это связано с ТОННОЙ веб-трафика. Им абсолютно необходим пользовательский 404!

И у них есть один. Это не супер, но и не зверски. Спуск начинается с №5.

Что работает

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

Что не работает

• Это безумно скучно и, честно говоря, заставляет меня задуматься, неужели университет так же скучен, как страница 404. Абсолютно никакого персонажа, если только их персонаж не является изображением картонной коробки. А если бы в комплекте была картонная коробка, было бы лучше.
• Список полезных веб-сайтов сильно страдает от того, что делают почти все университетские навигационные системы: информационной перегрузки. Веб-сайты университетов всегда стараются быть всем для всех. Вместо этого они должны отдавать приоритет чему-то, например студентам, и использовать специальную обработку, например колоду карточек, чтобы выделить ссылки Прием , Подать заявку и Текущий учащийся . Остальное можно закинуть в список.
• Есть инструкция использовать функцию поиска «выше», но она бесполезна. Значок поиска — это крошечная штучка вверх и вправо, а не «выше», как написано. Эти типы визуальных указаний также недоступны. В качестве исправления они могли бы просто изменить инструкцию на «Кроме того, вы можете найдите для того, что вы ищете» и используйте реальную ссылку для поиска вместо чего-то основанного на сценарии, к которому вы не можете получить через URL. Добро пожаловать, CUNY!

«Привет, Coursera? Звонил 1982 год и хочет вернуть свою графику».

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

Что работает

• Следующие шаги . Здесь есть несколько мест, куда вы можете перейти, и Coursera аккуратно на них ссылается.

Что не работает

• Существует странная прогрессия уменьшения размера шрифта до такой степени, что некоторые действительно ценные ссылки, такие как «Coursera для бизнеса» или блог, становятся настолько маленькими, что почти неразборчивы.
• Это вроде рассказывает вам, что происходит… в виде анимированного GIF. В идеале, как я уже говорил с Fiverr, ошибка 404 должна быть четкой и в тексте.
• Как и некоторые другие пользовательские формы 404, Coursera упускает огромную возможность помогать людям и вовлекать их глубже в сайт, возможно, взяв страницу из их собственного веб-дизайна и используя карточки и изображения со ссылками на категории, популярные курсы, и т. д.

Мне на самом деле эстетически нравится пользовательская страница 404 Колорадо-Боулдер. Только не функционально.

Так бывает умно и весело, а бывает слишком умно или слишком весело. В данном случае валун использование слишком большого шрифта (извините, я не мог удержаться) и наличие какой-то фигурки быка в стиле Lego делает страницу непригодной для использования, пока вы не прокрутите ее.

Что работает

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

Что не работает

• Здесь нечего смотреть/делать. В смысле есть, если прокрутить. И даже когда вы это сделаете, нет никаких полезных инструкций или интересных слов, которые помогут вам выйти из раздражающего тупика.

Уважаемый Forbes,

Вы можете лучше.

Что работает

• Полезный следующий шаг . По крайней мере, этот баннер/страница помогает вам, предоставляя окно поиска.
• Он расскажет вам, что произошло . Страницы там нет. Или это?

Что не работает

• Баннер, который можно закрыть? Меня смущает UX этого. Почему команда Forbes использует баннер в стиле оповещения, который вы можете закрыть? Или «X» предназначен для того, чтобы отклонить рекламу GIANT, появившуюся через несколько секунд после попадания в 404?
• Большая ошибка с точки зрения привлечения людей к контенту. Журнал, который не помогает людям найти другой отличный контент? Наверняка есть какие-то другие страницы, которые посетитель мог бы увидеть вместо них. Разве главная цель журнала не отвлекать и сбивать с толку?

Тут-тут, Forbes. Ту ту.

Вам не интересно?²

Кто не любит отличную страницу LOTR, ставшую мемом 404? Все понимают, верно?

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

С DashThis, насчитывающим 18 000 пользователей из более чем 122 стран, им надлежит делать все правильно, а не просто смешно.

Что работает

• Умный . Я дам им это. Это, безусловно, умный и отличный способ извлечь выгоду из тренда.
• На марке . Сделано красиво и в этом нет никаких сомнений. Как инструмент визуальной отчетности, где внешний вид действительно имеет значение, это перо в их кепке.

Что не работает

• Неясно . В UX последнее, что вам нужно, это чтобы люди говорили: «А?» при просмотре вашего дизайна или инструкций. Лично я понимаю то, на что намекает фраза «не просто…», но многие этого не понимают. Мало того, они использовали подзаголовок/главную копию, чтобы углубиться в неизвестность, вместо того, чтобы говорить о проблеме: ошибке 404.
• Это тупик — или так кажется . Поскольку команда DashThis решила занять так много места графикой в ​​стиле LOTR, люди задаются вопросом, что делать теперь, когда они не могут найти то, что искали. Есть несколько полезных советов НИЖЕ рисунка, но они гораздо важнее рисунка и должны быть над ним.
• Это огромная мисс . Поскольку отчеты DashThis — это ссылки, которые вы даете клиентам, они должны понимать это правильно. Путешествие Фродо было важным, как и это.

О, Дисней. Как сильно вы разочаровываете!

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

Что работает

• Ясность . Страница получает баллы за добавление четкого сообщения о том, что страница исчезла. Я имею в виду, кто-то съел эту страницу, черт возьми!
• Указывает на проблему . Престижность Диснею за то, что он сделал то, что никто другой не сделал, а именно, чтобы подчеркнуть тот факт, что проблема заключается в URL-адресе! Я хочу дать им реквизит для того, чтобы люди проверяли URL-адрес. Я предполагаю, что они просмотрели свои данные 404 и обнаружили, что опечатки создают большинство ошибок, и поэтому они решили пойти по этому пути. Так много ошибок 404 — это просто результат опечаток.

Что не работает

• Виноват в другом. Вот так. Либо кто-то съел страницу, либо вы ошиблись URL-адресом. Несмотря на это, они не дают вам никакой другой помощи, кроме этой.