visualisations de données et communication

38
Usages de la visualisation de données à des fins de communication interne et externe Portfolio www.actuvisu.fr

Upload: actuvisu

Post on 19-Jan-2015

3.449 views

Category:

Documents


5 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Visualisations de données et communication

Usages de la visualisation de données à des fins de communication interne et externe

Portfoliowww.actuvisu.fr

Page 2: Visualisations de données et communication

Valoriser sa communautéses activitéssa marque

Page 3: Visualisations de données et communication

LOCOG MAPS

AUTEUR..................................Stamen

Cette carte en Flash géocode les centaines d'articles et de photos produits par l'équipe de Londres 2012.

Elle met ainsi en avant le travail en cours dans le Parc Olympique, à Londres et au Royaume Uni, et souligne la profondeur des contenus disponibles sur le site.

Les usagers peuvent rechercher un endroit précis, ou explorer la carte grâce au zoom. En cliquant sur un point, une bulle d'information apparaît et renvoie vers des contenus.

CLIENT...............The London Organising Committee of the Olympic Games

● Mettre en valeur ses contenus de façon interactive et graphique.

● Démultiplier les parcours de navigation sur son site en ajoutant de nouvelles portes d'entrée vers ses contenus.

http://www.london2012.com/map.php

Page 4: Visualisations de données et communication

THE BOOK DEPOSITORY LIVE

AUTEUR................The Book Depository

Cette carte géolocalise en temps réel les livres achetés par les utilisateurs du site The Book Depository.

A chaque achat, une bulle apparaît sur le planisfère, au niveau du pays d'où provient l'acheteur, et montre le titre et la couverture du livre acheté.

L'internaute peut cliquer sur les bulles pour être redirigé directement vers la page de présentation (et de vente) du livre.

http://bit.ly/iQEr2

● Valoriser sa communauté d'acheteurs en lui présentant son activité de façon ludique et graphique.

● Multiplier les portes d'entrées vers les pages de présentation de ses produits grâce à une application de datavisualization.

CLIENT .................The Book Depository

Page 5: Visualisations de données et communication

WAINOVA ATLAS OF INNOVATION

AUTEUR.................................Bestiario

CLIENT....................The World Alliance of Innovation WAINOVA

La World Alliance of Innovation fédère les principaux parcs scientifiques et incubateurs de la planète. Cet atlas en présente la première vue panoramique.

La carte interactive représente également les liens entre acteurs. Il est possible d'y rechercher des statistiques ou des organismes précis, grâce à un moteur de recherche.

RÉALISÉ EN.........................Juillet 2009

JOURS DE TRAVAIL...................100 jours

● Communiquer sur la richesse des réseaux mondiaux autour de l'innovation.

● Mettre à disposition un outil d'exploration des acteurs fédérés par la WAINOVA.

http://www.wainova.org/atlas/index.html

Page 6: Visualisations de données et communication

THE LOVE 40

AUTEUR.............................Six to Start

Cette application utilise les données du hit parade de Radio 1 pour en proposer une visualisation interactive et amusante.

La visualisation permet de suivre l'évolution d'un titre dans le classement du hit parade au fil des jours, en fonction du nombre de fois où ce titre à été joué.

L'application permet également de voter pour ses titres préférés et d'inviter ses amis à voter.

CLIENT.....................................Radio 1

● Engager son public avec une application ludique.

● Proposer un nouveau regard sur son activité quotidienne pour susciter la curiosité.

http://www.radio1chart.co.uk/

Page 7: Visualisations de données et communication

DIGITAL PODGE 09AUTEUR.......................................Line

Digital Podge est un événement annuel, rassemblant autour d'un dinner des personnalités du numérique, à Londres. Le Digital Podge 2009 a été racontée par les données sur le site de l'événement : les distances parcourues par les invités, les statistiques LinkedIn des convives, le nombre de calories de la nourriture servie, la disposition des places, etc.

Le Digital Podge est un événement prestigieux qui nécessitait un support de communication ambitieux. Les données sont ici utilisées de façon humoristique et informative pour donner à voir autrement la manifestation.

CLIENT ...........................Digital Podge

