Accueil » Les formats de données » Recent Articles:

Comment Associated Press couvre les élections irakiennes en multimédia

A l’occasion des élections parlementaires irakiennes, l’Agence Associated Press nous offre un panorama très détaillé sur le sujet. Une vidéo analytique, une chronologie depuis la guerre de 2003, un descriptif du processus électoral, des groupes politiques en présence, un mini documentaire (d’une qualité supérieure à la vidéo d’intro) sur quelques témoins, et enfin, les résultats.

Très complet donc, en effet. Comme pour les autres produits réalisés par les agences (Reuters, AFP), le player est un peu petit et le design trop neutre. Mais comme ce multimédia est destiné à être embeddé dans des pages de sites d’actus, j’imagine que cette aridité est le prix à payer pour une ditribution transversale.


… voir le multimédia


Le taux de chômage en France depuis 1982

Département par département, ou sur la France entière, ce visuel interactif du Monde.fr permet de visualiser l’évolution du taux de chômage. La carte générale permet de comparer les départements, le graphique sur la droite montre l’évolution, et un rapide texte décrit la situation de chaque région.


Particulièrement intéressante, une option permet de faire lire l’ensemble du taux de chômage. Concrètement, on voit défiler, depuis 1982, les différents taux, et surtout, les différentes couleurs, suivant le pourcentage de chômeurs. Grâce à cette fonctionnalité, on prend mieux en compte l’évolution.

… voir le visuel interactif

Instantanés de Provence : bientôt les vacances !

Magnifique réalisation de l’agence Uzik au profit du Comité Départemental du Tourisme des Bouches du Rhône pour ce site dédié à la provence.
Les appels d’offres des institutions locales/régionales sont fréquents. Tous les ans, des budgets colossaux sont distribués par les collectivités pour refondre, refaire, ou inventer de nouveaux moyens de communiquer.
Pour avoir travaillé dans de nombreuses agences qui raflent ces budgets, je sais que le résultat est souvent plat et institutionnel, et souvent à l’image des responsables de la communication locaux. La, je ne sais pas comment on en est arrivé la, mais il semblerait qu’une conjonction astrologique extraordinaire ait oeuvré dans le bon sens. Car on est vraiment sous le charme de ce site atypique de présentation touristique.

D’un côté du site, vous avez une molette “pneumatique” (je ne sais pas comment décrire ce mode de navigation) qui vous fait naviguer sur un fond de carte élégant avec une trame de dessin industriel du meilleur effet et un nuancier de couleurs régionales (ocres/oranges).
La navigation est multimédia, au sens originel : une ambiance sonore contextuelle illustre chaque lieu, et il est possible de filtrer : photos ou vidéos, pour accéder aux photos de Thomas Duval, le photographe commandité pour l’opération.

D’un autre côté, un système de mosaïques et un filtre thématique régional ou “tribal” (épicurien, écolos, mer, seniors…), qui renvoient à des contenus vidéos ou photos. Un système de panier permet de centraliser vos médias favoris et d’y effectuer une recherche.

Le style général est la marque d’une direction artistique très tendance : finesse des pictogrammes, raffinement des effets de transition, trames de fonds lignées, texturées, intégration flash très fluide, pratiquement invisible, typos “bitmap” pour une lisibilité optimale, malgré le fond gris…

Pour les vidéos, même constat, l’effet de “minaturisation” que permet des flous de profondeurs de champs artificiels, associés au stop-motion est très réussi. On voit ce genre d’effets depuis peu sur de nombreux sites dédiés à la photo.

Une seule question, même si j’entrevois la réponse : pourquoi cette ouverture en popup pour chaque rubrique ? Cela casse un peu la navigation.
Ce site exceptionnel a été primé par un “site of the day” de FWA.

…voir le site

“What is information ?”

A l’origine de Maya, il y a un théoricien de l’informatique, un psychologue cogniticien et un designer industriel.  Un curieux mélange qui donne une société experte dans les nouvelles technologies appliquée à  l’information. Depuis 3 ans, au compte- goutte, Maya réalise quelques petites vidéos, 3 à ce jour, à partir de représentations infographiques simples et percutantes. Ce genre de l’infographie narrative, vous l’avez peut être déjà vu dans le projet “The crisis of credits visualized” ou dans le “Stop the big brother state“, 2 exemples types. Le lancement de la troisième vidéo de Maya «Trillions » me donne ici l’occasion d’en parler.


… voir “Information”

…voir “Architecture”

… voir  ”Trillions” (attention, beaucoup plus ardu que les 2 précédents)

 

Les JO de Vancouver sur une carte

