Price

Le composant Price est utile pour l’affichage stylisé et normé des prix.

# Usage

Le composant Prix sert à afficher le prix d'un produit ou d'un service. Il peut inclure des éléments supplémentaires comme des réductions, des promotions. Il est essentiel pour guider les décisions d'achat des utilisateurs.

  • Affichage de produits : Pour montrer le prix de chaque produit sur les pages de catégorie, de produit ou de promotion.
  • Offres et promotions : Pour mettre en avant les réductions, les offres spéciales et les ventes flash.
  • Pages de panier et de commande : Pour récapituler les coûts totaux, incluant les réductions, les taxes et les frais de livraison.

Quand utiliser

  • Vente : Peut être utiliser pour diviser les produits en pages gérables, permettant aux utilisateurs de naviguer facilement entre différentes sections du catalogue ou présenter les avis clients par pages, facilitant la lecture et la navigation.
  • Assistance : Afficher les tarifs des services de support ou des abonnements.
  • Application/Espace client : Afficher les prix des produits ou services achetés par l'utilisateur, montrer les prix des différents plans d'abonnement et des options supplémentaires ou afficher le détail des coûts sur les factures et les options de paiement.

Quand ne pas utiliser

  • Contenu critique : Pour des informations cruciales qui doivent être accessibles immédiatement sans navigation supplémentaire.
  • Quantités limitées de contenu : Pour des collections de données très petites qui tiennent sur une seule page sans défiler excessivement.
  • Données dynamiques : Si le contenu change fréquemment ou en temps réel, la pagination peut devenir déroutante.

# Do & Don't

Les prix doivent être cohérent
Le prix doit toujours contenir une devise