Cycle de Découverte n 1 VISUALISER Créer la prochaine application innovante

Transcription

1 Cycle de Découverte n 1 VISUALISER Créer la prochaine application innovante 1 Data Driven Summit 2014 Paris Mardi 18 novembre

2 Visualisation efficace du Big Data Bonne pratique de l expérience utilisateur Pierre Richer BIRT Engineer Actuate Corporation 2 Data Driven Summit 2014

3 Programme La visualisation des données, c est quoi? Qu est-ce qui est bien? Selon Ed Tufte Selon Stephen Few Visualiser des données Principes de base des graphiques Exemples de visualisation Selon BIRT 3 Data Driven Summit 2014

4 Programme La visualisation des données, c est quoi? Qu est-ce qui est bien? Selon Ed Tufte Selon Stephen Few Visualiser des données Principes de base des graphiques Exemples de visualisation Selon BIRT 4 Data Driven Summit 2014

5 La Visualisation des données, c'est quoi? La Visualisation des données est "l'art d'informer C'est une représentation de mesures condensées issues de différentes sources et combinées en un seul graphique descriptif. Les visualisations de données servent généralement à des résumés quantitatifs tels que des infographies ou des tableaux de bord Même si le Big Data représente un défi unique en terme de visualisation, les fondamentaux d'une bonne conception des informations s'appliquent À mesure que les volumes de données grossissent et que davantage d'entreprises traitent des ensembles de données complexes composés de dizaines de variables, la visualisation des données prend davantage d'importance. 5 Data Driven Summit Julie Steele Editeur, Strata - O Reilly Media

6 Une bonne visualisation des données, c'est quoi? Des éléments différents pour des personnes différentes.. Tenir compte de son public Comment va-t-il utiliser ces informations? Quel est son niveau d expertise statistique? Comment consomme-t-il les informations? Que disent les experts? Ed Tufte Stephen Few 6 Data Driven Summit 2014

7 Edward Tufte 5 grands principes de visualisation de données 1. Accentuer visuellement les comparaisons o Tirer des conclusions plus rapidement o Utiliser l épaisseur, la couleur, le poids o Comparer dans les espaces adjacents 2. Montrer la causalité o Indiquer la chaîne des événements o Renforcer le sens du contenu o Aucune conclusion possible sans cela 3. Montrer des données à plusieurs variables o Montrer sur plus de deux dimensions o Attirer l utilisateur o Ajoute de l utilité aux informations 7 Data Driven Summit Intégrer tous les éléments visuels o Utiliser du texte, des images, des nombres o Ne pas placer le contexte dans une légende ou un titre o Ne pas obliger l utilisateur à apprendre le système 5. Conception orientée contenu o Données de qualité o Pertinence o Intégrité Une bonne conception des informations ne remplace pas un mauvais contenu!

8 Stephen Few 7 principes clés pour afficher des informations quantitatives 1. Afficher uniquement ce qui est pertinent pour votre message, ni plus ni moins 2. Ne pas insérer de différences visuelles dans un graphique qui ne correspondent pas à une comparaison réaliste 3. Utiliser la taille et la place des objets pour encoder des valeurs quantitatives 4. Indiquer précisément les différences de valeur (commencer à 0 ) 5. Ne pas raccorder de valeurs hétéroclites suggérant une relation qui n'existe pas 6. Souligner les informations les plus importantes pour votre message 7. Augmenter la mémoire à court terme de votre public en combinant des éléments multiples en un seul motif visuel Une bonne visualisation des données soulage l'esprit et se sert des yeux 8 Data Driven Summit

9 Programme La visualisation des données, c est quoi? Qu est-ce qui est bien? Selon Ed Tufte Selon Stephen Few Visualiser des données Principes de base des graphiques Exemples de visualisation Selon BIRT 9 Data Driven Summit 2014

