Кнопка «Назад»: устаревшая функция или необходимый инструмент

Статья подготовлена на основе материала The Browser Back Button: Hero, Villain, or Outdated Relic?

Кнопка «Назад» на сайте и в браузере – инструмент, без которого сложно представить полноценный веб–серфинг. Однако сегодня ее роль не однозначна: для пользователей – это своеобразный спасательный круг, который позволяет быстро вернуться на предыдущую страницу, для разработчиков – настоящий кошмар, а для дизайнеров – вызов. Разберемся, почему эта кнопка вызывает столько споров, стоит ли ее считать пережитком прошлого в современных интерфейсах, или отказываться от нее – все же преждевременно.

Герой для пользователей: спасатель заблудившихся

Представить интернет без кнопки «Назад» практически невозможно. Отказаться от нее – это примерно как войти в лабиринт без карты или отправиться путешествовать по IKEA без стрелок–указателей на полу. Пользователи нежно любят этот элемент дизайна, по трем главным причинам:

Помогает быстро сбежать от назойливых pop–up или страниц с кричащим CTA «Купи сейчас!»;
Она – ровесница веба, и без нее сложно представить удобную навигацию. Эта кнопка старее всех социальных сетей, мемов и портфолио дизайнеров;
Кнопка «Вернуться назад» для сайта – универсальная команда, которая одинаково работает везде. Ее использование дает посетителям ресурсов ощущение контроля над ситуацией: всегда можно повернуть все вспять, даже если заблудился в разделах площадки или допустил ошибку.

Представьте ситуацию: пользователь зашел на сайт с видео, которое воспроизводится автоматически. Если он просматривает ресурс со смартфона в общественном месте, а ролик – со звуком, посетитель может захотеть вернуться назад. В случае, когда такая кнопка отсутствует, юзер будет вынужден закрыть вкладку. И вряд ли вернется снова. Этот элемент – CTRL+Z для всех площадок в Сети. Без нее интернет мог превратиться в опасное место.

Кнопка «Назад» на сайте: злодей для разработчиков

В случае с разработчиками не все так радужно, ведь для них «Назад» – словно тролль, который затаился под мостом: такой же непредсказуемый и вечно все ломающий. Эту нелюбовь легко объяснить.

Single-Page Apps (SPA)

Это одностраничное веб–приложение, которое динамически подгружает контент без обновления всей страницы. Роутинг в React/Vue? Нажатие кнопки «Назад» проигнорирует ваши усилия и «выкинет» пользователя. В результате мы получаем раздраженных потенциальных клиентов, которые столкнулись с ошибкой 404, и вряд ли будут разбираться, что случилось с ресурсом.

Заполнение форм

Пользователь скрупулезно заполнил множество полей, придумал длинный комментарий или настрочил целую поэму в вашу техподдержку. А затем – кликнул «Назад». Вуаля, и все усилия напрасны: текст просто исчез. Увы, но кнопка не принесет извинений от имени вашего бренда;

Проблемы с аналитикой

Если вам важно контролировать посещаемость, то «Назад» может все испортить: непонятно, вернулся ли пользователь на прошлую страницу, или покинул ресурс, закрыв вкладку.

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

Нужна ли кнопка «Назад» в современных интерфейсах?

Современный веб – это множество вкладок и возможность их группировки, история браузера, которая всегда подскажет, куда стоит вернуться, и автоматическое сохранение. Может быть, в таких условиях «Назад» пора похоронить и отказаться от ее использования? Аргументов в пользу отказа масса:

В интерфейсах появилась возможность управлять контентом жестами и горячими клавишами, просматривать историю посещений, нажимая кнопки на клавиатуре. Вернуться можно всегда, главное – знать, как;
Если в коде есть ошибки, «Назад» может привести совсем не туда, куда ожидают пользователи (особенно после AJAX-запросов);
В UX есть масса альтернатив этой кнопке: «хлебные крошки», кастомная навигация, всплывающие подсказки и меню.

Однако отказываться от «Назад» не стоит хотя бы потому, что она – часть ментальной модели пользователей. Видеть ее настолько привычно, что если ее нет, посетители все равно будут искать способ ее вернуть. Попробуйте, в качестве эксперимента, убрать ее из любого мобильного приложения: гарантируем, что юзеры все равно будут тыкать в правый верхний угол, и злиться, что ничего не работает. А раздражение – первый шаг к потере лояльности вашим брендом. «Назад» – как старый знакомый, который раздражает, но расстаться с ним очень сложно.

Любовь или ненависть? Что делать дизайнерам

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

Не боритесь с кнопкой: проектируйте интерфейсы, которые с ней дружат. В SPA используйте History API для корректного роутинга и применяйте sessionStorage, чтобы сохранить состояние форм при ее нажатии;
Продумывайте сценарии поведения посетителей. Если человек вернулся на предыдущую страницу, самое время продемонстрировать ему подсказку. Например, предложить продолжить заполнять форму;
Обязательно проверьте работоспособность элемента в разных условиях: после перенаправлений, авторизации и AJAX.

Кнопка «Назад» – это вызов, а не враг, с которым вы должны постоянно бороться. Ваша задача – сделать так, чтобы она работала на UX ресурса, а не против него. С Taptop вы легко с этим справитесь, ведь здесь настройка кнопок занимает всего пару минут. Вам не нужно генерировать код, чтобы элемент работал: Визуальный редактор сделает все сам, а дизайнеру останется только разместить элемент в нужной части своего макета. Широкий функционал и понятный русскоязычный интерфейс платформы позволит быстро разобраться с настройками кнопки, сделав так, чтобы все работало.

Кнопка назад – не идеальна, но пока незаменима несмотря на наличие управления жестами и командами с клавиатуры. Она была и остается символом контроля для пользователей.