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