10 Principes de base des graphiques: Comment décrire les données? Choisir le visuel adapté aux informations Suivre les valeurs dans le temps (ex : ventes quotidiennes du dernier trimestre) : GRAPHIQUES LINÉAIRES ou PAR ZONE avec facteur temps en abscisse Comparer des quantités résumées entre plusieurs catégories (ex : transactions par marchand) : GRAPHIQUES EN COLONNES ou EN BARRES Comparer un pourcentage avec un ensemble (ex : % répartition des dépenses totales par service) : DIAGRAMMES À SECTEUR ou EN ANNEAU Affichage des performances actuelles par région/état/pays/territoire CARTES (codes couleurs, superpositions de sous-couches) Animations l'interaction augmente la valeur 10 Data Driven Summit 2014

11 Principes de base des graphiques: Comment décrire les données? Astuces pour les graphiques Lorsque les valeurs de catégorie sont trop longues à afficher sur l'abscisse d'un graphique à colonnes orienter cette abscisse sur l'alignement vertical (graphique à barres) Dans les graphiques à colonnes ou à barres, trier les barres par valeur UNIQUEMENT quand vous souhaitez parler de classement Sinon les catégories d'abscisse seront décalées en cas d'affichage avec des contextes différents Dans un graphique en ligne, ne montrer les marqueurs de points de données QUE si vous souhaitez transmettre des valeurs particulières Sinon cela gêne la description d'une tendance plus régulière 11 Data Driven Summit 2014

12 Programme La visualisation des données, c est quoi? Qu est-ce qui est bien? Selon Ed Tufte Selon Stephen Few Visualiser des données Principes de base des graphiques Exemples de visualisation Selon BIRT 12 Data Driven Summit 2014

13 Géographique US Unemployment Level 13 Data Driven Summit 2014

14 Charts on Top 14 Data Driven Summit 2014

15 Interaction 15 Data Driven Summit 2014

16 Icônes 16 Data Driven Summit 2014

17 Densité 17 Data Driven Summit 2014

18 Répétition 18 Data Driven Summit 2014

19 Drilldown 19 Data Driven Summit 2014

20 Programme La visualisation des données, c est quoi? Qu est-ce qui est bien? Selon Ed Tufte Selon Stephen Few Visualiser des données Principes de base des graphiques Exemples de visualisation Selon BIRT 20 Data Driven Summit 2014

21 Techniques BIRT L utilisation des styles améliore l esthétique et la compréhension 3 niveaux pour contrôler la présentation avec BIRT: Styles Permet un contrôle pointu basé sur le standard CSS font-family, font-size, font-color, etc Thèmes Collections de styles appartenant à une charte graphique Bibliothèques (Librairies) Encapsulation de composants BIRT, incluant les Thèmes Personnalisation rapide de nombreux états par un contrôle centralisé 21 Data Driven Summit 2014

22 Styles Basé sur le standard CSS Options: Créer des styles directement dans le design de rapport Modifier les styles prédéfinis Créer des styles personnalisés Importer des styles CSS existants Lier à des styles CSS existants 22 Data Driven Summit 2014

23 23 Data Driven Summit 2014

24 24 Data Driven Summit 2014

25 Themes Un thème est une collection de styles associée à une visualisation BIRT Les thèmes existent Au niveau du rapport Au niveau de l objet (tableau, pivot, graphique, données ) Thèmes par défaut Thèmes personnalisés 25 Data Driven Summit 2014

26 26 Data Driven Summit 2014

27 27 Data Driven Summit 2014

28 Bibliothèques Les bibliothèques sont des collections de composants réutilisables Sources de données, paramètres, jeux de données Composants de rapport Tableaux, graphiques, mise-en-page Pages maîtres Thèmes Facilitent la standardisation des chartes graphiques Permettent le changement rapide Une modification de la bibliothèque impacte l ensemble des rapports qui s y réfèrent 28 Data Driven Summit 2014

29 Demo BIRT Style Techniques CSS Bibliothèque Thèmes Styles 29 Data Driven Summit 2014

30 30 Actuate Corporation 2014

31 31 Actuate Corporation 2014

32 32 Actuate Corporation 2014

33 33 Data Driven Summit 2014

34 Merci! 34 Data Driven Summit 2014