New York : une carte des souvenirs interactive

Vos souvenirs dans la ville de New York… cette carte interactive propose une sélection de témoignages et d’histoires dans la Big Apple. En orange les histoires racontées par les auteurs, en bleu les histoires confiées par les internautes. Bon, ok, le design est vraiment cheap, mais l’idée n’est pas mauvaise, d’autant que certains témoignages sont reliés et nous permettent de suivre des circuits thématiques (sur l’immigration porto-ricaine par exemple).

… Voir la carte

Carte postale indienne

Explorer l’Inde juste avec des sons et des images. C’est ce que propose le Washington Post avec ce petit webdocu, assez basique mais efficace. Photos, vidéos et musique viennent créer une ambiance, celle de Bombay, celle de Delhi, etc. Un petit regret : la qualité d’encodage. Il n’en faudrait pas beaucoup plus pour avoir un rendu bien meilleur et plus pro.

Niveau navigation, on peut soit passer par la carte, soit par les images pour atteindre une ville. Ensuite, on navigue entre les vidéos en dessous des vignettes ou grâce au menu déroulant, à droite de l’écran.

… Voir le webdocu

Suivez l’évolution de la marée noire dans le Golfe du Mexique

Pour suivre l’évolution de la marée noire, suite à l’explosion de la plateforme Deepwater Horizon, dans le Golfe du Mexique, de nombreux sites ont proposé des cartes. Encore une fois, c’est l’infographie du NYT qui retiendra notre attention… Du 22 avril au 23 mai, les données sont disponibles, avec l’évolution de la nappe, son déplacement, mais aussi la quantité totale (estimée) de pétrole déversé dans la mer, comparé avec la catastrophe de l’Exxon Valdez.

Ce qui est particulièrement intéressant, c’est la possibilité de cliquer sur “play” et de voir ainsi défiler l’infographie animée.

… Voir l’infographie

La Gran Via madrilène : un multimédia exemplaire sur elmundo.es

J’ai souvent tendance à oublier que les sites d’actu espagnols sont impliqués depuis très longtemps dans la création multimédia, ayant l’habitude de n’aller chercher chez eux que les infographies animées, dont ils sont les leaders mondiaux incontestés (avec le Malofiej en point d’orgue, la grand messe de l’infographie mondiale).

A l’occasion des 100 ans de la Via, elmundo.es se penche donc sur l’histoire et les caractéristiques de cette rue célèbre. Le traitement est un exemple parfait d’intégration multimédia pleine page, contrairement aux webdocus que l’on a souvent l’habitude de voir enfermés dans des players. C’est un mini site, en quelques sortes, intégrant vidéos, infographies, cartographies, et surtout de superbes photos panoramiques (de type sphériques, dans lesquelles on peut naviguer partout) de Luis Davilla. J’ai été particulièrement impressionné par le “dépliage” des photos à partir de la photo sphérique. Je connais le QTVR depuis longtemps et c’est la première fois que je vois cette méthode utilisée.

Sans doute une fonctionnalité du “stitcher” pour flash qui a été utilisé : Krpano“

… voir le multimédia

Haïti, avant/après selon le Spiegel

Vous vous souvenez, il y a quelques mois, à l’occasion des commémoration de la chute du mur de Berlin, le NYT avait innové en créant un système de coulisses interactives sur photos, permettant de visualiser clairement certains lieux, à 20 ans d’intervale. Ça donnait ça.

Tout récemment, on l’avait raté, le Spiegel Online reprenait très exactement le même principe, mais avec les photos satellites de Google Eart et de Digital Globe, pour le tremblement de terre en Haïti.

… voir les photos de Spiegel Online

Agences de presse et multimédia : y’a encore du boulot…

Depuis toujours, les agences de presse ont fait du multimédia. Dans la lignée des représentations infographiques auxquelles elles sont habituées depuis toujours, elles ont pris le tournant de l’interactivité et de l’animation il y a fort longtemps pour leurs infographies.

J’en vois régulièrement passer, sans beaucoup d’enthousiasme. Sur Interactive Narrative, tout récemment, j’en vois une qui s’est vu octroyée un Bronze aux Malofiej 2010, dans je ne sais quelle catégorie. C’est un gros multimédia sur les 40 ans d’Apollo 11, typique du style d’AP qui en est le créateur. Tout rempli de vidéos, de modélisations 3D, d’infographies riches… Respect pour tout ce travail superbement documenté.

Mais comme souvent quand je tombe sur cet exercice particulier qui est celui des agences dans ce domaine, je suis déçu. Pourquoi ?

Tout d’abord, la taille du gabarit, ridicule et incompréhensible : tous les sites de news accueillent aujourd’hui des tailles bien plus importantes. On est resté à la taille en vigueur il y a 10 ans. Ensuite, l’absence de perspective : tous les médias sont un peu donnés en vrac, sans organisation narrative. On est dans une encyclopédie. Enfin, le caractère rudimentaire du design, enfermé dans une charte trop rigoureuse, complètement neutre… La encore, ce choix est frustrant. Un peu de style, ca ne fait jamais de mal… Je veux bien entendre le fait que ces animations sont destinées à de multiples supports, mais n’est-il pas préférable d’avoir un design original pour de multiple support que pas de design du tout ?

86 ans de médailles olympiques

Un panorama visuel des médailles obtenues pour les jeux olympiques d’hiver, sur les 86 dernières années. Principe de patates anamorphiques, sur une timeline horizontale. Le même système a plusieurs fois été utilisé par le New York Times, dont l’excellente carte de l’immigration depuis 1880.

… voir l’infographie

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

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

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…

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