Cours 1 version PDF PDF

Data Design Définition et un peu d’histoire « La plus grande valeur d’une image, c’est quand elle nous oblige à remarquer ce que nous ne nous attendions pas à voir. » John TUKEY  Données textuelles Les pertes de l’arm...

Data Design Définition et un peu d’histoire « La plus grande valeur d’une image, c’est quand elle nous oblige à remarquer ce que nous ne nous attendions pas à voir. » John TUKEY  Données textuelles Les pertes de l’armée française en 1812-1813, durant la campagne de Russie de Napoléon. En 1844, un événement marquant a eu lieu concernant les pertes de l'armée française pendant la campagne de Russie de 1812 à 1813. Le point de départ de l'armée comptait 422 000 hommes à Kovno. Au fur et à mesure que les soldats avançaient vers Moscou, le nombre de pertes augmentait considérablement. Finalement, seulement 100 000 hommes atteignirent Moscou. La retraite de l'armée fut également marquée par des pertes importantes, notamment en raison des conditions climatiques extrêmes. La température chuta brutalement de moitié au passage vers la rivière Bérézina, atteignant -30°, ce qui entraîna des pertes humaines énormes.  Comment organiser et représenter visuellement les informations du texte pour réaliser une infographie claire et compréhensible ?  Extraction des informations clés Organisation des données Choix du type de visualisation  Extraction des informations clés 422 000 soldats au départ (Kovno). 100 000 soldats arrivés à Moscou. Température de -30° au passage de la rivière Bérézina. Effectifs : Forte diminution des troupes pendant l’avancée et la retraite. Pertes : Impact du froid, surtout à la Bérézina.  Organisation des données Indiquer le nombre de soldats au départ, à Moscou et après la retraite. Montrer la diminution des effectifs. Souligner l’impact du froid, surtout à la Bérézina.  Choix du type de visualisation Graphique en courbe : Pour montrer la diminution progressive des effectifs. Diagramme en barres : Pour comparer les nombres de soldats aux différentes étapes. Carte annotée : Pour illustrer le parcours de l’armée avec les pertes à chaque étape et l’impact du climat. Charles Joseph Minard (1781-1870), un ingénieur civil français, a eu l’idée en 1844 de représenter graphiquement les pertes de l’armée française pendant la campagne de Russie (de 1812 à 1813). Ce graphique est souvent cité comme l’un des premiers exemples réussis d’infographie statistique combinant plusieurs dimensions de données. La largeur des zones colorées représente le nombre d'hommes. La couleur beige indique l'avancée vers Moscou, et la couleur noire montre la retraite. Les villes et les rivières traversées sont indiquées, ainsi que les températures relevées en degrés en dessous de zéro.  Définition Le data design est la discipline qui consiste à transformer des données brutes en représentations visuelles claires et esthétiques. Il combine des techniques de datavisualisation et d'infographie pour rendre les informations accessibles, compréhensibles et engageantes. Le data design permet de raconter des histoires à partir des données, de révéler des tendances et des insights, et de faciliter la prise de décision.  La principale différence entre la datavisualisation et l'infographie réside dans leur méthode de création et leur objectif. La datavisualisation est générée L'infographie, conçue manuellement avec des automatiquement à partir de grandes bases de logiciels comme Illustrator, combine texte et données à l'aide de logiciels ou d'outils images pour présenter des informations de informatiques qui convertissent les données manière didactique et ludique. brutes en représentations visuelles compréhensibles. Les deux formes sont complémentaires et peuvent se combiner pour enrichir la présentation des informations.  Exemples Infographie Datavisualisation Infographie + Datavisualisation 12 Des domaines d’application variés La visualisation des données est utilisée dans de nombreux domaines, notamment la presse, les médias, l'édition, les services de communication des entreprises, les fondations et les musées. Ces secteurs utilisent la visualisation pour rendre les informations plus accessibles et compréhensibles pour leur public.  Qu’est-ce qui fait un bon Data Design ? Un bon data design allie accessibilité, lisibilité et esthétique pour capter l’intérêt du lecteur. Plus il est simple, plus il est efficace. Le graphisme doit servir les données, en facilitant leur compréhension. Un équilibre fond-forme et des visualisations épurées améliorent la mémorisation. Le fond représente la clarté et la pertinence des données présentées. La forme correspond au design qui les met en valeur sans les surcharger ni les déformer. Accessibilité Lisible Esthétique (compréhensible) Les différents types de datavisualisation ? Les types de data design peuvent être classés en trois catégories principales : statiques, animés et interactifs. Les visualisations statiques sont des images fixes, les visualisations animées incluent des éléments en mouvement, et les visualisations interactives permettent aux utilisateurs d'interagir avec les données pour explorer et analyser les informations de manière plus approfondie. Statique Animé Interactif Exemples Statique Les types de tempête Exemples Animé Exemples Interactif  Exercice Créer une infographie pour le parcours du don de sang au Centre National de Transfusion Sanguine (Tunisie) Contexte Le Centre National de Transfusion Sanguine en Tunisie suit un parcours structuré pour gérer les dons de sang, depuis le prélèvement jusqu'à la transfusion. Vous devez représenter ce parcours sous la forme d'une infographie claire et attrayante, en respectant les étapes fournies ci-dessous. Données textuelles du parcours à interpréter graphiquement Le Centre National de Transfusion Sanguine en Tunisie suit un parcours structuré pour gérer les dons de sang, depuis le prélèvement jusqu'à la transfusion. Vous devez représenter ce parcours sous la forme d'une infographie claire et attrayante, en respectant les étapes fournies ci-dessous. 1. Le prélèvement 2. La préparation 3. La qualification biologique des dons 4. La distribution 5. La transfusion Données textuelles du parcours à interpréter graphiquement 1. Le prélèvement : Les donneurs se rendent au centre de transfusion sanguine où leur sang est prélevé. Une poche de sang et des tubes-échantillons sont collectés. 2. La préparation : La poche de sang est ensuite séparée en composants essentiels : Plasma Plaquettes Globules rouges → Cette étape garantit que chaque composant peut être utilisé selon les besoins des patients. 3. La qualification biologique des dons : Les échantillons sont analysés en laboratoire pour s'assurer qu'ils sont conformes aux normes sanitaires. Les poches non conformes sont détruites. 4. La distribution : Les poches de sang conformes sont conservées et distribuées en fonction des besoins des hôpitaux et des patients. Une analyse immunohématologique permet d'assurer la compatibilité entre le don et le receveur. 5. La transfusion : Les composants sanguins sont transfusés aux patients dans les hôpitaux. Cette étape est cruciale pour sauver des vies. Consignes Objectif graphique : Créez une infographie attrayante, facile à comprendre et bien structurée. L'infographie doit suivre un flux logique des étapes, depuis le prélèvement jusqu'à la transfusion. Recommandations : Utilisez des couleurs différenciées pour chaque étape afin d’améliorer la lisibilité. Incluez des icônes ou des illustrations pour représenter chaque étape (ex. : une seringue pour le prélèvement, une éprouvette pour l'analyse, une poche de sang pour la distribution). Ajoutez des flèches ou des connecteurs pour montrer le flux du processus. À éviter : Trop de texte : limitez-vous aux informations clés. Des éléments visuels surchargés ou trop complexes.  Outils suggérés Vous pouvez utiliser des logiciels de design comme Illustrator ou d'autres outils de dessin vectoriel pour réaliser votre infographie.. Livrable attendu Livrable attendu : Une infographie au format numérique (PDF ou image.JPG). Les livrables devront être réalisés en format A3, avec une première version en français dans l’orientation de son choix(portrait ou paysage). → Après validation, l’étudiant procédera à l’adaptation dans l’autre orientation, puis réalisera la version arabe.  Design Graphikos « Made with love by nadhem oueslati »