Ссылка на видео отсутствует или повреждена.

Вход Или регистрация

Войти с помощью::

Регистрация или вход

Обратите внимание, все поля являются обязательными для заполнения.
Войти с помощью::

Восстановление пароля или регистрация

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

21 января 2014 г., 11:13 9,282 13

Сегодня в блоге Zillion позволим себе немного полезной прокрастинации: посмотрим на интересные 404-страницы, поиграем там в пэкмана и узнаем правила превращения почти бесполезной Not Found-страницы в инструмент бизнеса, поддержания лояльности и социальной активности.


               

 

white

line

Ошибка 404 является стандартным кодом ответа HTTP о том, что сервер найден, а вот запрашиваемая страница – нет: чаще всего контент удален, ссылка неверная, устаревшая или битая, у страницы изменился адрес. Пример: вы поправили в CMS (системе управления сайтом) заголовок опубликованного на странице текста, и URL Slug поменялся, а в оставшихся где-то в Сети ссылках остался предыдущий, поэтому ведут они на страницу 404.

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

 

              

 

               

 

  

white

3 факта о 404

line

e822f3255d3decd662a140f7cfb6646c

В Лондоне и еще нескольких британских городах выражение «404» используется в качестве молодежного сленгового синонима слова «невежественный».


 

               

 

               

 

 

63f1ee0c4a8f5eff54abbc7d20ca133c

В 2006 году в честь кода ошибки 404 пятеро японцев назвали свою музыкальную группу 404NOTFOUND. Она играет в довольно мрачном стиле Nagoya Kei.

9c85014b7409a9bf8969ab3004c3e031

Страница 404 используется в некоторых странах при цензурировании материалов. В частности, это Тунис и Таиланд. В Тунисе даже появился персонаж Аммар 404, который олицетворяет невидимого цензора. В 2004 году британский телекоммуникационный провайдер BT Group выдавал ошибку 404 при запросе страниц, содержимое которых определено Internet Watch Foundation как потенциально незаконное. Internet Watch Foundation (IWF) – это неправительственная саморегулируемая организация, созданная в Великобритании для надзора за Интернетом и управляемая в сотрудничестве с полицией, правительством, интернет-провайдерами и обществом.

 

               

 

                      

 element

                       

 

               

 

  

white

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

line

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

 

1



               

 

                      

 element

                       

 

               

 

  

 white

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

line

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

Клиента можно не только удержать, но сделать еще более лояльным, перевести негативный User Experience в позитивный даже в эпицентре факапа – на странице Not Found.

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

 

               

  

                      

 element

                       

 

               

 

  

e822f3255d3decd662a140f7cfb6646c

line

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

 


2

 

               

 

                      

 element

                       

 

               

 

  

63f1ee0c4a8f5eff54abbc7d20ca133c

line

404-страница сервиса White Spark, предлагающего инструменты для местного SEO-продвижения, – показывает, как чисто техническая страница антропоморфирует сайт, очеловечивает его, развлекает пользователей анекдотической ситуацией и становится инструментом усиления лояльности. Смысл вот в чем: «Мы сказали Бренту найти для вас эту страницу, но он не смог. Мы гордимся тем, что всегда оправдываем ожидания, поэтому, если хотите, мы его уволим». Пользователю предлагается две кнопки: «Нет, не делайте этого!» и «Хорошей чистки» («Хорошей уборки»). Мы, конечно, нажали обе, и сценарии там разные: в первом случае счастливый Брент, которого спасенный от увольнения, обещает нам поклоняться, во втором случае опечален, поскольку ему велено собирать вещи.

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

 

3

 

               

 

                      

 element

                       

 

               

 

 

9c85014b7409a9bf8969ab3004c3e031

line

Перед 404-страницей сайта Blue Fountain Media мало кто сможет устоять. Сайт спрашивает: «Ой, страница не найдена, но, может, вместо нее просто поиграете в пэкмена?». А давайте. Нет, серьезно, вы смогли удержаться? А вот что там есть еще, вокруг: меню, контакты, «социальный» футер, вопрос «Может вы искали вот это?» и три продукта. Многие пользователи перейдут на главную с ощущением, что они нашли даже больше, чем искали.

 

4

 

               

 

                      

 element

                       

 

               

 

  

1cbe7a193403c6953b1033a3199ffbe7

line

«Поздравляем! Вы это сломали» такую подпись видят пользователи на Not Found-странице игровой компании Blizzard. Мы видим разбитый экран, опрокинутое меню и устрашающее «Страница не существует или случилось еще что-то ужасное». Обработка негатива идет уже через другой психологический механизм: юмористическая гиперболизация проблемы показывает пользователю, что ничего страшного, в общем-то, не случилось и апеллирует к подсознательному стремлению человека контролировать ситуацию («Поздравляем! Вы это сломали»). Амбивалентность выражения состоит в том, что ирония и шутка очевидны, но вы вроде как способны что-то тут сломать, и это где-то даже лестно. Еще момент: никаких «ooops» и «sorry» здесь нет: что-то со страницей случилось, но сайт «не виноват». Многим пользователям этот подход покажется более оригинальным и забавным, чем концепция компенсации на 404-страницах. Главное не перегнуть, чтобы пользователь увидел все-таки шутку, а не претензию. Если сделать такой ход неаккуратно, неопытный пользователь испугается, что действительно что-то сломал. А таких пользователей скоро будет много: в Интернет идет волна бабушек и дедушек.

 