16 February 2010 Cartographie Pas de commentaire

Le New York Times (et oui, encore lui), propose une carte localisant les principales épreuves des JO de Vancouver, avec animations 3D. Pas mal quand on n’est pas spécialiste de la géographie canadienne.

Autre avantage, on peut cliquer sur les lieux pour “aller plus loin”, changer l’angle de vue, apprécier le relief, visualiser les pistes… Et surtout, on accède à des petits diaporamas photos, assez brefs, mais qui donnent des éléments sur l’épreuve et sur les favoris. Tout est rassemblé et accessible en quelques clics.

… Voir la carte

Un autre avenir de la presse ?

A l’heure où l’ipad déçoit et où les organes de presse web lorgnent vers les devices mobiles (en se disant que la enfin ils pourront monétiser leur offre sans polémique), voila une vidéo qui présente un concept de reader plutôt bien fagoté. Les webdesigners en puissance que nous sommes tous seront sensibles à la qualité du concept. Enfin un support qui fait la part belle au design. Enfin un vision réjouissante, avec un vrai travail de structure et d’intégration des médias fondés sur une vraie maquette. C’est beau.

Mais on se demande où est le multimédia dans tout ça. Au final une simple adaptation de ce qui existe sur le papier sans innovation autre que la mobilité  et quelques trucs de navigation ? Avant même le lancement de readers digne de ce nom, cette initiative de Bonnier, opérateur de presse suédois, est tout de même très enthousiasmante.

PIB: L’indice humain de la crise économique au Canada

Un récit par jour. Le Webdocu canadien “PIB, l’indice humain de la crise économique canadienne” veut dresser le portrait de la crise que traverse ses concitoyens. Jusqu’en septembre 2010, l’Office national du film du Canada (ONF) tentera de mettre des visages sur la crise.

Le projet qui comptera à terme 250 vidéos complétés par d’autres éléments sonores, photographiques et textuels s’appuie sur une solide navigation, en deux principes. D’un côté une carte, qui recensent films, essais photographiques et commentaires sur laquelle on peut également naviguer de façon chronologique, de l’autre les thématiques, qui mettent en lien les contenus déjà publiés sur le site.

A noter, qu’en plus, Canada oblige, le projet a été développé en deux langues, français et anglais. Et puis petit coup de coeur pour le player photos/sons : il est possible d’accéder à une mosaïque de toutes les images, ou à la version “film”. Pas mal.

… voir le webdocu

… le suivre sur Twitter

Effective Tax Rate. 70 ans de simulation fiscale

10 February 2010 infographies Pas de commentaire

Un bel exercice de simulation réalisé par USA Today, dont on voit de plus en plus de réalisations multimédias depuis quelques mois. Sur une période de 70 ans, ce sont toutes les ponctions réalisées par l’Etat américain pour un salaire donné, pour un particulier (que vous définissez vous même). Où vous apprenez que les taxations n’ont jamais été aussi grandes qu’en 1980 sur les gros salaires (50% pour les plus de 200 000 $), et que la stabilité pour les salaires médians est remarquable sur un siècle (20%).  Chaque participation fiscale est détaillée, décomposée en postes significatifs : défense, santé, Medicare, agriculture…

.

… voir l’infographie

.

 

.

Une guerre de l’eau… interactive s’il vous plaît…

9 February 2010 Cartographie 1 commentaire

175 reportages, 362 questions et 900 réponses. Le Centre Pulitzer propose un documentaire interactif alimenté par ses reporters et complété par des étudiants et des professeurs. Chacun peut ainsi proposer son reportage, qui rejoindra celui des journalistes de l’équipe. Pour retrouver les différents éléments, une Google Map permet de localiser les reportages.

Dommage que la navigation soit aussi peu souple. Certes, pour pouvoir avoir de l’interactivité, il faut une page par sujet ou par texte, mais là, on se perd dans les liens vers les articles ou les vidéos… Sans compter que c’est assez lourd à charger !

A noter que le Centre Pulitzer a développé le projet sur d’autres thématiques comme le changement climatique, la situation des femmes et des enfants dans les pays en crise ou encore l’insécurité alimentaire.

… voir le site

Le New York Times réinvente Netvibes (en feedant ses propres articles)

