Composants
Segmented-Control
Un segmented control est un ensemble linéaire de deux segments ou plus, chacun fonctionnant comme un bouton.
# Usage
Un Segmented Control est un groupe de boutons où une seule option peut être sélectionnée à la fois. Il est souvent utilisé pour offrir un choix parmi un nombre d'options liées.
- Navigation : Pour basculer entre différentes vues ou sections de contenu sans recharger la page.
- Filtres de contenu : Pour permettre aux utilisateurs de filtrer des données ou des listes d'éléments.
- Options exclusives : Pour présenter des options exclusives où une seule peut être sélectionnée à la fois.
Quand utiliser
-
Vente :
- Utiliser pour basculer entre différentes catégories de produits (ex. : "Nouveautés", "Populaires", "En solde").
- Offrir des options de tri comme "Prix croissant", "Prix décroissant", "Mieux notés".`
- Permettre de basculer entre des vues de liste et des vues de grille des produits.
-
Assistance :
- Utiliser pour naviguer entre différentes sections d'aide comme "FAQ", "Guides", "Contact".
- Faciliter la sélection entre différents types de requêtes d'assistance (ex. : "Technique", "Facturation", "Général").
- Offrir des options pour choisir entre différents modes de contact (ex. : "Chat en direct", "Email", "Téléphone").
-
Application/Espace client :
- Utiliser pour basculer entre différentes sections de gestion de compte comme "Informations personnelles", "Abonnements", "Historique de commande".
- Permettre de filtrer les notifications par types, par exemple "Toutes", "Important", "Messages".
- Tableaux de bord : Offrir des vues différentes sur les tableaux de bord, comme "Aperçu", "Détails", "Statistiques"
Quand ne pas utiliser
- Actions critiques : Ne pas utiliser pour des actions critiques qui nécessitent une confirmation supplémentaire.
- Contenu complexe : Si le contenu associé à chaque segment est complexe ou très différent, envisager une autre méthode de navigation.
# Do & Don't
Un seule segment peut être sélectionner à la fois
Les segments ne peuvent pas contenir qu’un icône