Oops! что-то пошло не так
Одно из хороших правил удачного интерфейса: не допускайте, чтобы пользователь оказался в тупике или потерялся. Что бы ни случилось, позвольте ему при работе с вашим продуктом получить максимально положительный опыт, который не приведёт его к замешательству или разочарованию.
Как насчет экрана ошибок? Мы все однажды оказывались на странице ошибки 404. Есть множество способов дать понять пользователю, что он попал не туда, ошибся, не нашел того что искал. И в этой ситуации лучшим решением будет понятный пользователю экран ошибки с возможностью вернуться к основному содержимому, либо перейти к новому поиску. Пусть это будет мягко и с юмором.
Стоит ли упоминать, что дизайн экрана ошибок должен быть консистентным и соответствовать стилю и тематике ресурса, чтобы пользователь понимал, что он всё ещё находится на вашем сайте?
Качественный опыт создан на сайте Airbnb. Милая забавная анимация, вызывающая эмпатию, дополняется полезными ссылками, которые смогут помочь пользователю перейти в нужный раздел.
Да-да, произошел неловкий конфуз, посетитель забрел куда-то не туда. Но он легко может вернуться на главную страницу.
Благодаря качественно построенному опыту пользователя и спасительной навигации, подобной разрушительной катастрофы не случится на странице 404 проекта Arzamas.academy. Пользователь легко может возобновить работу с сайтом.
Bookmate предлагает простой и очевидный выход из затруднения. Большая синяя кнопка позволяет легко вернуться в каталог книг, к выбору нужного контента. Также можно воспользоваться поиском.
Как показывает пример страницы ошибки Coursera, посетителю доступны ссылки на катлог курсов и поиск по каталогу, а также выбор: дипломные программы, курсы для бизнеса, Coursera блог.
Если поиск завёл пользователя в тупик, выбор: «Вернуться назад» или «Вернуться на главную» — выглядит вполне разумно.