Le voila donc le “skimmer” (”écumeur” ?) que le nyt avait en prototype depuis un an, et qui leur semble sufisamment stable et fiable pour avoir son propre répertoire sur le site. Une interface dédiée, qui permet de naviguer dans les articles et les blogs du site. 7 manières de présenter ces infos, 14 rubriques et les choix des lecteurs, ainsi qu’une liste de topics, modifiées selon les sujets du site.
On est bel et bien au Nyt, il n’y a pas de doute. Le “look and feel” y est, avec cet aspect un peu vieillot que peut avoir le site lui même, dont la maquette a très peu évoluée depuis 10 ans. Pour les habitués de Netvibes ou de readers/aggrégateurs plus originaux comme Newsmap, Digg, ou Spectra, rien de bien original. Mais la simplicité et la rapidité de la navigation sont sans doute au prix de cette épure fonctionnelle.

… voir le nyt skimmer

Le budget d’Obama en une infographie

Chaque année, le président américain présente son budget, chaque année se pose la question de la représentation de ces chiffres. Evidemment, on peut choisir le traditionnel camembert, vite illisible en raison du nombre d’informations à mettre en ligne. Le New York Times a opté pour une autre forme de visualisation, une infographie avec des “aires” pour représenter les différentes rubriques du buget. C’est un format régulièrement utilisé par le site du quotidien américain. On vous en avait déjà parlé là.

Dans cette infographie-ci, pas de time line, car la comparaison s’effectue juste entre le budget 2010 et le budget 2011. Pour montrer l’évolution, le NYT a choisi de différencier les couleurs (Plus c’est vert sombre plus les sommes allouées à un domaine ont augmenté, plus c’est rouge sombre plus elles ont diminué). En survolant les zones avec sa souris, les données exactes apparaissent. Enfin, le bouton “Hide Mandatory Spending” permet de “griser” les budgets dont le montant est défini par la loi, afin de voir là où le président avait vraiment un impact. Simple mais efficace.

… voir l’infographie

Mais où sont passées les neiges du Kilimandjaro ?

Une initiative originale, avec une tripotée d’artistes et de “celebs” américains, dont la très jolie Jessica Biel. Une petite grimpette de quelques jours sur un sommet africain. On a peu entendu parler de l’événement chez nous (il vient juste de s’achever). Sans doute une mauvaise communication. Le sujet est la fonte des neiges, et particulièrement celles du Mont Kilimandjaro, qui bientôt ne seront plus, au grand dam de tous ces touristes qui prennent l’avion par milliers pour venir les voir.

En tous cas, si le viral n’a pas fait son travail, les designers / developpeurs qui ont réalisé le site eux, ont bien bossés. Pour réaliser une interface très léchée (trop ?) avec une débauche d’effets 3D.

Des cubes en rotation recomposent de nouveaux écrans par chapitre, le Mont est modélisé en 3D et draggable manuellement pour le faire tourner. Le style “tableau de bord” est plutôt réussi et fournit une flopée d’informations. Un système d’ancres dynamiques vous fait littéralement monter au sommet du Kilimandjaro, à partir du “Base Camp”

Bon, de temps en temps on a la mauvaise surprise de voir ces cubes que je trouve si admirables se remettre en place pour composer un écran de pub. C’est HP qui sponsorise l’opération avec la Fondation des Nations Unies, et ils ne s’en cachent pas.

Si vous réussissez à voir la dernière vidéo, qui est en .f4v, un choix discutable… vous verrez Jessica Biel qui reste sans voix d’avoir tant marché, avec un 4X4 juste derrière… Amusant ou déprimant, à vous de dire.


… voir summitonthesummit


Une journée dans la vie du New York Times

Une journée du NYT, comprimée en 2 vidéos de moins de 2 minutes, qui montrent les lieux de consultation du site, sur le web et sur les mobiles. Une nouvelle expérimentation de visualisation de données, parfaitement réalisée par le Labo R&D du Times. Une spécialité du site. On aimerait bien voir arriver la même chose sur nos sites européens. Gratuit, mais tellement impressionnant !

… voir les videos

Digg that !

Pour Noël, les magiciens du lab de Digg nous ont gâtés : un tout nouveau système de visualisation des feeds du site, sous forme de système solaire. Après avoir déjà fait sensation avec leurs classements en arc, en piles et en plateaux, les revoilà avec un système satellitaire vraiment très bien réalisé. Hélas, ce tout nouveau modèle n’est pas récupérable en screensaver, comme ses petits frères (tentez-les sur votre ordinateur, par curiosité, c’est très impressionnant).

… voir 365

… tous les produits du lab

L.A. connections

29 December 2009 Cartographie, vidéos 1 commentaire

