Data Summer Tour - Commencer avec le data journalisme d'entreprise - MYDRAL
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
Data Summer Tour Commencer avec le data journalisme d’entreprise
SOMMAIRE 01. Une plateforme analytics 02. Contexte et enjeux data infographiques 03. Use Case pratique + Session Q/R Formulez vos questions dans le chatbot à droite de votre interface ! 2
Une plateforme analytics MYDRAL - Data is Power TABLEAU – Vous aider à comprendre vos données 3
4
MYDRAL – DATA IS POWER Qui sommes-nous ? PURE PLAYER PROFESSIONAL SERVICE FORMATIONS Spécialisé dans la Conseil et accompagnement + de 4000 Business Scientists et valorisation de la donnée dans la réalisation de projets Analystes formés 5 5
MYDRAL – DATA IS POWER Nous travaillons ensemble + 500 RÉFÉRENCES 6
02 PLATEFORME ANALYTICS Tableau : vous aidez à comprendre vos données VISUALISER • Répondez instantanément aux questions, de manière intuitive sans assistants, ni scripts, uniquement du glisser-déposer • Communiquez vos découvertes grâce à des tableaux de bord 7
DATA JOURNAL & DASHBOARD DESIGN 8
9
CONTEXTE & ENJEUX DATA INFOGRAPHIQUES Un dahsboard optimisé 10
01 Charte graphique & variation design Contexte et enjeux data infographiques Une meilleure compréhension de la donnée Le pilotage et l'analyse des données Une prise de décision optimale Avec une charte graphique qui vous représente Une cohérence visuelle Une variation du design qui fait la différence 11
02 LES DIMENSIONS Super size my Dashboard ! 1200 PX 100-800 PX Mode Dashboard C'est le gabarit standard 1200 PX idéal préconisé pour une navigation web optimale et pour faciliter la lisibilité 2 des Dashboards. Jusqu'à 4 000 PX types de dimensions Mode One Page 12
03 LES DIMENSIONS Super size my Dashboard ! Nos exemples Mode Dashboard Mode One page 13
04 LES GRAPHIQUES 14
05 LES GRAPHIQUES Les comparaisons Diagramme en barre 15
05 LES GRAPHIQUES Le diagramme en barre Voici un exemple de diagramme en barre. Pour le réaliser sur Tableau rien de plus simple ! Ouvrez le dashboard «20200723-Webinaire-MydralDataDesign-V1.1.twbx » et ouvrez une nouvelle feuille. Dans l’onglet « Données » à gauche de l’interface sélectionnez « Group » et « Line Total ». Puis en haut à droite sur « Montre-moi » cliquez sur le diagramme en bar. Il n’y aura plus qu’à faire glisser le champ « Group » sur le repère des couleurs. 16
06 LES GRAPHIQUES Les compositions Donut et courbe pleine 17
06 LES GRAPHIQUES La courbe pleine Résultat attendu : Ouvrez une nouvelle feuille. Dans l’onglet « Données » sélectionnez « OrderDate » dans la table « SalesOrderHeader$ » et « Line Totale ». Puis dans « Montre-moi » cliquez sur « Graphiques en aires » 18
06 LES GRAPHIQUES Le graphique à secteurs Résultat attendu : Ouvrez une nouvelle feuille. Dans l’onglet « Données » sélectionnez « OrderDate » dans la table « SalesOrderHeader$ » et « Line Totale ». Puis dans « Montre-moi » cliquez sur « Graphiques à secteurs» Pour plus de précision vous pouvez également mettre « OrderDate » en étiquette 19
07 LES GRAPHIQUES LES DISTRIBUTIONS Le sankey 20
08 L’EXPÉRIENCE UTILISATEUR UX L'expérience utilisateur joue un rôle déterminant dans le storytelling : la disposition des éléments d'une infographie et/ou d'une application permet ainsi de faire passer un message intuitivement. La réflexion UX permet de créer un visuel ergonomique, facilement lisible et compréhensible par l'utilisateur. Chaque projet est unique, cependant plusieurs règles sont applicables dans la majorité des circonstances. Une lecture de gauche à droite Pour un rendu visuel Storytelling ergonomique, lisible et compréhensible 21
09 L’EXPÉRIENCE UTILISATEUR Un rendu visuel ergonomique 1 2 3 4 LA LOI DE FITT De puissants filtres protègent notre cerveau de la surcharge d'informations 5 22
10 L’EXPÉRIENCE UTILISATEUR La Loi de Hick ou le processus de prise de décision en fonction du temps Les émotions et la volonté interviennent dans le choix Il s’agit d’un principe mesurant le temps de la prise de décision. Plus les alternatives sont nombreuses, plus le temps de prise de décision augmentera. La durée observée avant de se prononcer suit un schéma logarithmique. 23
11 L’EXPÉRIENCE UTILISATEUR La navigation et le filtre : comment gérer facilement la navigation? Le déplacement entre les écrans d‘un Dashboard ou d'un data journal pour effectuer des tâches. Il s’agit des composants de navigation dédiés, l'intégration du comportement de navigation dans le contenu. 24
12 L’EXPÉRIENCE UTILISATEUR Qu’est-ce qu’un filtre ? Le filtre est une fonctionnalité qui permet à l’utilisateur de retrouver plus facilement les informations et de les classer dans des catégories dédiées. 25
13 LA TYPOGRAPHIE Chaque famille de police a un caractère et un usage propre. Une mauvaise maîtrise des règles typographiques aura un impact négatif sur l'expérience utilisateur. 26
14 LA TYPOGRAPHIE La combinaison des polices Une combinaison adéquate entre des typographies permet de réaliser un texte équilibré mettant en valeur les différents éléments sans créer de difficulté de lisibilité. Le contraste entre les titres, sous-titres et le texte continu doit être contrasté mais harmonieux. En général, une police Serif est associée à une police Sans-Serif ou une police Serif ou Sans-Serif est associée à une typographie manuscrite ou fantasy. 27
15 LA TYPOGRAPHIE Le changement de police TABLEAU BOOK CENTURY GOTHIC 28
16 LA TYPOGRAPHIE La combinaison des polices Association des polices : [Roboto Slab] + [Open Sans] 29
17 LA TYPOGRAPHIE La palette de couleurs Une palette de couleur combine la couleur chaude et froide puis sombre et lumineuse pour évoquer ici le Black Friday 30
18 LES ÉLÉMENTS VISUELS : LE COMBO PARFAIT La palette de couleur Avec l'évolution du cerveau humain et le développement des émotions, l'homme a commencé petit à petit à associer certaines couleurs à certaines émotions. Et quand il s'agit d'experience utilisateur, les couleurs représentent un facteur clé dans les émotions que celui-ci ressent. 31
19 LES ÉLÉMENTS VISUELS : LE COMBO PARFAIT Les dividers Dans un projet en long scroll (de longs fichiers verticaux), les dividers servent à délimiter de façon élégante et dynamique les différentes parties. 32
19 LES ÉLÉMENTS VISUELS : LE COMBO PARFAIT Exemple d'utilisation d'un divider en forme de flèche 33
20 LES ÉLÉMENTS VISUELS : LE COMBO PARFAIT Les icônes Le pictogramme Dans un data journal, il illustre les viz et permet de comprendre en un coup d'œil la thématique abordée quelle que soit sa langue maternelle. Les différents styles du pictogramme contribuent non seulement à la visibilité illustrée mais aussi à l’esthétique du data journal. 34
21 LES ÉLÉMENTS VISUELS : LE COMBO PARFAIT Les icônes : exemple d’utilisation 35
21 LES ÉLÉMENTS VISUELS : LE COMBO PARFAIT Combinaison des couleurs, des typos et des pictos Créer un data journal qui correspond aux besoins du client repose sur un design de qualité et une bonne combinaison des éléments vus précédemment. Cette combinaison donne un réel caractère et un esthétique au Data Journal. 36
22 Q&R Posez vos questions ! 37
BLOG MYDRAL + qu'un simple blog Ce sont des idées, des tutos Inspirez-vous C'est aussi des témoignages clients, des cas d'usage 38
RESTONS EN CONTACT ! Pour aller plus loin : Bénéficiez d’un audit Data Design gratuit et rapide. RDV sur notre site ou contactez-nous Contactez Aurélien PRIGENT aprigent@mydral.com Ajoutez une capture d’écran de votre tableau de bord (sans l’affichage de vos chiffres) Ou via le site Mydral : https://www.mydral.com/ Vous obtenez une réponse sous 48h ! Avec un fichier PDF et une optimisation personnalisée Retrouvez @Mydral pour suivre notre actualité et échanger ensemble 39
Vous pouvez aussi lire
