Groupe de concepts
Changer de vue ou révéler du contenu
Comparer une navigation entre panneaux, un choix compact à valeur unique et des sections de contenu qui se développent verticalement.
Essaie les 3 concepts, compare ce qui change, puis utilise le Pack adapté à ton besoin.
Essayer les composantsChanger de vue ou révéler du contenu
Essayer
Faut-il changer de vue, choisir un mode compact ou révéler du contenu dans le flux ?
Onglets
Contexte commun aux essais
Un espace projet révèle du contenu associé sur place tout en conservant la position de l'utilisateur dans la page.
Onglets
Mission
Onglets - Tabs
Passe le focus d’Aperçu à Fichiers avec les flèches, puis appuie sur Entrée pour afficher son panneau.
Résumé du projet et prochaines échéances.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Un onglet sélectionné nomme le panneau visible, et les autres panneaux sont masqués de l'interaction.
- Cas limite
- Si un panneau charge sensiblement, l'activation devient manuelle afin que les flèches ne déclenchent pas des attentes répétées.
Contrôle segmenté
Mission
Contrôle segmenté - Segmented control
Choisir Compact au pointeur, puis Dense avec les flèches et vérifier qu’une seule valeur reste sélectionnée.
- Brief.pdf
- Budget.xlsx
- Notes.txt
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Une seule densité d’affichage est active. Le segment sélectionné et l’espacement du contenu restent synchronisés.
- Cas limite
- Quand les libellés ne tiennent plus sans être coupés, l’interface emploie un contrôle à valeur unique plus adapté, comme Select.
Ce que cet essai montre
Tabs contrôle des panneaux de contenu ; Segmented control choisit une valeur, tandis qu'Accordion révèle des sections verticales sans remplacer un panneau commun.
Lequel convient à ton besoin ?
Onglets
Regrouper quelques vues de même niveau
Contrôle segmenté
Basculer entre quelques modes d'affichage compacts
Différence et sources
Tabs contrôle des panneaux de contenu ; Segmented control choisit une valeur, tandis qu'Accordion révèle des sections verticales sans remplacer un panneau commun.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Liste d'onglets
L'ensemble nommé qui regroupe les onglets disponibles.
Les trois concepts
Les trois comparaisons
Signaux que tu les confonds
Ces descriptions correspondent à tous les concepts du groupe : aucune ne suffit à décider.
- un contenu associé est révélé ou remplacé sur place
- des titres des choix adjacents ou des sections contrôlent le contenu visible