![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/covid-timeline-blog-header.png\")
<\/p>\n<\/p>\n
En 2020, il est clair que le monde n’a jamais connu une telle ann\u00e9e. Au moment de la publication, le COVID-19 a touch\u00e9 plus de 200 pays, avec plus de 100 millions de cas et deux millions de d\u00e9c\u00e8s \u00e0 ce jour, selon le <\/span>Wall Street Journal<\/span><\/a>.<\/span><\/p>\n En tant que plateforme de communication d’informations complexes, nous avons voulu examiner comment les gens communiquent sur les \u00e9v\u00e9nements qui ont eu lieu au cours de l’ann\u00e9e \u00e9coul\u00e9e. Nombreux sont ceux qui ont dress\u00e9 une liste des principaux \u00e9v\u00e9nements, comme <\/span>le New York Times <\/span><\/a>et <\/span>ScienceNews<\/span><\/a>, tandis que d’autres ont cr\u00e9\u00e9 des frises chronologiques interactives dont la navigation est un peu fastidieuse, comme <\/span>NBC News <\/span><\/a>et <\/span>l’Organisation mondiale de la sant\u00e9<\/span><\/a>.<\/span><\/p>\n Chez Venngage, nous pensons que les communications visuelles peuvent \u00eatre \u00e0 la fois intelligentes et simples. J’ai donc cr\u00e9\u00e9 une <\/span>infographie sur la chronologie du <\/span><\/a>COVID-19 pour montrer les moments les plus critiques \u00e0 ce jour. J’ai rassembl\u00e9 des donn\u00e9es et des informations relatives \u00e0 la propagation du virus, aux d\u00e9couvertes scientifiques, ainsi qu’aux \u00e9v\u00e9nements politiques et \u00e9conomiques, puis j’ai utilis\u00e9 notre outil de conception pour cr\u00e9er une infographie.<\/span><\/p>\n Jetez un coup d’\u0153il :<\/span><\/p>\n Naturellement, ce n’est pas la seule situation dans laquelle une infographie sur la chronologie peut aider \u00e0 raconter une histoire. Ces infographies peuvent relier des \u00e9v\u00e9nements et des informations de mani\u00e8re in\u00e9dite et passionnante, par exemple dans :<\/span><\/p>\n Pourtant, j’ai constat\u00e9 qu’il y a encore beaucoup de lignes du temps qui sont cr\u00e9\u00e9es et qui ont l\u2019apparence suivante :<\/span><\/p>\n Source :<\/span><\/a><\/p>\n Ou \u00e7a :<\/span><\/p>\n Source :<\/span><\/a><\/p>\n Ou \u00e7a :<\/span><\/p>\n Source :<\/span><\/a><\/p>\n Il n’est pas n\u00e9cessaire d’\u00eatre un designer professionnel pour <\/span>r\u00e9aliser une infographie sur la chronologie des \u00e9v\u00e9nements<\/span><\/a>, mais vous devez savoir comment commencer et \u00e0 quoi vous devez faire attention lorsque vous assemblez les pi\u00e8ces. Je vais donc vous expliquer comment j’ai cr\u00e9\u00e9 l’infographie ci-dessus, en partant de z\u00e9ro.<\/span><\/p>\n La premi\u00e8re \u00e9tape a consist\u00e9 \u00e0 <\/span>trouver de bonnes sources de donn\u00e9es<\/span><\/a>. Les organes d’information sont g\u00e9n\u00e9ralement une bonne source, et un examen de diff\u00e9rents organes a rapidement r\u00e9v\u00e9l\u00e9 qu’ils rendaient compte de diff\u00e9rents \u00e9v\u00e9nements et de diff\u00e9rentes mani\u00e8res. Il y avait \u00e9galement des sources r\u00e9put\u00e9es non li\u00e9es \u00e0 l’actualit\u00e9, issues de la communaut\u00e9 m\u00e9dicale et de la sant\u00e9, qui ont pu apporter plus de nuances et de profondeur.<\/span><\/p>\n Apr\u00e8s avoir pass\u00e9 en revue les nombreux \u00e9v\u00e9nements \u00e0 inclure potentiellement, il \u00e9tait important de se demander : “Quels sont les \u00e9v\u00e9nements qui pr\u00e9sentent le plus d’int\u00e9r\u00eat pour un public g\u00e9n\u00e9ral ?” J’ai commenc\u00e9 \u00e0 dresser la liste de ces \u00e9v\u00e9nements et il est apparu que la plupart d’entre eux \u00e9taient li\u00e9s \u00e0 quelques th\u00e8mes diff\u00e9rents : scientifiques, politiques et \u00e9conomiques.<\/span><\/p>\n J’ai d\u00e9cid\u00e9 que la repr\u00e9sentation de ces th\u00e8mes permettrait au lecteur de naviguer dans les informations en fonction de ses centres d’int\u00e9r\u00eat, tout en \u00e9tant capable de comprendre comment ces \u00e9v\u00e9nements sont li\u00e9s les uns aux autres. Ensuite, j’ai nettoy\u00e9 le texte qui serait utilis\u00e9 dans l’infographie et j’ai pr\u00e9par\u00e9 la conception.<\/span><\/p>\n En gardant \u00e0 l’esprit que je voulais faire ressortir ces th\u00e8mes, j’ai r\u00e9fl\u00e9chi \u00e0 la meilleure mise en page pour cette infographie. Apr\u00e8s avoir examin\u00e9 nos <\/span>mod\u00e8les de lignes du temps<\/span><\/a>, j’ai r\u00e9fl\u00e9chi \u00e0 ce qui pourrait le mieux convenir \u00e0 ce sujet. Comme cette infographie serait publi\u00e9e sur une page de notre blog, je savais que je pouvais la rendre assez longue dans son orientation, en esp\u00e9rant que les lecteurs la feraient d\u00e9filer au fur et \u00e0 mesure de leur lecture.<\/span><\/p>\n Il y a eu tellement d’\u00e9v\u00e9nements notables que j’ai d\u00e9cid\u00e9 d’utiliser un design simple qui serait facilement lisible de haut en bas et qui pourrait \u00e9galement repr\u00e9senter de mani\u00e8re pr\u00e9cise et visuelle le temps \u00e9coul\u00e9 entre chaque \u00e9v\u00e9nement.<\/span><\/p>\n Par exemple, la s\u00e9rie d’\u00e9v\u00e9nements survenus au d\u00e9but du printemps, lorsque le COVID-19 a \u00e9t\u00e9 d\u00e9clar\u00e9 pand\u00e9mie (voir ci-dessous), et les grandes p\u00e9riodes de l’\u00e9t\u00e9 et de l’automne, lorsque le monde attendait un vaccin.<\/span><\/p>\n J’ai ensuite commenc\u00e9 \u00e0 produire une \u00e9bauche de conception qui comprenait de nombreux \u00e9l\u00e9ments \u00e0 prendre en consid\u00e9ration. Je ne me suis pas concentr\u00e9 sur des d\u00e9tails comme les couleurs ou les polices de caract\u00e8res, mais j’ai plut\u00f4t jou\u00e9 avec des id\u00e9es pour savoir si et comment visualiser non seulement les \u00e9v\u00e9nements, mais aussi les changements dans le nombre de cas ainsi que les pays les plus touch\u00e9s. Toujours soucieux de l’exactitude, j’ai espac\u00e9 les mois de mani\u00e8re \u00e9gale sur la ligne du temps et ajout\u00e9 les \u00e9v\u00e9nements en fonction de leur date.<\/span><\/p>\n L’\u00e9laboration d’une \u00e9bauche (voir ci-dessus) m’a permis d’obtenir un premier retour de mes co\u00e9quipiers sur ce qui, selon eux, fonctionnait le mieux et ce qui n\u00e9cessitait plus d’attention. Obtenir un retour d’information \u00e0 un stade pr\u00e9coce est une pratique souvent n\u00e9glig\u00e9e dans la conception, mais j’ai constat\u00e9 qu’elle est absolument essentielle.<\/span><\/p>\n Mes co\u00e9quipiers m’ont aid\u00e9 \u00e0 d\u00e9terminer ce qu’il \u00e9tait important d’ajouter et ce qu’il fallait supprimer pour plus de clart\u00e9. J’ai \u00e9galement test\u00e9 pour m’assurer que les dimensions que j’avais choisies s’int\u00e9greraient bien dans les limites d’un article de blog afin de mieux comprendre l’exp\u00e9rience du lecteur.<\/span><\/p>\n Il \u00e9tait maintenant temps de passer aux choses s\u00e9rieuses. La premi\u00e8re chose que j’ai faite a \u00e9t\u00e9 de supprimer beaucoup de choses inutiles, notamment toutes les dates de chaque \u00e9v\u00e9nement et un grand nombre de cartes que j’avais initialement incluses.<\/span><\/p>\n J’ai ensuite pu ajouter de nouveaux composants, comme le graphique \u00e0 barres et le graphique lin\u00e9aire, aux endroits o\u00f9 l’espace blanc \u00e9tait abondant. \u00c0 ce stade, ma ligne directrice est toujours bas\u00e9e sur cette suggestion de John Maeda, chef de file en mati\u00e8re de design : soustrayez ce qui est \u00e9vident et ajoutez ce qui est significatif.<\/span><\/p>\n Une fois toutes les pi\u00e8ces en place, j’ai pu r\u00e9fl\u00e9chir aux \u00e9l\u00e9ments visuels tels que les ic\u00f4nes et les arri\u00e8re-plans. L\u00e0 encore, je voulais utiliser ces \u00e9l\u00e9ments non pas simplement pour attirer l’attention des lecteurs, mais pour les aider \u00e0 comprendre. J’ai fait en sorte que les points associ\u00e9s aux \u00e9v\u00e9nements majeurs soient plus grands que les autres et j’ai color\u00e9 l’arri\u00e8re-plan pour sugg\u00e9rer subtilement la mani\u00e8re dont ces \u00e9v\u00e9nements ont fa\u00e7onn\u00e9 les \u00e9tapes de la premi\u00e8re ann\u00e9e, de la d\u00e9couverte \u00e0 la pr\u00e9vention en passant par la r\u00e9ponse.<\/span><\/p>\n Les visualisations, en particulier, ont n\u00e9cessit\u00e9 une attention particuli\u00e8re. Je voulais conserver les cartes de la Chine et des \u00c9tats-Unis, car il s’agissait de pays o\u00f9 les mentions \u00e9taient importantes. Les pictogrammes \u00e9taient le meilleur moyen de montrer le nombre massif de cas, j’ai donc fait quelques calculs rapides et exp\u00e9riment\u00e9 des moyens de montrer comment ces chiffres ont augment\u00e9 de fa\u00e7on exponentielle au cours de l’ann\u00e9e \u00e9coul\u00e9e tout en minimisant l’encombrement visuel. Apr\u00e8s avoir trouv\u00e9 des ensembles de donn\u00e9es suppl\u00e9mentaires, j’ai nettoy\u00e9 les donn\u00e9es pour les utiliser dans les graphiques et je me suis assur\u00e9 que les barres et les graphiques lin\u00e9aires que j’ai ajout\u00e9s \u00e9taient bien \u00e9tiquet\u00e9s.<\/span><\/p>\n Enfin, il \u00e9tait temps de proc\u00e9der au polissage final. En faisant attention \u00e0 l’espacement et \u00e0 l’utilisation des espaces blancs, j’ai ajout\u00e9 des ic\u00f4nes et r\u00e9duit la taille des polices pour les textes moins importants. Puis j’ai exp\u00e9riment\u00e9 des palettes de couleurs pour m’assurer que j’utilisais des couleurs qui allaient bien ensemble et permettaient une bonne lisibilit\u00e9. J’ai \u00e9galement v\u00e9rifi\u00e9 l’orthographe et la grammaire du texte de l’infographie.<\/span><\/p>\n Pour mon \u00e9valuation finale, je me suis demand\u00e9 si cette conception permettait \u00e0 quelqu’un d’apprendre facilement de nouvelles informations, et si les \u00e9l\u00e9ments visuels en particulier l’amenaient \u00e0 avoir de nouvelles id\u00e9es ou des “aha”. Veuillez ajouter vos commentaires ci-dessous pour me faire part de votre opinion.<\/span><\/p>\n Si vous aimez cette infographie, n’oubliez pas de consulter celles que nous avons cr\u00e9\u00e9es sur la <\/span>pand\u00e9mie de coronavirus et la crise des r\u00e9fugi\u00e9s <\/span><\/a>et sur l’<\/span>impact de la pand\u00e9mie de coronavirus sur l’environnement<\/span><\/a>.<\/span><\/p>\n Si vous voulez utiliser Venngage pour cr\u00e9er votre propre ligne du temps, vous pouvez <\/span>commencer ici<\/span><\/a>.<\/span><\/p>\n![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/49e5dcf0-c6c9-42db-8e61-24b987eda423-8.png\")
<\/p>\nCr\u00e9ation d’un calendrier bas\u00e9 sur les donn\u00e9es : le processus<\/b><\/h2>\n
\n
![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/example1.jpeg\")
<\/p>\n<\/p>\n![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/example2.jpeg\")
<\/p>\n1. Trouver des donn\u00e9es<\/b><\/h3>\n
2. S\u00e9lection des \u00e9v\u00e9nements<\/b><\/h3>\n
![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/covid-19-timeline-infographic-themes1.jpg\")
<\/p>\n3. D\u00e9cider de la mise en page<\/b><\/h3>\n
![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/covid-19-timeline-infographic-march.jpg\")
<\/p>\n4. R\u00e9diger et solliciter des commentaires<\/b><\/h3>\n
![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/draft-cropped.jpg\")
<\/p>\n5. Cr\u00e9er les bonnes visualisations<\/b><\/h3>\n
![\"c18fe187-02dd-4455-8441-016125974677](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/c18fe187-02dd-4455-8441-016125974677-3.png\")
<\/p>\n![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/covid-19-timeline-infographic-unemployment.jpg\")
![\"covid-19](\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2021\/01\/covid-19-timeline-infographic-bipoc.jpg\")
<\/p>\n6. Ajout d’\u00e9l\u00e9ments de conception comme les couleurs et les polices de caract\u00e8res<\/b><\/h3>\n