Explorer
KNOW-PAT-294

Interfaces denses : choisir tableau, liste ou détail

Domaine
web-uiux
Type
pattern
Priorité
P1

Interfaces denses : choisir tableau, liste ou détail

Employer un tableau quand comparer les mêmes attributs entre lignes est central. Réserver la liste aux éléments à lire individuellement, et placer les informations longues dans un détail accessible.

Prioriser les colonnes selon la décision à prendre. Garder les en-têtes explicites, l’indication du tri et une voie d’accès aux données secondaires sur écran étroit.

Exemple

Dans un journal, laisser visibles l’heure, la sévérité et l’objet, et mettre la trace longue dans le détail de la ligne.

Erreur courante

Présenter uniquement des cartes à hauteur variable quand l’utilisateur doit comparer des heures et sévérités entre lignes.

Contrôle

Rechercher puis comparer deux incidents sur ordinateur et mobile avec libellés longs, filtre actif et tri inversé. L’utilisateur peut comparer les attributs essentiels, comprendre le tri et atteindre le détail sans perte de contexte.