Поліпшення дизайну 404 -ї сторінки

Сьогодні ми розглянемо ще один важливий момент в інтернет-маркетингу — дизайн сторінки 404.

Час від часу при відвідуванні сайтів усi ми стикаємося з цієї сторінкою. Вона вказує на помилку, коли сервер не може знайти дані по зазначеному користувачем адресою (не плутати з помилкою «сервер не найден»). 404-я сторінка сповіщає про тому, що інформація може бути доступна в майбутньому, але на даний момент по запрашиваемому адресою її немає.

Причин видачі 404-й сторінки може бути безліч: опечатки при наборі адреси, биті посилання, файли, які ви шукаєте, були видалені або переміщені. Варто відзначити, що 404-я сторінка — сама узнаваемая станиця про помилку в Інтернеті.

Яка ймовірність того, що побачивши при першому відвідуванні сайту сторінку з 404-й помилкою, користувач повернеться на цей ресурс знову? В більшості випадків відвідувачі покидають такі сайти назавжди. Природно, що така ситуація вкрай негативно впливає не тільки на сприйняття сайту, але і на бізнес в цілому: ви втрачаєте своїх потенційних клієнтів, які могли б принести вашої компанії прибуток. Тому в цієї статті ми поговоримо про тому, як можна поліпшити взаємодія з відвідувачами при допомоги обдуманого дизайну 404-й сторінки.

Коли навіть 404-я не знайдена

Гірше стандартного виведення 404-й сторінки може бути тільки її відсутність. Багато користувачі, потрапляючи на биту посилання, просто не являють, що відбувається. У них не тільки немає шансу знайти необхідну інформацію, але ще і зрозуміти, що ж вони зробили не так. Відсутність 404-й сторінки прийнято вважати “поганим тоном” в сфері веб-розробки, а також неетичним поведінкою по відношенню до відвідувачам.

Стандартна 404-я сторінка служить тільки для інформування про тому, що запитувані дані не знайдені. Таким чином, відвідувач змушений почати пошук заново, повернувшись на головну сторінку. Варто відзначити, що в англійською молодежном сленге фраза « 404notfound» має негативний емоційний відтінок при відмову на яку або прохання.

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

1. Дайте можливість знайти

Зіткнувшись з проблемами при пошуку, відвідувач отримує негативний досвід взаємодії з вашим сайтом. Проте не даючи йому можливості усi-так і знайти цікаву для інформацію, ми тільки ухудшаем ситуацію. Зробіть так, щоб користувач міг повернутися на головну сторінку або почати пошук заново. Зверніть увага, як на представленому нижче прикладі пошук розбитий по категоріям, за рахунок чого підвищується ймовірність видачі необхідної інформації:

Ще один хороший приклад — qype.com. На ньому також добре розроблена система додаткового пошуку по категоріям. Доступність навігаційного меню в доповненні з тематичної ілюстрацією допомагають утримувати відвідувача на сайті.

2. Доступно поясніть

Не усi користувачі інтернет-простору знають, що таке сторінка 404, і чому вони її бачать. Доступність пояснення - одна з першорядних задач по поліпшенню взаємодії з користувачем в випадку негативного результату пошуку на сайті. Ось, цю ідею реалізував популярний російський веб-дизайнер Артемій Лебедев на сайті tema.ru: 

Замість уявлення сторінки 404 в стандартному виконанні напишіть на ній, що запитувана інформація недоступна, вказавши можливі причини. Подивіться на оформлення сторінки, розташованої нижче. Вона фактично вбудована в дизайн сайту, що відразу орієнтує відвідувача в його місцезнаходження. На ній вказані причини виникнення помилки, а також є можливість перевірити правильність написання адреси. Крім того, з цієї сторінки можна переміщатися по навигационному меню.

На 404 сторінці сайту habrahabr.ru вас зустріне кумедний персонаж, доступне пояснення і можливість пошуку заново:

Подивіться, як оформлена 404-я сторінка на цьому сайті http://pervushin.com/404:

Більше докладний керівництво до дії важко і уявити.

3. Увлекайте і утримуйте

Існує багато способів, як втримати відвідувача на сайті. Давайте розглянемо деякі з них на прикладах:

1) Сайт фірми Klapp (klapp.no):

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

2) Компанія Audiko пішла тим ж шляхом, утримуючи увага з допомогою відмінно скомпонованной тематичної ілюстрації:

3) Також хорошими способами захоплення користувачів є анімація, відео, музичні заставки. Хороший тому приклад — proteys.info:

4. Дотримуйтеся загальної концепції дизайну