● Raconter une manifestation de façon décalée, esthétique et originale.

● Magnifier une rencontre en la dotant d'un support de communication très différenciant.

● Permettre de revivre autrement un événement fédérateur

http://www.digitalpodge.co.uk/2009/

RÉALISÉ EN .................................2009

Page 8: Visualisations de données et communication

DIGG LABS

AUTEUR..................................Stamen

Depuis 4 ans, le site communautaire Digg a commandé à Stamen de nombreux projets de visualisation. Le site Digg.com est un des sites les plus visités du web, ses contenus changent en permanence en fonction des articles soumis par ses membres, fournissant ainsi une gigantesque base de données de ce qui est intéressant sur le web à chaque instant.

Une partie des travaux de visualisation réalisés sont rendus public au sein du Digg Lab, comme cette visualisation en temps réel des flux de nouveaux articles postés sur le site. La visualisation présente ce que contient Digg.com par grands thèmes d'actualités, et établis des liens entre les contenus.

Digg fait aussi appel à Stamen pour des projets de R&D interne sur les comportements des membres de sa communauté d'usagers. Ceci nécessite d'étudier et de visualiser des volumes considérables de données.

CLIENT....................................Digg.com

http://labs.digg.com/arc/

Page 9: Visualisations de données et communication

Renforcer son message

Page 10: Visualisations de données et communication

INTERACTIVE MAP OF CONNECTIONS

AUTEUR..................................Stamen

LogMeIn est un fournisseur de services permettant à deux machines distantes de se relier. Cette visualisation représente, en temps réel, les connexions entre deux ordinateurs réalisées grâce à LogMeIn.

L'objectif de ce projet est de montrer que LogMeIn peut assurer un grand nombre de connexions par minute, à travers le monde entier. Le compteur en bas de l'écran en témoigne.

CLIENT..................................LogMeIn

● Communiquer sur ses atouts à destination de ses prospects et clients.

● Utiliser un support de communication attestant son intérêt pour les technologies et de ses compétences techniques.

https://beta.logmein.com/US/visualization/fullscreen/

Page 11: Visualisations de données et communication

INSOLVENCY STATISTICS IN MOTION

OUTIL...................Google Motion Chart

En utilisant un graphique interactif et animé, Clear Debt a republié des données des services fiscaux britanniques couvrant la période 2000-2009.

Ce graphique permet de représenter cinq variables. Il décrit l'évolution de l'insolvabilité des individus dans les districts du Royaume-Uni. Il est possible de sélectionner un district pour en suivre l'évolution de façon privilégiée.

CLIENT ..............................Clear Debt

● Mettre en lumière un phénomène de façon frappante pour convaincre de l'utilité des services proposés par son entreprise.

● Dégager des tendances à partir d'un grand nombre d'informations, de façon visuelle et interactive.

http://bit.ly/9azqHz

RÉALISÉ EN .........................Août 2010

JOURS DE TRAVAIL........................1 jour

Page 12: Visualisations de données et communication

« FOOD WITH INTEGRITY » IS MORE THAN A

MARKETING SLOGAN

AUTEUR...............................Periscopic

Le site de présentation des restaurants-grills mexicains Chipotle présente cette visualisation de la provenance des aliments cuisinés.

Le graphisme naif renforce le message de cette carte : la nourriture de Chipotle vient d'abord des Etats-Unis, et a été cultivée dans le respect de la nature.

L'animation permet de voir la gamme des fruits et légumes récoltés pour Chipotle en fonction des saisons et de leur origine géographique.

CLIENT................Chipotle Mexican Grill

● Délivrer un message fort sur un support engageant et valorisant.

● Renforcer son message commercial en mettant à disposition du public des données rendues lisibles par la visualisation.

http://works.periscopic.com/iucn/

Page 13: Visualisations de données et communication

Pratiquer le storytelling des données

Page 14: Visualisations de données et communication

4 DEGREE MAP

AUTEUR...............Act on Cop2penhagen

CLIENT.............................UK Government

