Оптимизация UX: зачем избегать кнопки «Применить» в формах

Пользователи часто не замечают кнопки «Применить» при оформлении заказа

• Пользователи часто упускают из виду кнопки «Применить» в процессе оформления заказа
• Если пользователи пропустят кнопку «Применить», они могут потерять данные или получить вводящие в заблуждение сообщения об ошибках и вообще отказаться от оформления заказа
• Не требуйте от пользователей нажатия на кнопки «Применить» в процессе оформления заказа, за исключением случаев ввода промокодов или номеров подарочных карт

Во время оформления заказа многие покупатели пропускают кнопку «Применить», что может привести к потере введённой информации, появлению непонятных ошибок и даже к отказу от покупки.

Рекомендуется не добавлять кнопку «Применить» на этапах оформления заказа, кроме случаев ввода промокода или номера подарочной карты.

В ходе многочисленных исследований Baymard было выявлено, что пользователи регулярно игнорируют кнопки «Применить», хотя именно они отвечают за сохранение введённых данных.

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

Тем не менее, анализ UX крупнейших интернет-магазинов показал: 22% сайтов до сих пор требуют от покупателей нажимать «Применить» для сохранения информации при оформлении заказа.

Обратите внимание: при редактировании данных профиля (например, адреса или телефона) пользователи, как правило, ожидают подтверждения изменений — это может быть кнопка «Применить» или другой визуальный сигнал о сохранении.

Почему кнопки «Применить» не работают в процессе оформления заказа

«Я нажму «Применить». Не до конца понимаю, что это значит… А, это просто для адреса доставки. Ладно».
На этапе ввода адреса доставки на странице Best Buy участник тестирования столкнулся с двумя основными кнопками: «Применить» и «Продолжить к оплате». Он долго не мог решить, какую из них выбрать, и в итоге выбрал первую. Кнопки «Применить» замедляют заполнение форм и делают процесс менее интуитивным.

На сайте Zalando после ввода адреса пользователям нужно нажать и «СОХРАНИТЬ», и «ДАЛЕЕ». Если забыть про «СОХРАНИТЬ», система выдаст ошибку или не сохранит данные, что вызывает недовольство и увеличивает риск прерывания оформления заказа.

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

Если сохранение данных обязательно, пользователь не сможет продолжить оформление заказа, пока не исправит ошибку или не введёт всё заново. Если же система позволяет двигаться дальше, покупатель может не заметить, что данные не были сохранены, и оформить заказ с ошибками.

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

Пользователи часто путают «Применить» с основной кнопкой шага. В результате, нажав не туда, они остаются на той же странице и думают, что произошла ошибка или сайт работает некорректно.

Кроме того, кнопки «Применить» или «Сохранить» для платёжных данных не соответствуют ожиданиям покупателей и практике большинства интернет-магазинов: 78% сайтов не требуют отдельного подтверждения таких данных.

Рекомендация по улучшению UX: отказаться от кнопок «Применить» в процессе оформления заказа

Исследования показали: если на каждом шаге оформления заказа есть только одна основная кнопка (например, «Продолжить»), пользователи реже сталкиваются с ошибками и быстрее проходят процесс.

На мобильной версии Best Buy пользователи указывают получателя заказа без необходимости нажимать «Применить» — изменения сохраняются автоматически при переходе к следующему шагу.

Просто изменить внешний вид кнопки «Применить» недостаточно: участники тестов всё равно путали её с основной, даже если кнопки выглядели по-разному. Изменение надписи на «Сохранить» или «Добавить» не решало проблему.

Лучшее решение — реализовать автоматическое сохранение данных по мере их ввода. Это исключает риск пропустить кнопку, сокращает количество действий и делает оформление заказа проще и понятнее.

В некоторых случаях автоматическое обновление можно запускать по мере ввода (например, при проверке имени пользователя или пароля). Если же поле предполагает строго определённый формат (например, промокод), проверку стоит запускать после потери фокуса или ввода нужного количества символов.

Когда кнопка «Применить» всё-таки нужна

В некоторых ситуациях кнопка «Применить» оправдана — например, для ввода промокодов или номеров подарочных карт. В этих случаях её наличие не мешает пользователям, а зачастую даже помогает им убедиться, что скидка или бонус были учтены.

Тем не менее, даже эти поля могут обновляться автоматически, если система явно показывает, что промокод применён и скидка учтена.

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

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

Создайте удобный и простой процесс оформления заказа

В интернет-магазине Apple на каждом этапе есть только одна основная кнопка — пользователю не нужно отдельно сохранять платёжные данные перед переходом к финальному подтверждению. Это обеспечивает прозрачный и удобный опыт.

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

Несмотря на эти выводы, исследование Baymard показало, что 22% крупных интернет-магазинов всё ещё просят покупателей нажимать «Применить» для сохранения данных при оформлении заказа.