e-tissage

traitements d'information & outils numériques
pour êtres humains

visualisation

Le choc d’une visualisation : inégalités de richesse aux US

Comme le fait remarquer Ezra Klein dans un papier pour le Washingtonpost, l’étude réalisée par Dan Ariely and Michael Norton’s à propos des inégalités de richesse aux US est passée relativement inaperçue du grand public lors de sa publication en 2011. Et puis un internaute l’a représentée visuellement dans une vidéo :

Lorsque E. Klein publiait son papier début mars 2013, la vidéo en était à 3 m° de visionnage. Fin 2016, elle avait presque attend les 20 M° de visionnage.

De l’importance de la représentation, en particulier pour les questions qui impliquent des chiffres, surtout des chiffres tellement grands qu’ils sont une gageure pour nos capacités humaines de représentation.

Véronique Gendner

17 décembre, 2016 at 7:57

Prezi, des feuilles de papier de tailles (presque) illimitées

Le précédent billet concernant la gestion personnelle d’information (enjeux, outils et repères méthodologiques) était constitué d’un Prezi. Voici quelques indications sur la genèse et les choix pour le design d’information de ce document réalisé avec un nouvel outil de présentation de document.

Une fonctionnalité particulièrement novatrice de Prezi est l’utilisation du zoom in / out, connu pour l’affichage de cartes mais appliqué ici à un document composé de textes, d’images, éventuellement de vidéos. Cette fonctionnalité est couplée à un canevas de taille pratiquement illimitée. Ce dispositif est particulièrement adapté pour garder trace d’un brainstorming : plus de bord de feuille là où une nouvelle idée devrait être rapprochée d’une autre déjà notée ! La taille du texte facilement modifiable permet d’agrandir les idées principales et de glisser des compléments entre les lignes existantes : tous les éléments peuvent être déplacés avec la souris.

Etant partie d’un brainstorming, j’ai voulu ensuite structurer l’information pour en faire une présentation. Tout en mettant à profit les fonctionnalités nouvelles de l’application, j’ai voulu maintenir certains codes graphiques connus des lecteurs:

  • la taille du texte représente les niveaux d’information de titres, comme une sorte de table des matières non linaire. Le document peut ainsi être appréhendé comme une feuille A4 avec deux ou trois imbrications de titres lisibles à ce premier niveau
  • à un second niveau, chaque vue a une cohérence graphique de type diapositive, avec des enchainements de type mouvement de camera

A l’usage, il s’est avéré compliqué de maintenir en parallèle, une cohérence dans les différences de taille pour la représentation des différences de niveaux d’importance, tout en veillant à ce que les changements de vue, d’un emplacement à l’autre du canevas restent visuellement agréable. Entre autre raisons, se trouve le fait que même si elle est très grande, l’échelle de zoom est néanmoins limitée, et il arrive un moment où l’on ne peut plus insérer d’éléments entre les éléments existants, ni zoomer plus large pour ajouter des éléments autour du document existant.

S’il permet une continuité entre la phase de brain storming et la phase d’élaboration d’un document de présentation, avec des fonctionnalités très intéressantes, comme les effets de mouvements de camera (zoom in / out, etc. ), la facilité avec laquelle on peut redisposer et redimensionner les éléments, l’outil nécessite néanmoins un temps de prise en main pour se familiariser avec ces nouvelles possibilités et leur utilisation judicieuse.

Démo: formulaire Excel – saisie sans stress et sans erreur

Pour des formulaires à remplir vite fait et bien fait !

une version à jour de flash est nécessaire pour visualiser cette vidéo

Un design d’information efficace et une utilisation judicieuse des fonctionnalités avancées d’Excel permet de créer des formulaires lisibles aussi bien pour la personne qui fourni les informations que pour celle qui utilise les informations collectées.

  • réduction du risque d’erreur
  • réduction du risque d’oubli
  • réduction du temps nécessaire à l’utilisateur pour fournir les informations requises
  • réduction de la friction d’utilisation

L’utilisateur ne fourni que les informations non calculables.

Repères pour les utilisateurs:

  • repères visuels pour l’identification rapide des types d’information, aide à la création de repères visuels homogènes
  • les informations normalisées sont contenues dans le document (listes déroulantes, formalisme des références, …)
  • repérage dynamique des informations importantes en fonction du contexte

 

Véronique Gendner

12 juillet, 2012 at 7:11

Soft Drink Industry Structure (Prezi)

Author’s focus and reader’s free exploration of big documents

  • big document containing a lot of information is not squeezed within a fixed zoom and a fixed window size
  • authors can lead readers along the path of their interpretation of the data
  • readers can further explore the data at their own convenience

Véronique Gendner

28 juin, 2012 at 3:02

Treemap : représenter une structure hiearchique ET un rapport de grandeurs

Les trois pôles de l’économie mondiale

En 2010, le PIB des Etats-Unis est de 14 527 Md de dollars US, c’est-à-dire une valeur comparable à celui de l’Union Européenne, soit 16 242. Pour la Chine, le chiffre est de 5 878 Md et de 5 459 Md pour le Japon. Le Brésil … ATTENDEZ!! NE PARTEZ PAS! … Promis, juré: j’arrête d’égrainer des chiffres !

En effet, il se trouve qu’une représentation graphique bien pensée remplace souvent avantageusement des colonnes de chiffres. Prenez un article comparant les PIB dans le monde et dont l’argument est de dire que trois pôles se distinguent dans l’économie mondiale. Il s’agit donc de présenter les chiffres de ces trois pôles, avec pour chacun, le détail par région et par pays – taxinomie, tout en mettant en évidence les rapports de grandeurs entre les différents PIB.

Dans ce cas, la meilleure représentation est un treemap. Lire la suite »

Véronique Gendner

15 juin, 2012 at 7:48