C’est en traînant sur les nominés des webby awards 2009 (attribués en juin dernier) que je suis tombé sur ICU, le projet du LA Times.  Le projet est simple : extraire les histoires cachées dans la rubrique “missed connections” de Craigslists. Le résultat : de petite vidéos de 1 à 2 minutes d’Angelins qui témoignent de leurs expériences, plus ou moins réussies, de rencontres anodines ou signifiantes. Derrière la caméra, Katy Newton, une intervenante régulière du LA Times, dont vous avez peut être vu le “Mexico under siege” ou le “not just a number“, remarqués en 2007 et 2008. Un bon exemple de ce que le journalisme multimédia peut donner, et le genre de profil que l’on n’a pas encore sur notre vieux continent.

En parallèle de ces pépites vidéos, une carte locale, réalisée à partir des données du recensement de 2000, qui vous permet de savoir où il y a le plus de célibataires dans la région, par classe d’âge. Utile non ?

… voir ICU

Copenhague: une carte pour voir les photos de manif’

C’est un outil proposé par Flick’r : le “géottagage” des photographies. En clair, on les localise, notamment quand on les envoie par téléphone portable. Le site de partage de photographies les place ensuite sur une carte, qui permet de centraliser toutes les images d’un lieu prises par ses utilisateurs.

En temps normal, ça a un aspect plutôt touristique : des façades, des monuments… Mais pour le sommet de Copenhague, de nombreux internautes ont utilisé leurs mobiles pour photographier la manifestation. Résultat : en sélectionnant les photos “les plus récentes” sur l’interface, on tombe sur les photos des défilés, rue par rue.

… voir la carte (cliquez sur “tri par date : Récent”)

A lire aussi, sur le même sujet : notre dossier sur les formats multimédias utilisés pour Copenhague et les questions climatiques

Scénarios climatiques : ce qu’on peut changer

11 December 2009 Cartographie Pas de commentaire

10 témoignages de l’impact du réchauffement climatique sur notre environnement. Inondations, désertification, montée des eaux, fonte des glaces, en 10 vidéos sur des changements déjà constatés, la scène est posée. En regard, 10 spécialistes climatologues et scientifiques évoquent les scénarios possibles et les réponses éventuelles. Une cartographie synthétique pour un bilan d’étape, alors que vient de commencer le Sommet de Copenhague.


… voir la carte


De Moby Dick à Jack Kerouac

10 December 2009 infographies Pas de commentaire

23 voyages célèbres, de la route de la soie au road trip de Kerouac, sur une mappemonde. Une infographie simple, sur le principe du “pas à pas”. Un survol, pas très multimédia mais instructif tout de même.

… voir l’infographie

Spectra, un player de news de plus

Je connaissais le Newsmap, qui permet un classement de feed d’infos thématiquement, par couleur, et je suis tombé par hasard sur un autre système il y a peu, réalisé par msnbc. Il semblerait que le produit ne soit pas nouveau car copyrighté de 2008. On peu se poser la question de la valeur d’usage de ce genre de présentation, un peu trop animé à mon goût. Mais on peut aussi saluer l’exercice, vraiment bien réalisé, et qui est une formulation intéressante du classement d’infos. Moi qui ai pour conviction que les interfaces en volumes vont se populariser, en voila un bon exemple.


… voir spectra


En attendant le BIG ONE…

Le sujet est sérieux mais le traitement plutôt amusant.

6 panneaux pour découvrir les comportements à adopter dans le cas d’un tremblement de terre, simplement scénarisé, avec une multitude de “hotspots” par panneau, pour découvrir les écueils à éviter selon divers cas de figure : à la plage, au bureau, dans son lit, dans le métro…

Les illustrations sont dans un style filaire typique des modes d’emplois et animées avec humour.

Si vous avez planifié un petit voyage dans le coin, il vaut toujours mieux être informé.

… voir l’infographie

AdvertisementAdvertisementAdvertisementAdvertisement
AdvertisementAdvertisementAdvertisementAdvertisement
AdvertisementAdvertisementAdvertisementAdvertisement

INFOGRAPHIES

“What is information ?”

February 23, 2010

“What is information ?”

A l’origine de Maya, il y a un théoricien de l’informatique, un psychologue cogniticien et un designer industriel. Un curieux mélange qui donne une société experte dans les nouvelles technologies appliquée à l’information.

Effective Tax Rate. 70 ans de simulation fiscale

February 10, 2010

Effective Tax Rate. 70 ans de simulation fiscale

Un bel exercice de simulation réalisé par USA Today, dont on voit de plus en plus de réalisations multimédias depuis quelques mois.


Le budget d’Obama en une infographie

February 4, 2010

Le budget d’Obama en une infographie

Chaque année, le président américain présente son budget, chaque année se pose la question de la représentation de ces chiffres…


AdvertisementAdvertisementAdvertisementAdvertisement
AdvertisementAdvertisementAdvertisementAdvertisement