The Good, The Bad and The UX

Une collection de patterns UX avec des exemples comparatifs

Back to all examples
Feedback

Submit button loading state

Show loading state on submit buttons to prevent double submissions and provide feedback

buttonloadingformmobile

Bad example

Good example

Désactiver le bouton pendant le chargement

Description

Lors de la soumission d'un formulaire, le bouton de validation doit être désactivé et afficher un indicateur de chargement. Cela empêche les utilisateurs de soumettre accidentellement le formulaire plusieurs fois.

Pourquoi c'est important

  • Évite les doubles soumissions : Empêche la création de doublons ou les doubles prélèvements
  • Feedback clair : L'utilisateur sait que son action a été prise en compte
  • Réduit l'anxiété : Le retour visuel rassure l'utilisateur que quelque chose se passe

Quand appliquer

  • Soumissions de formulaires (connexion, inscription, paiement)
  • Toute action déclenchant un appel API
  • Traitement de paiements
  • Téléchargement de fichiers

Quand ne pas appliquer

  • Actions locales instantanées (cocher une case)
  • Actions pouvant être répétées sans risque (bouton actualiser)

Published on Dec 6, 2025

Explore more examples