5

 

Ту же тему эксплуатирует и ресурс TheOnion.com: тут и вовсе говорят, что страница не найдена, потому что «вы сломали Интернет», а затем предлагают поискать в архиве и исправить «сломанное». Вокруг мы видим поисковик, лого, меню, социальные плагины, переход в стор, на YouTube-канал и т. д.

 

12


 

               

 

                      

 element

                       

 

               

 

 

 9cd291580e6cae1a12be0c4fe486774f

line

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

 

 6

 

               

 

                      

 element

                       

 

               

 

  

95e52f165c6f7ba960ebb2f80ff6f868

line

Digital-агентство 1minus1 повесило на своей странице-404 рисованный комикс о том, как весь офис ищет потерянную страницу. Начинается с того, что босс спрашивает: «Ок, ребята, ну и где она?». В итоге что-то все-таки находят – и ведут пользователя на главную. Цели – удержание, развлечение, обработка негатива и перевод на работающую информативную страницу достигнута. Пользователь наверняка захочет задержаться, увидев, что для команды это имеет значение и она специально позаботилась об этом. Ту же тему обыгрывает сайт Mint.com, перенося виртуальный поиск как бы в реальность: «Мы не нашли эту страницу, но заглянули даже под диван и в итоге отыскали печеньки, солдатика и старые кроссовки».


 

azd

 

               

 

                      

 element

                       

 

               

 

  

7

line

У Github Not Found-страница такая, какая должна быть у Github – с параллаксовым эффектом. Когда вы водите мышкой по картинке, происходит смещение слоев относительно друг друга. Интересный нюанс: никакого признания, что страницы нет – «Это не та страница, которую вы искали». Пользователю  понятно, что такой страницы нет, но он не чувствует, что ресурс в чем-то оплошал факт ошибки не фиксируется в мозгу. Что мы видим вокруг? Форму входа на сайт, поисковик, саппорт, ссылку на Twitter-ленту и переход на главную.

 


 8

 

               

 

                      

 element

                       

 

               

 

 

8-

line

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

 

9

 

               

 

                      

 element

                       

 

               

 

 

  

9-

line

Как еще нивелировать ощущение пользователя, что команда сайта с чем-то не справилась (хотя она, может быть, и вообще ни при чем), поэтому страница не найдена. Рассказать ему, как она исчезла. Вот здесь, например, Уилл Смит дает исчерпывабщее объяснение, как это произошло.

 

10

 

Другой путь – подойти научно и объяснить это визуально, с помощью диаграммы Венна, как это сделано на сайте Magnt.com. Опять же, с помощью графики показать вариант дальнейших действий.

 

15

13

 

               

 

                      

 element

                       

 

               

 

  

10

line

Совершенно неожиданная Not Found-страница у сайта «Сколково». Она говорит на английском и предлагает не волноваться и расслабиться, сообщает, что все мы делаем ошибки, и предлагает пробовать снова, снова и снова, потому что все мы должны помнить: «Повторение – мать ученья». Психоделичный кислотный фон в сочетании с мессиджем превращает эту страницу где-то даже в объект онлайн искусства. Для тех, чьи проекты NotFound понимания в «Сколково» (и вообще), вполне вдохновляющий совет – и вполне полезная 404-страница.

 

11

 

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

 

               

 

                      

 element

                       

 

               

 

  

white

404: ничего не найдено, но не все потеряно

line

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

Существуют и инструменты выявления на сайте битых ссылок. Например, поиск через статистику и использование htaccess-файла, который позволяет настраивать веб-сервер Apacheю В частности, htaccess позволяет делать постоянное и временное перенаправление (301 и 302 редирект) на новую страницу, индексируя и старую, и новую страницы либо только новую. Как пользоваться htaccess и что нужно делать для перенаправления, подробно рассказано в блоге Gering111.com.

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

 

               

 

               

 

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

 main_30-rules-cover

 30 рекомендаций для создания «дружелюбного» интерфейса 

               

 

               

 

Z

Вопрос 404

line

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

 

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

 

e822f3255d3decd662a140f7cfb6646c

Zillion 404 Page v4

63f1ee0c4a8f5eff54abbc7d20ca133c

Zillion 404 Page v5

9c85014b7409a9bf8969ab3004c3e031

Zillion 404 Page v3

1cbe7a193403c6953b1033a3199ffbe7

Zillion 404 Page v2

9cd291580e6cae1a12be0c4fe486774f

Zillion 404 Page v1

               

 

 

 

Отметить прочтение на Facebook

Автор
Анастасия Подберезкина
Автор
Работает в Zillion

