Success State
État de succès
Un état de succès confirme qu’une action est terminée. Il montre le résultat durable et toute prochaine étape utile.
Your guide is synced and ready for the team to use.
Continue to atlasUn vrai exemple
Un paiement se termine avec l'ID de reçu R-4812. La page le confirme une fois, montre le reçu et où aller ensuite, et fonctionne toujours après un rafraîchissement. Avant que le serveur ne confirme, le statut doit indiquer En attente, pas Réussi.
Parties principales
- 01confirmation
- 02preuve du résultat
- 03prochaine destination
Utilisez-le lorsque
Utilisez ce terme après qu'une action importante ait un résultat confirmé et durable digne d'être montré.
Ne l'utilisez pas lorsque
Ne célebrez pas les basculements normaux, n'annoncez pas le succès avant confirmation, et ne laissez pas l'utilisateur sans étape suivante.
Nom utilisé dans le code
confirmed result → receipt + next step Avant d'expédier
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with État de succès (Success State). User context: Un paiement se termine avec l'ID de reçu R-4812. La page le confirme une fois, montre le reçu et où aller ensuite, et fonctionne toujours après un rafraîchissement. Avant que le serveur ne confirme, le statut doit indiquer En attente, pas Réussi. Recommended pattern: État de succès (Success State). Why it fits: Utilisez ce terme après qu'une action importante ait un résultat confirmé et durable digne d'être montré. Do not use it when: Ne célebrez pas les basculements normaux, n'annoncez pas le succès avant confirmation, et ne laissez pas l'utilisateur sans étape suivante. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Aucun standard officiel unique ne régit l’ensemble du terme. Sa signification peut varier selon les équipes, plateformes ou frameworks. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how État de succès (Success State) is used now. Definition: Un état de succès confirme qu’une action est terminée. Il montre le résultat durable et toute prochaine étape utile. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.