it-swarm-fr.com

Quelle est la meilleure façon de visualiser une hiérarchie profonde?

J'ai réfléchi à la meilleure façon de montrer une hiérarchie profonde pour une application de bureau sur laquelle je travaille. Voici quelques modèles alternatifs que j'envisage ...

Finder Mac OSX:

alt text

Si vous comprenez ce que vous voyez, la "Vue des colonnes" fait un excellent travail de présentation du contexte (où suis-je dans cette hiérarchie géante?), Et vous pouvez parcourir rapidement les listes de dossiers pour voir ce qu'ils contiennent ... mais il utilise certainement un écran immobilier.


MSDN Navigator de Microsoft:

alt text

Fondamentalement, ce qui se passe ici, c'est que vous pouvez voir les "parents" de la page que vous consultez, et vous pouvez voir tous les "enfants". Vous renoncez à voir les "frères et sœurs" aux différents niveaux, mais cela vous fait économiser beaucoup d'espace sur l'écran. Donc, vous abandonnez un peu de contexte en échange de compacité.


Navigateur Windows:

alt text

Cette interface utilisateur est décente pour afficher le contexte jusqu'au point où vous devez commencer le défilement vertical ou horizontal. Si vous avez beaucoup d'objets et de niveaux, vous allez faire défiler beaucoup. Cela dit, vous pouvez ouvrir plusieurs branches de dossiers à la fois. Cela fournit une sorte de mini-historique (quels dossiers ai-je ouvert jusqu'à présent?).


"Méga-Menus":

alt text

Dans cet exemple, vous examinez environ trois niveaux de la hiérarchie. Si vous êtes intelligent, j'imagine que vous pourriez montrer peut-être un quatrième de cinquième niveau, mais à un moment donné, cela va se décomposer ou évoluer vers quelque chose de plus traditionnel (vue d'arbre, etc.).


Questions

De toute évidence, personne ne peut répondre pour moi du type d'interface utilisateur de hiérarchie dont j'ai besoin à moins que vous ne compreniez la tâche que j'essaie de prendre en charge, mais j'ai quelques questions spécifiques:

  1. Quelle est la prévalence de chacune de ces alternatives? Je n'ai pas été un utilisateur Mac depuis longtemps, et je n'ai vraiment vu aucune interface utilisateur comme la vue des colonnes du Finder ailleurs sur un Mac. Existe-t-il ailleurs? Souhaitez-vous l'utiliser sur une interface non-Mac? Les "Mega-Menus", à l'inverse, semblent très répandus. Je vois l'arborescence (comme dans l'Explorateur Windows) partout (dans les applications Windows, sur le Web, etc.). Il s'agit essentiellement d'un widget GUI standard. Je n'ai vu le navigateur MSDN nulle part ailleurs que sur le site MSDN.

  2. Est-ce que les utilisateurs "obtiennent" ces interfaces? Ceci est probablement fortement corrélé à la question de la prévalence, mais si je mets, disons, la vue Colonnes devant les utilisateurs non-Mac, seraient-ils complètement perplexes? Des données ou une expérience avec cela? Je serais très méfiant d'utiliser celui MSDN à moins d'avoir des données pour prouver que les non-programmeurs le comprendraient.

  3. Ai-je oublié des alternatives? Quelles autres interfaces utilisateur de la hiérarchie ou variantes de celles-ci avez-vous vues?

77
devuxer

Quelques considérations:

  1. À quoi sert ce système d'exploitation (ou est-ce pour plusieurs)?
  2. Y a-t-il des contraintes ou des limites connues sur votre hiérarchie?
  3. Y a-t-il une option de recherche fournie?

Le n ° 1 est important comme vous l'avez noté ... car le Finder Mac serait étranger à la plupart des utilisateurs de Windows.

Le n ° 2 peut également fournir une assistance. Par exemple. Le Finder fonctionne bien si vous avez un arbre peu profond, mais si vous avez 15 à 20 niveaux de profondeur, il est moins utilisable

Le n ° 3 est un élément de convivialité. Si je ne peux pas visualiser rapidement l’arbre entier en moins de 5 à 10 secondes, une option de recherche est nécessaire.