Шеф-редактор Zillion
Рекомендуем
Как создать поток клиентов через интернет. Кейсы и примеры
Нестандартное интернет-продвижение. Что работает в России
Как продавать с помощью медийно-контекстных баннеров
Как сюда попасть

Zillion приглашает к сотрудничеству

Zillion приглашает к сотрудничеству обладателей уникальных знаний готовых делиться ими и совместно зарабатывать. Для вас мы подготовили уникальную инфраструктуру, которая позволит комфортно работать онлайн преподавателем, создавать собственные курсы и проводить вебинары. Чтобы узнать подробности, напишите нам: ideas@zillion.net

Комментарии 13

3 и 4
11 марта 2014 г. в 15:08
0
Ответить
Carpa
Пользователь
нравится функциональность варианта 3
21 января 2014 г. в 12:34
1
Ответить
Артём Полянский
Автор
мне нравится вариант 1
21 января 2014 г. в 15:00
1
Ответить
Дмитрий Грин
Пользователь
третий вариант самый интересный и user friendly
21 января 2014 г. в 18:27
0
Ответить
Daria Green
Пользователь
Тоже прикольная 404 ошибка
http://www.apollo-8.ru/404
22 января 2014 г. в 21:59
0
Ответить
Apollo 8
Пользователь
3
23 января 2014 г. в 17:39
1
Ответить
Дмитрий Денисов
Пользователь
Коллеги, мне импонирует 6, но у себя я сделал проще http://reseller-vic.ru/888
23 января 2014 г. в 19:52
1
Ответить
VicVicK
Пользователь
Друзья, спасибо за комментарии! Может кто еще поделится своими 404-страницами?
24 января 2014 г. в 10:40
1
Ответить
Артём Полянский
Автор
2
16 марта 2014 г. в 17:58
0
Ответить
L_Y13
Пользователь
вариант #1
24 января 2014 г. в 22:14
1
Ответить
Анастасия Подберезкина
Автор
4ый вариант
3 февраля 2014 г. в 10:37
0
Ответить
Rainny
Пользователь
вариант 1, но больше всё таки 3
6 февраля 2014 г. в 21:03
0
Ответить
Жанна
Пользователь
Вариант 4
Вот довольно интересная страница 404
http://kinopremiera.net/404.ht...
7 февраля 2015 г. в 00:32
2
Ответить
Александр К
Пользователь

Отправить комментарий на Facebook


Рекомендуем к просмотру
Тренды
Новое на Trendspot. Флэш-фикшн: твиттература, чат-книги, дрибл, драбл, 6 и 9. Создатель Telegram-канала «Кароч.» Дмитрий Соловьев рассказывает о микролитературе и фикшн-форсайте
26 августа 2017 г. 28,982
Тренды
Подписывайтесь на новый блог Trendspot by Zillion
13 августа 2017 г. 27,483
Менеджмент
Владимир Завертайлов: «Мой телефонный номер есть в подписи у всех менеджеров. Клиенты этим пользуются редко, но возможность такая есть»
12 июня 2017 г.
27,630
Управление проектами
Zillion.Quick: «Управление продуктом в Scrum», Роман Пихлер
8 июня 2017 г. 24,658
Управление проектами
Мемесы про пиэмов. Chapter 1: топ-5 Романа Вейнберга
18 мая 2017 г.
27,122
Управление проектами
Стейкхолдер-менеджмент. Как идентифицировать, анализировать и вовлекать стейкхолдеров в проект
15 мая 2017 г. 17,952
Бизнес и финансы
Артур Шомахов: «Бизнес – это деньги, поэтому день надо начинать с денег. Каждое утро у тебя должно обновляться понимание того, что творится с финансами»
9 сентября 2015 г. 29,585
Управление проектами
Zillion.Quick: «Канбан» Дэвида Андерсона
6 мая 2017 г. 13,863
Управление проектами
Zillion.Quick: «Мифический человеко-месяц» Фредерика Брукса
26 апреля 2017 г.
10,396
Управление проектами
Павел Капусткин: «Смотри, наиболее вредна для пиэма непродуктивная эмоция»
12 апреля 2017 г. 31,969
Управление проектами
Чем занимается Project Manager?
20 марта 2017 г.
45,077
Управление проектами
Zillion.Quick: «Корпорация гениев. Как управлять командой творческих людей», Эд Кэтмелл
9 марта 2017 г. 17,460
Управление проектами
Проектное мышление. Поиск инвестиций: зачем использовать CRM
23 февраля 2017 г.
13,382
Управление проектами
Надпрофессиональные навыки: управление проектами
22 февраля 2017 г.
13,229
Управление проектами
Управление проектами: как организовать путешествие
14 февраля 2017 г. 12,958
Развитие персонала
Zillion.Quick: синопсис + инфографика. «Лидер и племя. 5 уровней корпоративной культуры»
9 февраля 2017 г. 13,390
Edutainment
10 самых читаемых материалов года
31 декабря 2015 г. 16,862