web-dev-qa-db-fra.com

Exemples de hiérarchie dans les tableaux de données et leur utilité

Quelqu'un a-t-il rencontré des modèles/modèles d'interface utilisateur de tableau de données qui montrent également une certaine forme de hiérarchie? J'essaie de penser à des exemples similaires à Excel, mais utilisés dans les applications Web ou les applications mobiles, car il semble être plus répandu dans les applications de bureau traditionnelles mais pas dans les applications Web, car de nombreux modèles ont tendance à privilégier des façons plus plates et plus simples de présenter les informations.

Y a-t-il des problèmes/préoccupations clairs concernant l'utilisation des tableaux de données pour présenter des informations hiérarchiques par rapport à l'arborescence traditionnelle ou même au composant d'interface utilisateur d'accordéon?

Y a-t-il également des contraintes techniques qui l'empêchent d'être utilisé plus souvent?

enter image description here

3
Michael Lai

ExtJs Toolkit en propose deux. Vous pouvez les voir en action ici .

En dehors de cela, ils ne sont pas faciles à mettre en œuvre et ne font donc pas partie de nombreuses boîtes à outils, je ne vois aucune contrainte technique.

TreeGrid

The ExtJS Treegrid

Ce qui est essentiellement un arbre avec des colonnes supplémentaires.

Bon quand parents et enfants sont tous du même type.

Fonctionnalité de groupe sur la grille

A screenshot of an ExtJS Grid with grouping raws.

C'est bien quand il y a une relation de profondeur à deux niveaux (comme Catégorie -> Articles).

2
Izhaki

Je pense que ce que vous recherchez est un motif arborable http://quince.infragistics.com/Patterns/Tree-Table.aspx

L'avantage des tables arborescentes est qu'elles peuvent afficher les mêmes informations qu'une table peut s'afficher en plus de la hiérarchie des éléments. Habituellement, les utilisateurs ayant des connaissances techniques aiment utiliser des tables d'arborescence car cela leur donne plus de visibilité qu'une arborescence ou une table seule.

C'est certainement plus courant dans les applications de bureau que sur le Web.

2
Rasha

Il existe une application appelée Treesheets. Ce n'est pas beau, et la présentation ne peut pas être utilisée 1: 1 pour le Web, mais si vous passez un peu de temps avec, vous obtiendrez ce que vous ressentez lorsque vous travaillez avec de telles données dans une interface utilisateur spécialement conçue pour cela. (par opposition à la solution Excel maladroite) et où sont les problèmes. Notez que l'utilisateur doit suivre un tutoriel très court (m'a pris 10 ou 15 minutes la première fois) avant de commencer à l'utiliser efficacement, vous aurez donc probablement besoin de quelques simplifications si vous autorisez l'édition. La non-édition est beaucoup plus facile, car le didacticiel couvrait principalement les raccourcis pour naviguer et créer un nouveau niveau de hiérarchie, ou supprimer le précédent.

Sur le côté, c'est également une application très utile pour écrire des informations dont vous ne connaissez pas la structure avant de commencer à écrire (par exemple, prendre des notes ou créer un plan à partir de zéro).

2
Rumi P.

Les problèmes d'utilisabilité que j'ai vus sont:

  • manque de manipulation directe dans le regroupement de type Excel (en plus d'Excel crée des en-têtes en dessous du groupe par défaut, de type résumé, mais c'est au-delà de la question)
    enter image description here
  • pour certains utilisateurs, relations entre l'en-tête et + les boutons ne sont pas évidents car ils sont situés assez loin

Treeview et accordéon sont les commandes de manipulation directe, car le contenu et les fonctionnalités sont au même endroit. Les triangles ou signes + près du contenu sont des indices de leur interactivité.

1
Alexey Kolchenko