Сайт думает после нажатия: как показать ожидание без раздражения

Покажите, какое действие выполняется

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

Для условного калькулятора полезно сохранить введённые параметры видимыми и сообщить, что идёт расчёт. Если полностью заменить экран анимацией, человек потеряет контекст и не сможет проверить, что именно отправил. При этом повторный запуск следует обрабатывать так, чтобы одна задача не создавалась несколько раз без необходимости.

Не превращайте ожидание в тупик

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

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

Проверьте доступность и медленное соединение

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

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

• Повторное нажатие не создаёт вторую операцию.
• Ошибка не стирает пригодный текст пользователя.
• Завершение обработки заметно без необходимости обновлять страницу.