Pour mieux comprendre ce que pourrait bouleverser l'impact de l'activité humaine sur le climat, le UK'Met Office a réalisé une carte interactive. La visualisation souligne les conséquences les plus importantes d'un réchauffement climatique de 4°C, à partir des dernières études scientifiques.

La carte permet d'explorer ces données de façon géographique et thématique. Au clic, des petites fenêtres s'ouvrent et proposent des textes explicatifs.

RÉALISÉ EN.......................Janvier 2009

● Donner l'alerte sur un phénomène d'actualité.

● Informer le grand public de façon interactive et convaincante.

http://bit.ly/29kXhN

Page 15: Visualisations de données et communication

OUR AGING WORLD

AUTEUR.......................General Electric

Cette visualisation décrit les changement de la structure de la population par tranche d'âge pour huit pays industrialisés.

L'application permet de comparer deux pays, choisis dans la liste de gauche, et de faire défiler les données de façon graphique de 1950 à 2050.

A droite, le schéma représente les données pour les huits pays en même temps.

Les données proviennent du Service « Population » des Nations Unies.

CLIENT .......................General Electric

● Délivrer de l'information d'intérêt général de manière pédagogique, comme opération de relation publique.

● Communiquer sur la modernité et le civisme de son organisation.

http://www.ge.com/visualization/aging/

RÉALISÉ EN ........................Juillet 2010

Page 16: Visualisations de données et communication

ANALYSIS OF GDP PROJECTIONS

OUTIL............................Tableau Public

CLIENT..............................................OCDE

L'OCDE met à jour une vaste gamme de statistiques et de projections économiques. Ce tableau de bord du PIB offre des outils pour répondre à la question : quelles sont les variables qui affectent le PIB et la croissance ?

Il est possible d'explorer les données par pays, et de comparer les pays entre eux. Le tableau de bord permet de visualiser l'impact de chaque catégorie (consommation privée, exportations, importations, investissements, etc) sur le PIB.

RÉALISÉ EN............................Mai 2010

● Délivrer de l'information statistique de façon claire et interactive.

● Fournir un outil pédagogique permettant de mieux comprendre les activités de l'organisation.

http://bit.ly/bkgx3y

Page 17: Visualisations de données et communication

CLIMATE CHANGE POLICY

AUTEUR........................................CBI

Ce tableau de bord montre l'évolution de la politique des Etats-Unis de réduction des gaz à effets de serre et son inadéquation aux problèmes des émissions de CO2. La visualisation veut faire pression sur le gouvernement pour qu'il s'empare de la réforme du marché de l'électricité.

La visualisation permet de repérer en un coup d'oeil les avancées et les retours en arrière de la politique écologique au cours des dernières années.

CLIENT ..........CBI The Voice of Business

● Appuyer une action de lobbying par un dipostif visuellement convaincant.

● Déployer des contenus « buzzables » pour appuyer son discours.

http://bit.ly/cjm4iR

RÉALISÉ EN .................................2010

Page 18: Visualisations de données et communication

VISUALIZING THE HEALTH AND STATUS OF PACIFIC

RIM SOCKEYE

AUTEUR...............................Periscopic

Cette visualisation des données disponibles sur la santée du saumon dans le Nord Pacifique a été réalisée pour deux groupes important participant au programme Ecotrust's Fisheries.

La visualisation permet de convertir les données brutes de ces organisations en interfaces visuelles avec lesquelles il est agréable d'interagir pour découvrir de l'information.

CLIENT...................State of the Salmon + Wild Salmon Center

● Délivrer de l'information de façon engageante et hiérarchisée.

● Valoriser et donner du sens à des données brutes qui auraient peu d'impact autrement.

http://works.periscopic.com/iucn/

Page 19: Visualisations de données et communication

NEIGHBORHOODS BY THE NUMBERS

AUTEUR................................Gridplane

Cette visualisation est un guide pour explorer les 95 quartiers de Portland en fonction d'un grand nombre d'indicateurs : salaires moyens, résultats scolaires, prix de l'immobilier, temps de transport, etc...

L'application se présente comme un comparateur agrémenté d'une carte : l'usager peut choisir quels quartiers il veut comparer, et lire les données en bas de l'écran.