При попаданні на 404-ю сторінку середньостатистичний користувач виявляється в незвичному для себе просторі. У нього виникає маса питань:
- Була чи це сторінка сайту?
- Що я зробив не так?
- Коректно чи працює мій браузер?
- і т.д.

Розробляючи сторінку 404-й помилки в стилі дизайну сайту, ви даєте користувачу візуальний орієнтир. Іншими словами, информируете його про тому, що він усi ще на вашому сайті, але при пошуку зіткнувся з невеликий проблемою, яку легко може вирішити, наприклад, перейшовши на головну сторінку. Загальна концепція дизайну сторінки 404 повинна включати:
1. Єдине з загальним дизайном сайту колірне рішення;
2. Елементи фірмового стилю: геометричні форми, логотип компанії і пр.

Приклади таких 404 сторінок:

- med-altai.ru: тут ви знайдете і логотип, і впізнаваний графічний елемент фірмового стилю (ведмідь), і можливість почати пошук заново:

- Сайт компанії Fuelly (fuelly.com): 

- 404-я сторінка Twitter, витримана в Загалом стилі всього сайту:

Наявність впізнаваного логотипу на сторінці допомагає зорієнтуватися в місцезнаходження, а можливість самостійного пошуку зменшує відсоток догляду з сайту.

5. Запропонуйте допомога

Сайт компанії Kiss.com розробив новий підхід в дизайні 404-й сторінки. Замість того щоб пропонувати користувачам Шукати інформацію самостійно або переходити на головну сторінку, вони просять їх написати в службу підтримки, щоб вона допомогла їм з пошуком. Це досить цікавий підхід з точки зору комунікації, удосконалення сайту і виявлення недоліків.

6. Перенаправьте

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

Ось так ця функція реалізована на сайті b-red.ru:

Частіше всього ми стикаємося з перенаправлением з 404-й сторінки на головну. Компанія Focus Lab пішла іншим шляхом. Вона перенаправляє відвідувачів на самі важливі розділи сайту, тим самим скорочуючи час на пошук необхідної інформації (при цьому додаються кумедні коментарі з поясненнями причини появи 404-й сторінки).

Таким ж чином надійшли і розробники сайту concrete5russia.ru. Вони помістили на 404-ю страницу важливі розділи сайту:

7. Юмор завжди працює на вас

«Поставтеся до проблеми з гумором, і ситуація стане лучше», — так свідчить народна мудрість. Юмор завжди був каталізатором успішної интеракции, особливо в неприємних ситуаціях. Виходячи з цього, багато компанії використовують юмор при розробці дизайну 404-й станиці. Давайте подивимося кращі приклади такого дизайну:

- zanami.ru:

- На сайті southparkstudios.com дизайн 404-й станиці витриманий в стилі сайту і в дусі проекту. Його відмінна особливість — постійно мінливі картинки:

- На сайті mint.com 404-я сторінка зустрічає відвідувачів забавною написом: “Ми шукали всюди, але цю сторінку не змогли знайти. Зате ось що ми знайшли під диванными подушками”:

- На російськомовних сайтах і жартують по-російськи. Давайте подивимося на сайт ktonanovenkogo.ru:

Такий підхід до дизайну 404-й сторінки підходить усi фірмам незалежно від їх роду діяльності. Тонкість складається в способі вираження концептуальної ідеї.

Підбиваючи підсумки, хотілося б відзначити, що залучення відвідувача на сайт – це половина справи. Дуже важливо втримати його на ресурсі і надати йому необхідну інформацію. Тільки так ви зможете перетворити відвідувача в щасливого клієнта. 

Поліпшення 404-й сторінки як раз і є одним з способів утримання користувача на сайті. Креативна і функціонально продумана 404-я сторінка здатна підвищити ефективність взаємодії з користувачами, що в свою чергу позитивно відіб'ється на продажах. Так що не забувайте приділяти їй увага. Поліпшення 404-й сторінки відніме у вас не так багато часу і сил, зате ви не втратите своїх потенційних клієнтів!

А тепер хочемо запропонувати вам кілька корисних рад по створення 404-й сторінки від дизайнера Turboseo Игоря Бенцарука:

При розробці інтернет-магазинів і корпоративних сайтів 404-ю сторінку можна використовувати для розміщення інформації про знижки і спецпредложениях. Також ви можете додати на неї форму пошуку з вже зазначеними категоріями товарів, які хочете продати. Ще один хороший варіант, котрий, до речі, вже згадувався в статті — додати на 404-ю сторінку карту сайту.

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