Countdown

Le compte à rebours est utile pour visualiser la fin d’un évènement.

# Usage

Le composant Countdown, ou compte à rebours, est un élément visuel utilisé pour afficher le temps restant avant un événement particulier.

  • Promotions et Offres Limitées : Afficher le temps restant pour profiter d'une promotion ou d'une offre spéciale.
  • Lancements de Produits : Annoncer le lancement d'un nouveau produit avec un compte à rebours.
  • Maintenance Planifiée : Informer les utilisateurs du temps restant avant une maintenance planifiée.

Quand utiliser

  • Vente :

    • Afficher le temps restant pour une vente flash, incitant les utilisateurs à agir rapidement.
    • Compter jusqu'à la mise en vente d'un nouveau produit ou d'une collection.
    • Temps restant pour bénéficier d'une remise spéciale.
  • Assistance :

    • Informer les utilisateurs du temps estimé restant avant la résolution d'un ticket.
    • Indiquer les heures de disponibilité du support en temps réel (par exemple, avant la fermeture du service).
  • Application/Espace client :

    • Compter le temps restant avant l'échéance d'un paiement de facture.
    • Afficher des offres temporaires spéciales pour les utilisateurs connectés.
    • Indiquer le temps restant avant une maintenance qui pourrait affecter l'accès aux services.

Quand ne pas utiliser

  • Information Statique : Ne pas utiliser un compte à rebours pour des informations qui ne sont pas sensibles au temps.
  • Chargement de Pages : Ne pas utiliser pour indiquer le temps de chargement des pages ou des contenus.
  • Messages Non Urgents : Éviter d'utiliser pour des informations qui n'ont pas de contrainte temporelle.

# Do & Don't

Adapter le format au contexte

Pour plus de flexibilité et de cohérence, lorsque le countdown passe sous la barre des 24h, ne pas afficher “0j”.