Dans l'ensemble, je trouve que "l'arbre" ​​standard est le plus évident pour les utilisateurs. La hiérarchie est physiquement visible, et seule la branche d'intérêt doit être ouverte/explorée - mais vous pouvez ouvrir plus d'une branche pour des comparaisons ou des recherches.

Ma seule autre suggestion allait être que si vous avez un minimum d'espace pour travailler, le paradigme "drill-down" de l'iPod fonctionne très bien.

alt text

15
scunliffe

Afficher uniquement le niveau actuel de la hiérarchie et le fil d'Ariane

enter image description here

11
Seder

Je pense que cela dépend des tâches typiques. Pour juste voir une hiérarchie et cliquer sur des liens, je suis d'accord avec lucasrizoli, cet arbre est très similaire.

Si l'utilisateur doit parcourir beaucoup de dossiers (avant et arrière dans la hiérarchie), je préfère l'idée Mac OSX. C'est très utile au travail, où je dois trouver des réflexions dans des dossiers.

Pourquoi est-il bon? Tout d'abord, il utilise beaucoup plus d'espace sur l'écran en divisant la hiérarchie en 2 dimensions. Deuxièmement, il montre très clairement quels éléments sont au même niveau, plus profond = horizontal, même = vertical.

Bien sûr, si vous voulez simplement que la navigation hiérarchique fasse partie d'une application, vous n'aurez peut-être pas l'espace pour Mac OSX.

Cela dépend donc énormément de votre conception et des tâches typiques de l'utilisateur. Demandez-vous également si votre utilisateur type serait un utilisateur Mac ou Windows (si vous pouvez en dire quelque chose).

6
Lukas Oppermann

1) Les widgets arborescents (comme dans l'Explorateur Windows) et les menus déroulants (méga ou autres), je dirais qu'ils sont les plus familiers.

2) "Get" est vague, tout comme "les utilisateurs", vraiment.

Ce n'est pas une réponse à votre question, mais est-il nécessaire que l'utilisateur voie/navigue dans une hiérarchie profonde? Éviter une hiérarchie ou la simplifier, la rendre moins profonde, je pense que ce sera plus facile que de présenter la hiérarchie de quelque façon que ce soit.

3) Les treemaps sont utilisés principalement dans la visualisation d'informations. De plus, Dasher utilise un moyen intéressant et zoomable pour naviguer dans un arbre profond de probabilités de lettres. Ni l'un ni l'autre ne sont particulièrement connus ou courants.

4
lucasrizoli

La meilleure façon de ne pas faire une hiérarchie aussi profonde ou d'utiliser des tranches, des vues superficielles (profondeur 2 max).

4
igor

L'affichage des colonnes Mac OS est cool, mais il prend un espace d'écran énorme. Les écrans hiérarchiques iPhone et iPod utilisent le même concept, mais divisent les colonnes sur de nombreux écrans en raison de la petite taille des appareils. Ils prennent également la totalité de l'écran, mais un à la fois.

Les arborescences ne sont pas aussi conviviales pour naviguer horizontalement si vous avez plusieurs nœuds feuilles ou lorsque vous commencez à devoir faire défiler en deux dimensions en raison de la quantité de contenu. Naviguez à l'intérieur de regedit pour voir ce que je veux dire.

Si vous souhaitez conserver un certain contexte, une approche hybride consisterait à combiner une barre de navigation avec une liste affichant uniquement les nœuds terminaux pour le niveau actuel. Quelque chose comme une version simplifiée de l'Explorateur Windows 7.

1
facildelembrar

Vue arborescente régulière avec exploration en double-clic et fil d'Ariane. Découvrez Workflowy , il a le même comportement.

Regular tree-view with drill-down on double-click and breadcrumbs

1
Nikita Dvornikov

Une façon simple de montrer une hiérarchie est de combiner un arbre avec 2 listes. Une liste affiche uniquement les nœuds feuilles pour le nœud d'arbre sélectionné, l'autre affiche tous les nœuds feuilles mais groupés par leur nœud parent.

Cela fonctionne très bien pour ajouter une zone de recherche à la liste filtrée afin qu'elle puisse afficher le contenu des nœuds sélectionnés ou tous les nœuds feuilles qui correspondent à un modèle:

enter image description here

0
pgfearo