CLIENT...........Portland Monthly Magazine

http://bit.ly/dzE8c

● Un comparateur agrémenté de datas et de visualisation permet de mettre en valeur une gamme de produits ou de services.

● Un comparateur de ses produits, s'il est visuel et riche en données, représente un vrai service pour ses utilisateurs.

Page 20: Visualisations de données et communication

Présenter ses résultats

Page 21: Visualisations de données et communication

AMFAR GLOBAL REACH

AUTEUR.........................Kelli Anderson

Réalisée pour le rapport annuel de l'AMFAR, cette carte donne un apperçu des projets pris en charge en 2008 par cette associaton pour la recherche sur le VIH. Elle montre comment ont été déployées les ressources de l'association pour atteindre tous les régions du globe où se manifestaient des besoins précis.

En cliquant sur les points de couleur, une description du projet accompli apparait.

CLIENT ................AMFAR Aids Research

● Communiquer sur les résultats de son action en interne et/ou en externe.

● Présenter ses activités de façon originale et interactive.

http://ar.amfar.org/globalreach.html

RÉALISÉ EN .................................2010

Page 22: Visualisations de données et communication

1200 BUILDINGS

AUTEUR..................................FlinkLab

Cette carte interactive est un outil de communication de la City of Melbourne à destination des professionnels du secteur du bâtiment. L'outil interactif montre de façon visuelle les conséquences postives du plan de construction mené par la ville de Melbourne sur la reprise de l'activité et l'augmentation de la demande.

Dans chaque secteur, des curseurs et des bulles sur la carte visualisent les effets positifs. La carte propose une comparaison entre l'activité actuelle du secteur du bâtiment et celle d'il y a dix ans.

CLIENT .....................City of Melbourne

● Communiquer sur son action à destination d'un public de professionnels.

● Fournir des données lisibles et agréables à utiliser pour ses collaborateurs internes et/ou externes.

http://bit.ly/9knkK0

RÉALISÉ EN .................................2010

Page 23: Visualisations de données et communication

BAKE SALE FOR DEMOCRACY

AUTEUR..................................Stamen

Cette visualisation entend souligner le contraste entre les quelques très riches financiers du Président Bush et les centaines de milliers de petits donnateurs de ses opposants, lors de la campagne présidentielle de 2004 aux Etats-Unis.

Les membres de MoveOn organisaient des ventes de gâteaux pour soutenir le candidat John Kerry.

Cette carte zoomable montre où se sont tenues ces ventes de gâteaux.

CLIENT...................................MoveOn

● Communiquer sur ses réalisations.

● Fédérer sa communauté grâce à des outils de géolocalisation qui mettent en valeur l'action au niveau local.

http://cdn.moveonpac.org/bakesale/flash/

RÉALISÉ EN .................................2004

Page 24: Visualisations de données et communication

OKLAHOMA FY 2011 BUDGET AGREEMENT

VISUALIZED

AUTEUR.............................Paul Monies

Cette présentation interactive du futur budget de l'Oklahoma permet de se repérer visuellement dans une grande quantité de données chiffrées.

La visualisation est interactive et permet d'obtenir plus d'information en cliquant sur les bulles.

OUTIL.....................................ManyEyes

● Présenter de l'information chiffrée de façon visuelle et interactive.

● Faciliter la compréhension et la mémorisation d'ordres de grandeur considérables, à l'instar des données budgétaires.

http://bit.ly/dag4GN

RÉALISÉ EN .................................2004

Page 25: Visualisations de données et communication

Gérer la complexitéet d'importants volumes de données

Page 26: Visualisations de données et communication

LIVE TRAIN MAP FOR THE LONDON UNDERGROUND

AUTEUR..................Matthew Somerville

Cette carte montre tous les métros londoniens en temps réel. Des plans de chaque station sont accessibles au clic, ainsi qu'une fiche des horaires de passage des rames.

Cette visualisation s'appuie sur l'API TFL (Transport for London) et sur l'API Google Map.

SOURCES DES DONNÉES ...................TFL

● Fournir des services pratiques aux usagers.

