Ergonomie, Expérience Utilisateur, Design Thinking
Articles taggés organisation des données
Stratification
0Il y a 13 ans
par Yannick Grenzinger
dans Notes de lecture
La stratification (ou layering) implique d’organiser l’information dans des groupes connexes, apparentés et ensuite présenter ou rendre visible seulement certain groupe au même moment. Cette technique est principalement utilisée pour gérer la complexité mais permet aussi d’accentuer les relations dans les informations. Il y a deux sortes basiques de stratification : en deux dimensions et en trois dimensions.
La stratification en deux dimensions implique la séparation de l’information en strates afin qu’une seule strate soit visible à un moment donné. Les strates en deux dimensions peuvent être révéler de façon linéaire ou non linéaire. Les strates linéaires sont utiles quand l’information à un début, un milieu et une fin claire (par exemple une histoire ou une succession d’évènements) et sont révélées successivement comme les pages d’une histoire. Les strates non linéaires sont utiles pour renforcer les relations entre les strates. Les strates non linéaires peuvent être hiérarchique, parallèle ou en toile d’araignée. Les strates hiérarchiques sont utiles quand les strates ont des relations de types parent-enfants (par exemple un diagramme d’organisation). Les strates parallèles sont utiles quand l’information est basé sur l’organisation d’autres informations (ex. un dictionnaire de synonymes) et sont révélés par les correspondances de cette organisation. Les strates en toile d’araignée sont utiles quand les informations ont de nombreux types de relations entre elles (exemple de l’hypertexte) et sont révélés par n’importe quel nombre de liens avec les autres strates.
Les stratification en trois dimensions impliquent de séparer les informations en différentes strates afin que plusieurs strates puissent être visible à un moment donné. Les strates en trois dimensions sont révélées grâce à des plans d’information opaques ou transparents qui se placent l’un au dessus de l’autre. Les strates opaques sont utiles quand des informations supplémentaires à propos d’un éléments particulier doivent être affichées sans changer de contexte (par exemple les fenêtre de pop-up dans un logiciel). Les strates transparentes sont utiles quand des superpositions d’information se combinent pour illustrer des concepts ou mettre en avant des relations (exemple d’une carte météo).
Stratification des données (rue, traffic..) sur une carte Google Map
Texte traduit provenant de Universal Principles of Design
La beauté de la visualisation des données
0Il y a 13 ans
par Yannick Grenzinger
dans General
Toujours dans les présentations TED, David McCandless nous offre sa vision de la représentation des données.
On retrouve ce mélange de beauté, de design, d’ergonomie, de simplification que l’on évoque tout au long de ce blog.
Il y a surtout l’importance de la représentation graphique pour la compréhension de l’information et des systèmes, mais aussi pour partager une vision, une cause, une histoire !
David McCandless fait d’ailleurs cette citation « Data is the new oil » (l’information est le nouveau pétrole). Il va donc maintenant falloir créer les raffineries efficaces.
Quelques articles déjà publiés sur des principes de représentation de l’information : hiérarchie, « Five hat racks » ou encore le découpage par bloc.
hierarchie
0Il y a 13 ans
par Yannick Grenzinger
dans Notes de lecture
Augmenter la visibilité des relations hiérarchiques dans un système est une des façons les plus efficaces d’améliorer la connaissance du système et donc son utilisabilité.
Les exemples des hiérarchies visibles sont la structure d’un livre, les menus d’application à plusieurs niveaux et les diagrammes de classification. La perception des relations hiérarchiques à travers les éléments est principalement dû à leur position relative gauche-droite et haut-bas mais est aussi influencé par leur proximité, leur taille et la présence de ligne de raccord. Les éléments supérieurs sont référencés comme les éléments parents et les éléments inférieurs comme les enfants.
Il y a trois façons possibles de représenter une hiérarchie : les arbres, les nids et les escaliers.
Les structures en arbre illustrent les relations hiérarchiques en plaçant les enfants en dessous ou a droite de l’élément parent ou par l’utilisation d’autres stratégies indiquant la hiérarchie par exemple les lignes de connexion. Les arbres sont des stratégies efficaces pour représenter des hiérarchies d’une complexité modérée mais grossit très rapidement et devient un enchevêtrement quand plusieurs parents partagent des enfants communs.
Organigramme d'une famille royale est un exemple de structure en arbre
Les structures en nid illustrent les relations hiérarchiques en faisant contenir visuellement les éléments enfants dans les éléments parents comme dans un diagramme de Venn. Les structure en nid sont efficaces pour représenter des hiérarchies simples. Quand les relations deviennent trop denses ou complexes, les nids sont moins efficaces. Ceux-ci sont le plus généralement utilisés pour grouper des informations ou des fonctions et pour représenter des relations logiques simples.
Les poupées russes sont un très bon exemple de structure en nid
Les structures en escalier illustrent les relations hiérarchiques en empilant les éléments enfants en bas et à droite des éléments parents comme dans un sommaire de livre. Les structures en escalier sont efficaces pour représenter des hiérarchies complexes mais sont difficilement navigable et impliquent de façon erroné une relation séquentielle entre les enfants empilés. Les escaliers interactifs qu’on trouve dans les logiciels résolvent le problème précédent en cachant les éléments enfants tant que le parent n’est pas sélectionné. Les structures en escalier sont généralement utilisées pour représenter pour représenter de larges structures qui change à travers le temps.
Le sommaire d'un livre est un bon exemple de structure en escalier
Il est utile d’explorer différentes façons de révéler et cacher la complexité d’une structure hiérarchique pour augmenter leur clarté et leur efficacité.
Texte traduit provenant de Universal Principles of Design
