L'arborescence peut être utilisée pour :
- structurer l'affichage de fichiers et de dossiers : les éléments d'arborescence peuvent être utilisés pour représenter des répertoires, des sous-répertoires et des fichiers dans des systèmes de gestion de fichiers ou des explorateurs de fichiers.
- hiérarchiser des catégories : elles peuvent être utilisées pour afficher des catégories ou des balises imbriquées
- indiquer des tâches : les éléments d'arborescence peuvent représenter des tâches, des sous-tâches et permettent aux utilisateurs de visualiser et de gérer des structures de projet complexes.
✅ Usage correct :
Utilisez des libellés clairs et significatifs afin de représenter précisément le contenu ou la hiérarchie.
🚫 Usage incorrect :
- Ne pas surcharger l'arborescence avec un trop grand nombre de parents et d'enfants afin de ne pas rendre la lecture confuse et difficile à parcourir.
- Ne pas utiliser l'arborescence en tant que navigation principale dans l'interface utilisateur d'un produit.
Comportement général
Un élément d'arborescence sont des éléments interactifs. Ils sont utilisés pour permettre aux utilisateurs d'effectuer des actions spécifiques sur une page web. Les différents comportements d'un élément d'arborescence sont les suivants :
Hiérarchie
Les éléments d'arborescence sont organisés en une structure hiérarchique sous forme d'arbre. Chaque élément peut avoir un parent (sauf le nœud racine) et éventuellement des enfants.
Affichage
Représentés sous forme de nœuds, les éléments d'arborescence peuvent avoir un icône, un libellé ou un texte descriptif pour identifier et décrire l'élément.
Développement et Réduction
Chaque élément d'arborescence peut être développé ou réduit pour afficher ou masquer ses enfants. Lorsqu'un nœud est développé, ses enfants sont affichés dans une liste déroulante sous le nœud parent. Lorsqu'un nœud est réduit, les enfants sont masqués.
Sélection
Les éléments d'arborescence peuvent être sélectionnés pour indiquer qu'ils sont actuellement actifs ou en cours d'utilisation. Plusieurs éléments peuvent être sélectionnés en même temps, en utilisant des combinaisons de touches spécifiques (comme Ctrl ou Maj sur un ordinateur).