● Adapter ses canaux de diffusion d'information aux nouvelles tendances du web (ici, une API pour la position des train, en temps réel)

http://bit.ly/ciPKnQ

RÉALISÉ EN ..........................Juin 2010

JOURS DE TRAVAIL........................1 jour

Page 27: Visualisations de données et communication

UOC NETWORKED KNOWLEDGE

AUTEUR.................................Bestiario

CLIENT.............................UOC Universitat Oberta de Catalunya

Le réseau de connaissance UOC est un espace d'interaction avec les contenus de l'Université Ouverte de Catalogne. Il permet d'accéder à ses principales ressources pour l'enseignement, la recherche et la dissémniation des connaissances.

Tous les contenus étant taggés, la visualisation permet de naviguer à travers les tags de façon intuitive et interactive.

RÉALISÉ EN.......................Janvier 2009

JOURS DE TRAVAIL....................30 jours

● Valoriser un gros volume de contenus en relation les uns avec les autres

● Créer une interface visuelle facilitant l'accès aux contenus.

http://net.uoc.edu/

Page 28: Visualisations de données et communication

BIODIVERSITY TREE

AUTEUR.................................Bestiario

CLIENT...............Natural Science Museum of Barcelona

Bestiario a développé une treemap zoomable qui permet d'accéder aux collections du musée en fonction de la classification des espèces animales.

Il est possible de cliquer sur les taxons pour explorer différents niveaux de précision, zommer sur eux et les réorganiser.

La visualisation renvoie vers des photos Flick'R des animaux, ou vers la base de données du musée.

RÉALISÉ EN.......................Février 2010

JOURS DE TRAVAIL...................140 jours

● Rendre claire et accessible une taxonomie complexe grâce à la visualisation.

● Faciliter l'entrée dans une masse de contenus riches.

http://arbre.bioexplora.cat/

Page 29: Visualisations de données et communication

MAPPING THE POLITICAL BLOGOSPHERE AND THE

2004 U.S. ELECTION

AUTEUR....Lada Adamic & Natalie Glance

Cette visualisation a servi à appuyer une étude sur les relations entre bloggeurs politiques américains. L'objectif de ce graph relationnel est de mettre à nue la structure des communautés libérales et conservatrices pendant la campagne présidentielle de 2004. 1 000 blogs politiques ont ainsi été cartographiés en fonction de leur positionnement idéologique.

CLIENT..............HP Labs & Blogpulse.com

http://bit.ly/9bnbks

● Cartographier un réseau de collaborateurs, une commuanuté d'utilisateurs ou un environnement concurrentiel.

● Mettre en valeur sa communauté en permettant à chaque usager de prendre conscience qu'il fait partie d'une même famille de proches d'une marque ou d'une opinion.

RÉALISÉ EN .................................2005

Page 30: Visualisations de données et communication

LIVE WHERE?

AUTEUR..................................FlinkLab

Cette application combine des données de différents services du Victorian Government en une visualisation engageante permettant d'explorer les meilleurs quartiers où vivre autour de Melbourne.

L'utilisateur peut reconfigurer la carte en fonction du temps de transport, du prix de l'immobilier, de la moyenne d'âge des habitants, de la criminalité, écoles, etc, pour voir apparaître les lieux répondant à ses critères. Au passage de la souris, des informations complémentaires apparaissent pour chaque partie de la banlieue.

CONTEXT............Concours App My State organisé par le Victorian Government

● Aggréger et délivrer un grand nombre de données microlocales de façon interactive et intelligente.

● Fournir un outil d'aide au choix, rendant service aux usagers.

http://www.flinklabs.com/projects/livewhere/

Page 31: Visualisations de données et communication

GATORADE'S SOCIAL DASHBOARD

AUTEUR........................Radian6 & IBM

La marque de boissons énergétiques Gatorade place les médias sociaux au centre de son approche marketing. Ses équipes observent en permanence des volumes considérables de données grâce à des visualisations qui se reconfigurent en temps réel.

Ces tableaux de bords représentent le nombre de tweets qui intéressent Gatorade, mais aussi les conversations sur les blogs, et des analyses d'opinion (sentiment analysis) autour des thématiques importantes pour la marque.

