Как улучшить дизайн страницы 404: Руководство для дизайнеров

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

Основные Принципы

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

Примеры успешных страниц 404

Disney: Использование популярных персонажей с функциональным поисковым баром для упрощения навигации.

Mailchimp: Сочетание узнаваемого бренда с чётким объяснением ошибки и предложением перейти на главную страницу.

Lego: Игривый подход с ссылкой на магазин, добавляет элементы юмора и лёгкости.

Подходы к Дизайну

• Избегайте когнитивного перегруза: Не перегружайте страницу большим количеством ссылок.
• Использование бренда: Убедитесь, что дизайн страницы 404 соответствует общему стилю сайта и бренда.

О чем говорить на странице

1. Кто виноват?

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

2. Что произошло и почему?

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

3. Когда проблема будет решена?

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

Github сообщает, где следить за новостями о проблеме

4. Как решить проблему?

Предложите пользователям конкретные действия: проверку ссылки, поиск или переход в раздел FAQ. Для сайтов, на которых предоставляется критически важная информация, обеспечьте альтернативные средства связи для чрезвычайных ситуаций.

Medium предлагает почитать другие статьи

5. Связь с брендом

Используйте элементы бренда для укрепления связи с пользователем. Это может быть творческое использование корпоративных символов и знаков.

IMDb: Нестандартный дизайн с цитатами из известных фильмов, подчёркивающий тематику сайта.

6. Неожиданное удовольствие

Попробуйте удивить или добавить "пасхальные яйца" на страницу. Это может превратить негативный пользовательский опыт в приятный момент.

Google Chrome дает поиграть в игру, пока нет интернета

Заключение

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

Эти рекомендации основаны на анализе успешных примеров страниц 404 от таких компаний как Disney, Mailchimp, Lego и IMDb, каждая из которых находит уникальные способы сочетать брендинг, функциональность и пользовательский опыт​​​​.

Источники: [”], [”], [”]