Cart
Le Cart (panier) permet à l'utilisateur de visualiser le contenu de sa commande en cours ainsi que le montant total.
Description
Le Cart - aussi connu sous le nom de panier - permet à l'utilisateur de visualiser le contenu de sa commande en cours ainsi que le montant total.
Celui-ci peut être affiché directement à côté du contenu (voir tunnel Welkomm ou POP), flottant en bas de page ou masqué dans une modal.
Plateformes
Usage
Floating cart
Utilisé sur les pages produits téléphones pour rappeler à l'utilisateur ses choix.
Cart modal
Utilisé sur les pages produits téléphones pour afficher le détail des prix de son panier.
Cart tunnel
Utilisé dans les tunnels d'achat pour visualiser le contenu de sa commande.
Do's and don'ts
-
Do
Fermer les accordéons en fonction du contexte. Par exemple, lorsqu’un utilisateur paye en ligne les frais à payer aujourd’hui, on peut fermer la liste “À payer par mois”
-
Do
Indiquer lorsque l’utilisateur a payé une somme
-
Do
Le bouton et l’indicateur de disponibilité doivent être en accord et toujours permettre à l’utilisateur d’effectuer une action. S'il ne peut pas acheter en ligne, on lui propose de le trouver en shop et, si ce n’est pas possible, on l’invite à être notifié.
-
Do
Il est interdit d'afficher des informations contradictoires entre le disponibilité et l’action faisable pour l’utilisateur
Usage
-
Floating cart
Utilisé sur les pages produits pour rappeler à l'utilisateur ses choix.
-
Cart sheet
Utilisé sur les pages produits pour afficher le détail des prix de son panier.
Do's and don'ts
-
Do
Fermer les accordéons en fonction du contexte. Par exemple, lorsqu’un utilisateur paye en ligne les frais à payer aujourd’hui, on peut fermer la liste “À payer par mois”
-
Do
Indiquer lorsque l’utilisateur a payé une somme
-
Do
Le bouton et l’indicateur de disponibilité doivent être en accord et toujours permettre à l’utilisateur d’effectuer une action. S'il ne peut pas acheter en ligne, on lui propose de le trouver en shop et, si ce n’est pas possible, on l’invite à être notifié.
-
Don't
Il est interdit d'afficher des informations contradictoires entre le disponibilité et l’action faisable pour l’utilisateur
Des questions ou un feedback ?
N’hésitez pas à contacter la team Design System par mail.