CLIENT ................................Gatorade

● Concevoir une interface facile à utiliser et à interpréter pour visualiser de nombreuses données marketing.

● Délivrer de l'information en temps réel.

http://bit.ly/bfP2OG

Page 32: Visualisations de données et communication

EXPLORE OREGON

AUTEUR...........................Instrument & Wieden+Kennedy

Ce gadget Google permet aux utilisateurs de rechercher des activités dans l'Etat d'Oregon, en utilisant une base de données déjà constituée. L'outil géolocalise les activités et fournit des informations additionnelles.

L'outil de cartographie permet aux usagers de se situer et de prévoir des trajets.

Cette application constitue une possibilité supplémentaire d'interagir avec la vaste offre de services et d'activités dans cet Etat.

CLIENT ..........................Travel Oregon

● Délivrer un service pratique à ses usagers.

● Rendre accessible ses infrastructures ou ses services par une application de géo-localisation.

http://bit.ly/b4hZ7W

RÉALISÉ EN .....................Octobre 2007

Page 33: Visualisations de données et communication

CHROME PROJECT

AUTEUR..............................Instrument

L'agence de web-design Instrument a développé une série de concepts de visualisation de données pour Google. Ces modèles d'interfaces agrègent et de visualisent le buzz média en ligne à travers différentes variables.

A partir de données issues, par exemple, de Google Analytics, les visualisations permettent aux usagers d'explorer les relations entre les blogs, les médias sociaux et les médias traditionnels au cours du temps.

CLIENT ...................................Google

● Réaliser une interface visuelle pour rendre compréhensibles des données très riches.

● Personnaliser son univers de web analytics.

http://bit.ly/2mJDFP

RÉALISÉ EN .................................2010

Page 34: Visualisations de données et communication

Se différencier

Page 35: Visualisations de données et communication

WEB TREND MAP

AUTEUR..............Information Architects

Cette carte des tendances du Web, calquée sur le plan de métro de Tokyo, a d'abord été pensée comme un cadeau de fin d'année que l'agence japonaise Information Architects comptait offrir à ses clients sous forme de poster. Elle est par la suite devenu une publication annuelle, rencontrant un grand succès sur le web.

La carte de 2009 représente ainsi les 333 sites les plus influents et les 111 personnes les plus importantes sur le Web.

http://bit.ly/2AMOWA

● Communiquer sur sa stratégie, ses projets ou la structure de son entreprise de façon originale, à destination de publics internes ou externes.

● Renforcer l'adhésion à un projet ou à une stratégie en en soulignant la cohérence grâce à une représentation graphique.

RÉALISÉ EN .................................2009

Page 36: Visualisations de données et communication

AMGEN TOUR OF CALIFORNIA

AUTEUR..................................Stamen

Cette interface a été réalisée pour la couverture live d'une course cycliste en Californie. Elle associe un fil de dépêche, une Google map, des vidéos, des classements et de la visualisation de données, mis à jour en continu.

CLIENT......................................Adobe

● Accroître l'ampleur d'un événement sponsorisé.

● Organiser la diffusion de ses informations de façon originale et appropriée.

http://www.amgentourofcalifornia.com/tourtracker.html

Page 37: Visualisations de données et communication

DON'T BE UGLY BY ACCIDENT!

AUTEUR................................OkTrends

Le site de rencontre OkCupid a réalisé une large analyse statistique à partir des données recueillies lors d'un sondage portant sur les photos postées sur les fiches de ses membres.

L'étude recoupe les caractéristiques techniques des photographies : appareil, flash, profondeur de champ, heure de la prise de vue, etc., et l'attractivité de la personne représentée sur la photo aux yeux des membres de OkCupid, et en tire des conclusions passionnantes sur la meilleure luminosité ou la meilleure focale pour paraître séduisant.

http://bit.ly/czjvur

● Se faire connaître du grand public en publiant une étude sur ce que ses données interne révèlent des us et coutumes de son public.

● Suprendre et faire naître le buzz par un storytelling innovant de données internes.

CLIENT .................................OkCupid

RÉALISÉ EN .................................2010