Première rencontre

J’avais pu faire connaissance de Raphaël lors de ma collaboration pour le site internet du Point, en 2008. Nous anticipions l’arrivée d’un journalisme d’un genre nouveau, moins textuel et plus visuel. Il n’en fallait pas davantage pour que Raphaël manifeste son voeu d’aller sur le terrain. Il resta difficile d’organiser une rédaction internet dans ce sens, avec 10 journalistes web souvent bien plus appliqués à mettre du contenu facile à indexer sur les moteurs de recherche afin de maximiser l’audience du jeune site. Les occasions de mettre une vidéo auto-produite sur le site du Point.fr se faisaient donc plutôt rares, bien qu’elles aient toutes été couronnées de succès, avec des vidéos à forte visibilité. Raphaël n’en démord pas, sa patience et son insistance seront récompensées.

Son voeu fut donc exaucé un an plus tard, avec cette opportunité de créer son web-documentaire. Mais avec plus d’une centaine de témoignages de victimes de conflits armés ou idéologiques, l’équipe réalise qu’une grande quantité d’informations conviendrait mieux pour un format de documentaire vidéo plus classique. Le web-documentaire en prend un peu pour son grade, mais qu’importe : le plus important ici est de réaliser à quel point il est reste important de penser à plusieurs formats au lieu d’un seul.

J’ai pu partir à sa rencontre ce weekend à Xi’an, dans la province du Shaanxi. Morceaux choisis de notre rencontre.

L’après Hiroshima

Alors que son trajet arrive bientôt à son terme, viendra un long travail pour Raphaël, l’équipe de production FatCat Films (avec Pierre Zandrowicz et Antoine Cayrol) et Mediastroika (avec Grégory Dominé). Au programme de ces prochains mois : traduction et montage. Est prévu pour 2011 la sortie du site internet vidéo dédié, qui présentera cartes, photos et récits que nous vous présenterons ici.. Viendra aussi le temps de réfléchir à une possible distribution de contenus exclusif pour un média : Site d’information traditionnel, pur player, ou encore chaine de télévision… toutes les possibilités sont envisagées pour trouver le meilleur moyer de monétiser le documentaire. En attendant, le projet est co-financé par amis, fans ou autres journalistes… et par tous ceux et celles qui veulent soutenir le projet.

Pour en savoir plus :
➜ Paroles de Conflits : Galerie photos de l’étape à Xi’an (Flickr)
➜ Paroles de Conflits : Exemple de crowdfunding appliqué au journalisme (Owni)
➜ Paroles de Conflits : Le blog (Webdocu.fr)

L’histoire: Elle retrace l’aventure d’une forte personnalité au milieu du désert et d’un village en plein far-west… Une image non sans rappeler le monde impitoyable qui se déroule ces derniers mois entre les navigateurs internet, tous menacés d’une très lointaine mais probable extinction.

Le principe de fonctionnement : On navigue dans une bande dessinée animée, où chaque élément (bulle, personnage, effet) est disposé sur un niveau de profondeur différent, ce qui augmente l’effet du scrolling parallaxe.

Outre les aspects techniques, parfaitement maitrisés (et pas seulement pour Internet Explorer 9) de la gestion des Font-Face, SVG, CSS3, et contenu éditable.
Le module de création de bulles de BD interactive est juste magnifiquement réalisé, je vous invite à le tester sur Internet Explorer 6 sur un navigateur récent.

Bref, c’est à voir ici, sur le site Never Mind the Bullets.

Florilège de réactions :
➜ New York Times — “iPad un nouveau style d’informatique entre le smartphone et l’ordinateur portable”,
➜ Owni — Apple iPad : analyse d’une déception logique”,
➜ Steve Nagata, Mobile in Japan — “iPad in Japan: First Impressions of the new addition”,
➜ J-C Féraud — “Le fol espoir de la presse vis à vis de l’iPad après 10 ans d’inertie m’agace.”

Mon post n’a pas vertu à décortiquer toutes les descriptions et fonctionnalités, mais à se concentrer sur celles qui concernent nos medias. Après l’excellente prestation du New York Times, qui a eu l’exclusivité pour préparer une application spécifique pour la tablette iPad, une course contre la montre va certainement s’engager entre les médias qui ont pris le parti de déployer leur contenus sur diverses plateformes. Car les medias attendaient beaucoup d’Apple.

L’iPad, le support que les medias attendaient. La balle est maintenant dans le camp des médias. Que peut-on espérer des médias d’information qui ont déjà pris le ‘pari’ du digital ?

À court terme

Les medias ayant déjà pensé et conçu une application iPhone ont une longueur d’avance. En quoi ?

• Ils ont déjà les ressources, les connaissances du support ‘touch’, qui permettent de maitriser et exploiter toutes les fonctionnalités ergonomiques de la tablette. Ayant fait sous-traiter, ou internaliser la production de leur application iPhone, ils connaissent déjà les outils et langages de programmation.
• lls ont déjà commercialisé des applications payantes et ont habitué leur lecteurs à payer 0,79, 3, ou 5€ pour obtenir une information sous un support dédié. Le freemium, nouvelle tendance 2010 des acteurs de la presse en ligne, peut également se déployer sur les applications iPad.

Leur avance reste relativement faible. Car un simple resizing de leur application iPhone sera loin de garantir le succès et la popularité de leur application. Même à court terme, les utilisateurs précoces, ces early adopters, seront d’aucune pitié avec le journal, chaine de télévision ou radio qui commettra tel sacrilège. Même punition pour les sites web qui diffuseront une version RSS+ de leur flux d’information.

À court terme, la presse peut imaginer offrir un copier-coller de leur édition papier, avec un paiement a la carte, des formules d’abonnement. Je n’entre pas dans le débat de savoir si ce genre de commercialisation aura pour effet de “tuer le papier”. À court terme, cela ne suffira pas non plus. Il faudra offrir toute l’interactivité sur ces PDF premium, avec au moins, comme nous l’avons vu lors de la Keynote, de vidéos ‘inline’, des liens de page à page, etc. L’intéret d’utiliser des plateformes video qui pourront afficher ces vidéos sera crucial. Idem pour les sons et les elements dits multimédias. Les infographies Flash vont valser des bureaux d’infographies. La réalité est que peu de rédactions disposent d’un système d’information capable de créer ce genre de support. Ils devront donc repasser par une compétence journalistique, de manière à doper la contextualisation des articles, pour avoir un réel intérêt pour les lecteurs.

À moyen terme

Si la promesse du freemium permet de générer suffisamment de budget de développement, les investissements de création de contenus exclusifs pourront se développer sur l’iPad, d’une manière ou d’une autre. Ce sera pour nous tous un nouveau territoire interactif à parcourir. Nouveau territoire de création pour les designers d’information, de contenus multimédias, nouveau territoire de consommation d’info.

Photos, capture prises lors des live Engadget, Gizmodo et Gdgt

Google avait besoin de se refaire une image un peu moins diabolique. Il le réussit au niveau du reste du monde, en débloquant les fonctions de filtrage sur le site Google.cn, un sacré bras d’honneur non seulement au gouvernement Chinois, mais aussi à tous ceux qui ne croyait pas Google capable d’un tel geste. Cette capture d’écran de Google, prise vers 11h, heure locale, est en elle-même un événement, celle-ci présente les images du massacre de Tiananmen.

Ou encore cette image du Dalai Lama en grand sur les resultats de Google, représentant bandit considéré comme illégal en Chine.

La réaction politique à cette annonce va être singulièrement étonnante… Elle peut aboutir à des négociations, ou à un simple blocage du site dans les prochaines heures, blocage qui signifiera la fin certaine des activités de Google en Chine.

Pendant ce temps, en France….
Alors que la France s’agite contre Google et son hégémonie culturelle et financière, accusée de détourner la valeur de son créateur vers son diffuseur et ainsi ruiner les modèles économiques existants, ce signal du départ sonne comme un avertissement à tous les pays tentant de barrer la route de manière trop sévère… notamment avec cette taxe surnommée “Taxe Google”. Globalement les “gardes rouges” chinois espionnant les sociétés étrangères basées en Chine ne sont peut être pas aussi différents que des parlementaires. Les deux s’attaquent au portefeuilles au nom de valeurs “morales”.

Il également possible de suivre Oi sur son fil Twitter.

J’aime bien TeuxDeux.com, un outil conçue by Swissmiss, une agence New Yorkaise, et batie par Fictive Kin et de fervents fan de la grille de mise en page.

L’outil est concu pour vous permettre d’écrire une information qui vous passe par la tete. Attention, si vous etes comme moi, cela veut dire que cette information ne va durer que quelques secondes dans votre tete, au dela, il sera trop tard. Il faut donc une interface conçue pour vous ‘libérer’ l’esprit, en un instant. Vient la deuxième étape, la lecture du calendrier. Car c’est fort inutile de vider ses pensées si vous n’allez pas ensuite les relire. Et là, tout reste encore absolument élégant et reposant. Vous vous sentirez capable de réaliser ce que vous pensez. C’est pour cela que j’adore cet outil.

Ce qu’il est :

• Un pense bete,
• Une simplicité enfantine,
• Une mise en page sublime,
• Un voyage paisible dans le temps.

Ce qu’il n’est pas :

• Un nieme réseau social,
• Un outil de gestion collaborative (à moins bien sur que vous partagiez le meme mot de passe),
• Une interface qui pose de questions,

Ce qu’il me rappelle :

• Oddpost, un client de messagerie qui fut simple, d’une élégance certaine.

J’ai donné mes impressions, à vous de donner les votres.

Twitter : @FictiveCameron

C’est quoi le real-time web ?

L’information en temps réel. En fait, pour l’instant seul compte votre identité, l’heure. Avec l’avènement des puces GPS un peu partout, ainsi qu’à la triangulation des antennes pour réseaux mobiles, on en vient de plus en plus à géolocaliser cette information.

Comment en sommes-nous arrivés au real-time web ?

Depuis la fin des années 90, les status sur Msn Messenger permettaient de décrire si vous étiez occupés, de sortie, ou tout simplement… déconnectés. Désormais, nombre d’acteurs se déchirent pour obtenir vos dernières occupations (Facebook, Twitter etc.). La finalité est de connaitre le moindre de vos activités.

Tant d’utilisateurs que ça ?

250 millions d’utilisateurs de Facebook, la question ne se pose plus. Pour l’instant, la vaste majorité des utilisateurs restent relativement discrets, prudents et “timides” quant à tout raconter. Mais rassurons-nous, les marques et les services nous “aident”, “incitent” à en faire un usage plus fréquent. La solution ? Transformer cette activité en plaisir, favoriser les automatismes et les liens entre les différents services : Last.fm enregistre automatiquement les chansons que vous écoutez le plus souvent, Twitter incite ses utilisateurs à retweeter ses contacts, rassemble les listes, Youtube et Facebook sont liés par le système Autoshare.

La fin des blogs ?

Une mutation est en cours, les blogs ne peuvent aujourd’hui se contenter de partager des liens ou des trouvailles ‘embeddables’, puis de proposer aux lecteurs de commenter. Car l’essentiel de la valeur ajoutée que les blogs ont construit, la conversation, se trouve désormais sur les réseaux sociaux. La mutation s’opère sur une réintégration de la conversation issue des Tweets sur les blogs, et vers une variété de blogs appelés ‘blogazines’, contraction de ‘blog’ et ‘magazine’, qui se caractérise par des posts moins fréquents mais plus conséquents et visuellement plus attrayants.

La fin du moteur de recherche ?

Pas tout à fait. Google s’adapte également, proposant d’inserer les résultats des microblogs sur les résultats google.

On se retrouvera à l’occasion de nombreuses festivités, et parmi celles-ci, celle de la grand messe du 104, leweb’09, qui aura lieu les 9 et 10 décembre. On y retrouvera les grandes têtes d’affiches du ‘real time web’, dont on profite tous les jours un peu plus via Twitter et les autres plateformes. Alors, je disclose immédiatement, oui, j’ai été chaleureusement invité à venir voir, à venir rencontrer. N’imaginez pas que je vais cracher dans la soupe ou mettre mon site en pause, comme quelques bloggeurs récemment montés en épingle ont pu faire, suite à leur cross-post massif pour une série-TV de Banal+. D’ailleurs Korben et les autres seront de la partie, et ce sera aussi avec plaisir que je vais enfin voir leur vrai visage :)

Ce qui va particulièrement m’intéresser durant ces quelques jours, ce sera l’occasion de retrouver des bloggeurs et entrepreneurs basés en Asie depuis un moment déjà :

Thomas Crampton, basé à HK, collaborant pour Ogilvy PR, qui encourage l’usage intelligent des réseaux sociaux pour ses clients,
Benjamin Joffe de +8* (Plus Eight Star), toujours pas croisé, un vrai et grand patron d’un centre de recherche d’innovation entre Beijing, Tokyo et Seoul,
Sascha Pallenberg, basé à Taiwan et qui nous informe au sujet des netbooks.

Je pense que nos présences aura pour un des objectifs, de relativiser toute l’image de ‘copycat’ que connait la Chine ces temps-ci, hate de mettre en perspective toute l’innovation de la vallée américaine avec tout ce qui existe parfois au delà du Pacifique depuis un moment. Un message plus personnel, que j’espère faire passer, sera celui qui consiste à rappeler que les designers, directeurs artistiques, ne sont pas les seuls créatifs et qu’ils ne peuvent se passer d’échanges avec des acteurs incontournables du web, qu’ils soient d’un profil plus ‘corporate’ ou financier.

On aura l’occasion de se voir également pour de grandes tablées, si cela vous intéresse ! D’ici là, retour à la chaleur Shanghaienne.

J’ai beaucoup apprécié leur série d’illustrations qui consiste à citer 10 noms de villes commencant par une même lettre, et traduire visuellement cet ensemble de villes et de langues différentes.

Exemples ici (ou sur Flickr)

Lettre “h”

Lettre “f”

Lettre “k”

Lettre “o”

Lettre “v”

N’hesitez pas a laisser ici votre propre interprétation de ce projet, n’en voyant pas d’autres :) et vous invite à fonçer sur leur folio Behance pour voir le reste de leur exemples typographiques, c’est un excellent travail.

Fonctionnant dès lors que vous utilisez les fonctions de géolocalisation de twitter, le service permet d’accéder à l’information locale sur Twitter. Un des exemples de cette journée est la couverture Twitter de la tempête de sable couvrant tout l’est de l’Australie, et nottament Sydney. En zoomant sur la zone, on peut directement piocher dans l’information relayée par les twitts, et monitorant les mots clés, visionner les liens les plus twitter ainsi que les photos postées sur Flickr, yFrog et autres sites de partage photos.

Ironie du sort, un des services utilisés par le mashup, What the Trend est l’oeuvre de Reign Design, agence basée à Shanghai, ville touchée par le bloquage de Twitter.

L’idée essentielle du journal, c’est la complémentarité entre papier/web. La Une propose à quatre reprises de se connecter au site internet, à travers des contenus qui ne peuvent exister que sur le web (interviews video du talk, actualité en temps réel), tandis que l’analyse en profondeur, le commentaire détaillé, et le fond reste avant tout l’apanage du papier.

Comme souvent, un petit zoom sur les passages qui me plaisent sur la une :

Une grille de 6 colonnes environ dont une colonne à gauche réservée à la lecture rapide des titres de chaque rubrique. Ici, Le Figaro veut vous prouver que vous en aurez pour votre argent, même si au fond, l’information reste et restera hiérarchisée, et donc sélectionnée.

Le retour d’une couleur proche de l’ancien “rouge Figaro” (vous vous souvenez, précédant le bleu européen de Nicolas Beytout), dans un choix typo qui reste fidèle aux égyptiennes.

Le logo change aussi. Peu de changements sur le logotype, fait d’une Rockwell redessinée. Le changement se situe surtout au niveau du F, avec un retour de la plume. Elle n’avait jamais complètement disparu, et plutôt que de le redessiner ou le moderniser, les équipes en interne en sont restés sur une plume avec sa forme classique, ce que je regrette un peu.

Lorsque j’avais eu ce ‘F’ en main, en 2006, ma première réaction fut de la vider de ses excès, notamment son contour noir relativement épais, et de ce motif en fond constitué en fines rayures verticales, du temps où l’on disposait d’un journal avec des feuillets avec l’encre noire uniquement. Aujourd’hui, il apparait toujours sur le site, et fonctionne relativement bien. Mais sur le papier ? Un discret effet de transparence, et toujours ces rayures, alors que le journal s’affirme désormais avec des pages ‘toutes en couleurs’. Alors oui, j’avais un peu cédé aux joies des dégradés softs qui faisait fureur en 2006, à l’heure du web 2.0, mais tout de même, un peu de modernité n’aurait pas été de refus.

Réactions sur le web

Benoit Drouillat sur son site, parle d’une “nouvelle formule prudente”. La liste continuera à s’allonger au fur et à mesure.

Conversation avec un habitué du Figaro

Quelques morceaux choisis :
Quelles ont été vos premières réactions à chaud ?
• J’adore les citations en incises
• Les encadrés aussi en incises qui s’intègrent bien dans le texte,
• Je suis satisfait que la signature des journalistes reviennent en tete du papier
• Le journal “est tout en couleur et c’est la classe”,
• Les brèves font très épurés,
• Les photos sont parfois trop petites,
• “Niveau infographie, c’est très beau”,
• C’est clair, net et précis,
• On dirait un magazine plutot qu’un quotidien,
• Pour l’éditorial, ça ne change pas, c’est toujours très à droite.

Est ce que cette nouvelle formule est a ranger dans une recherche d’opportunité pour faire monter les ventes ou bien répondent-elles a un besoin du lecteur ? Ça répond a un besoin d’augmenter les ventes. Le figaro cherche par sa nouvelle identité graphique a faire oublier qu’il est de droite : il peut conquérir de nouveaux lecteurs, mais perdre les plus assidus. C’est une prise de risque dont on ne sait pas comment elle se matérialisera. Les premiers chiffres de vente vont etre intéressants.

Comment interpréter ce besoin de nouvelle maquette en interne ? Volonté de l’actionnaire, qui veut redynamiser, ni plus ni moins. C’est peut être le cadeau d’adieu de Mougeotte : La rumeur de son départ se fait de plus en plus insistante.

Entre Libé, et le Figaro, laquelle des maquettes a, selon vous, introduit les changements que la presse doit operer avec le web ? Le Figaro sans hésiter : Tout est décliné dans la maquette du Figaro, le journal s’est “webisé”.

Changements sur le site lefigaro.fr

Peu de changements de prévus, le logo lefigaro.fr reste inchangé sur le web, bien que plus petit, moins prétentieux. Quelques changements de structure sont prévus, et se concrétisent par un changement dans l’organisation et l’affichage des rubriques du site web, avec un système qui met fin au système de navigation par “pseudos-tags” et revient donc aux fondamentaux d’un header plus conventionnel.

Un coup dans le rétroviseur sur les chartes graphiques des anciens header s’avère indispensable, avec, en prime la première version du header : vous avez dit … simplissime ?

D’autres changements sont attendus au niveau fonctionnel avec un site d’info faisant un peu plus pour l’utilisation de son service social.

Ce projet, crée par Aaron Zinman, est issu du Medialab du MIT. Il est le reflet de ce que perçoit le web sur une personne, ou vous meme, si vous entrez votre nom.

le système fonctionne comme une sorte de moteur de recherche de noms, car il va analyser les résultats de pages web, et parcourir sémantiquement les résultats. À la suite de quoi, il parse les attributs au travers d’adjectifs et de catégories telles que ‘illégal’, ‘fame’, ou encore ‘online’…

Le processus d’analyse est entièrement réalisé en flash, est en elle-même une réussite visuelle :

Les sites webs sont parfois si lents à se charger, qu’il nous faudrait désormais parcourir le web sans meme taper une seule adresse, ni utiliser le clavier. Nos doigts ne servent qu’a tapotter et cliquer. On perd évidemment énormément en interactivité — finis les rollovers, boite flottante, effets divers et variés. Mais qu’est ce qu’on gagne en rapidité de chargement, et donc, de lecture !

Comme je le disais plus haut, ce service fonctionne car il fonctionne en un clin d’oeil. La simplicité et la rapidité, deux armes ultimes que Google détient encore pour longtemps…

Pensé (surtout?) pour les mobiles
Le service fonctionne déjà sur iPhone et Android. Et c’est une pure solution pour un affichage simple et efficace.

Bientôt avec du contenu en langue Française ! Le service utilise Google News English (pour l’instant, mais sera dispo en France à la fin de l’année, d’après les informations de Guillaume Grallet dans l’Express). A terme donc, nous pourrons lire les premières pages des articles du Figaro, du Point, Libération… Je vois déjà quelques éditeurs de sites jaser et crier au scandale. Mais, dans le même temps, cette solution pourrait sauver la presse magazine (papier) du marasme ambiant.

Les grands vainqueurs ? Google, bien sur, mais pas seulement. Les concepteurs de sites et d’interfaces, bien sur ! Car ici, et à la différence des flux RSS, le design jouera un rôle important dans le clic de l’utilisateur qui accédera au contenu de l’article.

Libé ne va pas fort, et une nouvelle fois, change de maquette. Une évolution en douceur. Un journal plus élégant. Trop? Arriverez-vous à lire “Évènement” ou “Monde” de loin, tellement la police est fine? On entend un peu de tout.

D’autres disent que la maquette change tellement souvent que cela devient difficile de s’identifier au journal. Les salariés de Libération sont désormais habitués aux nouvelles moutures. Elles se préparent, comme dans beaucoup de journaux, dans des officines externes, puis sont présentées en secret à des équipes très restreintes, et puis là patatras, souvent, cela ne fonctionne pas. Et on se retrouve au mois de juin, lorsque tout le monde commence à partir en vacances, alors on repousse à la rentrée, et cela tombe plutôt bien, parce que tant qu’à faire, il serait de bon ton que le web soit prêt, en même temps.

C’est un peu comme le dessert en même temps que l’Expresso. Souvent, c’est essentiel… Après avoir communiqué sur la culture du scoop, Libé fait donc une nouvelle offre à ses lecteurs. Un quotidien toiletté, un site web garni d’une couche payante, et un magazine de fin de semaine. Essayons d’y voir plus clair après tout le chahut de la semaine dernière.

1/9 — Libération modifie légèrement son ADN

Liberation modifie légèrement son ADN et se transforme, tant sur le web que sur le papier, avec toujours un petit retard pour le web — un grand classique désormais. L’élégante nouvelle maquette du quotidien Libération perd en lourdeur, et s’aère en lisibilité, bien qu’avec plus de texte. Car la ‘nouvelle formule’ – ou plutôt la nouvelle offre, comme la publicité le dit – exprime le souhait d’une adaptation du traitement de l’information, plus textuel, moins brut, de manière à fournir au journal une légitimité qui le différencie du contenu du site internet. J’aime dire qu’il devient un heptomadaire, tant son look de couverture ressemble à un magazine.

Le ton ‘magazine’ se retrouve aussi parfois dans son traitement graphique de l’information, grâce aux illustrations qui accompagnent les sujets qui sont traités en plusieurs feuillets. Exemple ici avec la double page illustrée.

Alors que, bien trop souvent, les équipes travaillant sur les maquettes ont plutôt tendance à chercher à “se cacher”, et se terrer, recherchant l’indépendance et redoutant les critiques gratuites et souvent sans rapport avec les problématiques centrales, Libération s’est ouvert aux avis et conseils provenant de l’extérieur de la maison. Javier Errea and Antonio Martin, de l’agence de design de presse Innovation Media Consulting Group, ont mobilisé les équipes en interne pour réaliser la maquette. Il est possible de suivre via leur blog, des derniers préparatifs aux des dernières validations jusqu’aux dernières retouches pour l’édition weekend.

(Credit innovationsinnewspapers.com)

L’équipe a pour credo que les infographies pouvaient sauver un journal, mais sa démarche est allée encore plus loin : Elle a “tout simplement” exploité une des grandes forces d’internet pour le print, à savoir la possibilité de moduler la présentation en fonction des besoins éditoriaux, tout en permettant au lecteur de s’y retrouver.

2/9 — La Modularité

Libération a modifié sa vision de l’actualité, en s’offrant plus de modularité sur sa Une, qui auparavant était essentiellement conçue pour n’afficher qu’un titre.

Or l’information a changé, à quelques exceptions près, impossible pour un lecteur curieux et ouvert que de rester focalisé sur un seul évènement. Et pour vendre, il vaut mieux proposer davantage de titres, histoire de présenter au plus grand nombre à quel point le journal est dense.

La solution hybride consiste désormais à s’offrir plus de gabarits, dont celui utilisé pour la sortie du lundi 7 septembre, consistant à un patchwork d’infos, et des photos horizontales difficile à recadrer. En voici quelques exemples ici

3/9 — L’identité de Libération

La question de l’identité de la marque se pose à nouveau à nouveau. Chaque support offre un traitement différent de l’information, mais empêche-t-il une homogénéisation de la charte graphique print/web, afin de maximiser la perception de l’identité et l’image de Libération à travers ses supports ?

Deux exemples tout simples, celui des choix typographiques et de la palette des couleurs. Une Trade Gothic est désormais utilisée pour les titres du papier et devient une Georgia sur le web, à l’heure où les @font-face et autres méthodes d’affichages de polices sur le web deviennent répandus.

Là encore, bien que les rubriques print et l’architecture d’information du site web soient totalement différentes, il n’en demeure pas moins possible de rendre l’ensemble plus cohérent. Avec pour conséquence, repérage par rubrique plus aisé. Le site reste globalement fidèle à lui même, avec un Affichage de type ‘blog’ listing. Peu de changement donc, le web parchemin fait son petit bonhomme de chemin.

4/9 — La question du payant?

Pour une fois, une évolution du contenu du site se fait sentir, il s’agit de proposer des services premium. Et Libération est également tombé dans cette mode 2009 de proposer un service payant, en suivant la stratégie qui sera mise en place incessamment sous peu par lefigaro.fr, et son réseau social. Tous les modèles économiques sont le bienvenus pour cette presse en crise. Cela peut fonctionner, si les medias traditionnels s’y mettent au même moment.

Voici Ludovic Blecher, responsable du site internet du journal, annoncer lors de la conférence de presse la grande nouveauté, la zone payante:

Nous reviendrons plus tard sur cette version payante à laquelle je me suis abonné (si, si!). Qu’offre-t-elle vraiment en plus, tiendra-elle ses promesses, évoluera-t-elle régulièrement et vite? Nous en reparlerons.

5/9 — Les unes expliquées par les journalistes

“A nouvelle formule, nouvelles unes. Et nouvelle forme pour 5 jours à la une, notre émission vidéo hebdomadaire consacrée à l’actualité vue à travers les manchettes de Libé.”

“Désormais enregistrée au coeur de la rédaction, donnant la parole à tous les journalistes concernés par les événements couverts durant la semaine, 5 jours à la une a pour objectif de vous faire partager les dessous de Libé, la façon dont la rédaction fait des choix, s’interroge, travaille.” C’est une très bonne idée :

6/9 — Libération, Le Mag

Pour le même prix, le samedi, on aura un magazine. Libération, Le Mag, est le nom de ce magazine dont le premier exemplaire est sorti ce samedi 12 septembre.

C’est Béatrice Vallaeys qui en a la charge. Voici le contenu du premier numéro:

7/9 — La conférence de presse

Une vidéo à venir, à suivre sur l’Observatoire des Médias.

Une sélection des twitts émis pendant cette conférence.

• gillesbruno: Laurent Joffrin: “Ce n’est pas une nouvelle formule” http://bit.ly/newlibe0709
• proxiti: RT @gillesbruno: Joffrin sur l’AFP: “l’AFP n’a rien fait sur Chatel au supermarché”
• gillesbruno: Joffrin sur l’AFP: “l’AFP n’a rien fait sur Chatel au supermarché”
• natachaqs: RT @gillesbruno:La future appli iPhone de Libé, qui arrivera en retard en octobre, offrira une offre spéciale pour les abonnés.
• gillesbruno: La partie magazine sera agrafée, grâce à Riccobono http://twitpic.com/gaktq
• eparody: @lblecher @latrive alors ça y est, c’est Tintin Objectif Lune? Tous mes voeux les garsgillesbruno: Joffrin : “le directeur du Figaro a des idées plutôt libérales” http://twitpic.com/gak6n
• manolo0111: 2 offres payantes pour libe.fr : 6€ et 12 € ! Impatient de savoir ce qu’il y a dedans ?
• gillesbruno: Selon Lusovic Blecher, Libé serait le premier à offrir une zone premium sur iPhone
• gillesbruno: La future appli iPhone de Libé, qui arrivera en retard en octobre, offrira une offre spéciale pour les abonnés.
• gillesbruno: Ludovic Blecher présente les deux offres payantes de Libe.fr : 6 ou 12 euros / mois http://twitpic.com/gaiu4
• pierrehaski: C’est @lmauriac qui va être content! RT @gillesbruno: L’ancien Cahier Multimédia revient!! A la fin du journal.
• gillesbruno: “Le Mag” : Libération lance un magazine le Samedi… avec une page Archives comme Le Monde 2.
• gillesbruno: L’ancien Cahier Multimédia revient!! A la fin du journal.
• gillesbruno: Joffrin ne veut pas uriliser le terme “nouvelle formule” #newlibe0709 http://twitpic.com/gahmr

8/9 — Les réactions sur le web

➜ L’analyse de Benoit Drouillat, designer d’interfaces, qui décrit la nouvelle formule de Libération comme étant “une forme mosaïquée”

➜ L’avis de Christian Aubry sur Médiaschroniques, La “refonte” de Libé : un rituel primitif sans intérêt

➜ L’info 01net, qui écrivait qu’« une application payante très innovante permettra d’accéder à d’autres services, dont on ne connaît pas encore la teneur ». Espérons que Libé ira dans le sens de l’ouverture des sources, de l’info multimédia, du temps réel et du remix. Si c’est le cas, je réviserai ma position en conséquence…

➜ Le parcours du montage des pages sur le chemin de fer virtuel, commenté en musique, par Peter Gabor : “Une captation video du nouveau journal électronique (pdf) de Libération on-line. Une ergonomie classique, où il manque certaines fonctionalités comme le zoom aussi bien sur les textes que sur les images…”. Avec une comparaison avec l’affichage du monde.fr.

➜ Les twits choisis :

• Laurent Joffrin sur Twitter … Mais est-ce son vrai compte?
• Mini fail aux Irocks qui se trompent d’un mois.
• Jeff Mignon parle d’un effet cosmétique qui risque d’avoir un impact limité.
• Benoit Raphael taille et parle d’un gratuit londonien.

9/9 — Laurent Joffrin invité des médias

➜ France Inter le 7 septembre – “Comme on nous parle” – Pascale Clark : Invité sur Inter le lundi du lancement. Pour arriver à “ce qui nous intéresse”, bougez le curseur jusqu’à la minute 7′41″.

➜ Sur le site de France Inter, “Mouchette” commente : “Laurent Joffrin est so lui-même. Tout en aphorismes inégalables. Un instrument du bonheur.”

➜ RFI le 11 septembre – “l’Atelier des Médias” – Philippe Couve :

@Enikao demande à Laurent Joffrin si les journalistes ne devraient pas répondre plus dans les commentaires des articles de liberation.fr… “On fait ca tout le temps. On répond à des interrogations d’internautes.”

Philippe Couve relance Laurent Joffrin et insiste : “les commentaires sont peu fréquentés par les journalistes” ce à quoi Joffrin répond: “Les journalistes n’ont que 24 heures. Il y en a un certain nombre qui ont des blogs, aussi. Sur un blog, on discute.”

Laurent Dupin pose une épineuse question sur le site de l’atelier des Médias, relayée par Philippe Couve : “Questions de logique et de stratégie : pourquoi s’opposer courageusement à la ‘presse low cost’ notamment sur le online… tout en y contribuant soi-même? Je parle des blogs de Libération (auxquels j’ai participé avec Serial Worker). Vous les dites ‘invités’ et donc gracieux (’parce que ça fait de la publicité et de la notoriété’). La belle affaire! Peut-on vivre de cela?” … et Joffrin de répondre : “Peut être un jour. Si on a besoin de pigistes, on les paye. Pour le moment, on a pas prévu de rémunérer les blogueurs.”

@StevenJambot demande à Laurent Joffrin si Libération est un journal de gauche: “Oui. [...] On est une maison ouverte, cela va de Bayrou à Besancenot”.

Merci et à la semaine prochaine (avec le nouveau Figaro)

Un post roundup écrit à 4 mains, sur 2 fuseaux horaires et 3 CMS :
➜ Gabriel Jorby : @gabyu — gabyu.com, et
➜ Gilles Bruno : @gillesbruno — observatoiredesmedias.com

Pour finir cette semaine d’infographies en beauté, je vous invite à découvrir le travail de Timm Kekeritz. Dans un esprit clair et limpide, son intention ne se résume pas à informer, mais surtout espère que nous soyons chacun surpris de ces chiffres et puissions repenser nos habitudes de consommation alimentaire. Le message reste sobre, il n’y a pas de grandes phrases ni d’instructions pour diminuer sa consommation d’eau.

Sans légende, pas d’infographie possible !

Là où le projet m’intéresse, c’est qu’il consiste à se dérouler sur 2 supports : poster et web, papier et écran. Là où sur nombre de sites web de presse, les infographies papiers sont reposées telles quelles, à plat, sans aucune adaptation, Timm Kekeritz a exploité les deux supports aux mieux en proposant un affichage du même poster, sous différentes présentations.

Photos et extraits de son projet Virtual Water, sur un mini-site dédié.

Pollution de l’eau aux USA, statistiques et analyses
Dans le même sujet de l’eau, une série cartographiée bien réussie sur la pollution de l’eau aux États-Unis, ayant pour titre : “Find Water Polluters Near You”, une belle association de contenu et de mise en forme réussie.

Toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?

Ce jeudi, j’avais envie de vous faire partager ce site dédié à l’information concrète et pragmatique pour les designers en tout genre, 99%, ou 99 percent. Ce n’est plus que l’affaire de Thomas Edison, qui déclarait que le génie est fait de transpiration à 99%.

On connaissait la conférence-évenement basée à NY, organisé par Behance, on découvre désormais un site bien conçu et d’une grille impeccable.

Au sommaire de cette semaine, le processus créatif dans le design industriel, les meilleures manières d’aborder la ‘crise’ lorsque l’on est entrepreneur, etc…

L’infographie devient un outil de travail artistique. L’analyse des données, leur affichage, tout est sujet à imagination ici. Nous sommes loin, très loin de l’infographie traditionnelle. Elle est support subjectif à esthétisme. À la manière d’un tableau que l’on analyse, le lecteur l’interprétera à sa manière, et devra fouiller, être curieux. Par exemple, le chaos ambiant laisse découvrir des zones d’ombres, qui sont elles aussi sujettes à nombreuses interprétations (jour de grève, congés, week-end…). Il serait bien étonnant de réaliser une étude d’eye-tracking sur ce genre de compositions !

Dans cet autre exemple, ci-dessous, Dave Bowker souhaite repenser une table des matières. Faire une synthèse d’une semaine d’articles, classés par rubriques, et un traitement typographique basé sur les titres. Les liaisons entre les différents articles sont les liens entre rédacteurs et journalistes ainsi que les dossiers spéciaux, écrits en 2,4 voire 6 mains.

Là voilà donc, l’infographie réussie que j’appelle “à trois temps”. Premier temps, “wow, c’est beau”. Deuxième temps, “je ne comprend pas, je vais devoir explorer, découvrir comment cela fonctionne”, troisième temps, “tout ça pour ça ? je suis pas sur, je vais la montrer à quelqu’un d’autre pour voir ce qu’il y trouvera”…

Sortez vos onglets, toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?
➜ Timm Lerkeritz, L’infographie multi-supports

Ou encore ce graphe précisant la conspiration américaine contre la réforme de la sécurité sociale US :

Je vous épargne des innombrables infographies-labyrinthes ou autres schémas explicatifs sur l’ingestion de bière… :)

Toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?
➜ Timm Lerkeritz, L’infographie multi-supports

En fouillant dans mes archives, je vous ai retrouvé une des premières chartes graphiques sérieuses écrites pour le media web que j’ai pu avoir en main, qui a servi à la version 3,4 et peut être même 5 du site canalplus.fr. Publiée en Aout 1999, avec Alain le Diberder (dit “le Dib’” pour les intimes), et Guillaume Calop, chargé de sa bonne application, en tant que DA au pole graphique de canalplus.fr. Inutile de préciser que le guide graphique est une déclinaison des différentes règles graphiques instaurée pour l’écran TV.

On y retrouve une structure identique à celles d’autres chartes graphiques : Logotypes, écrans, typographie et couleurs.

Quelques phrases : “Le poids de la page ne doit pas dépasser 60Ko“, “La police FUTURA CANAL+ est disponible soit sur le réseau interne CANAL+, soit sur disquette“… et la phrase qui a fait débat : “Le fond noir avec texte blanc correspond davantage à l’image générale de CANAL+”.

Pour finir, si vous ne les avez pas encore vus, les 3 volets d’une rencontre avec Étienne Robial, réalisée par Marz & Chew pour Raw et Le Typographe.

Alors que la plupart des infographies occupent des espaces larges, ici il a fallu parfois regorger d’imagination pour faire tenir l’essentiel sur une petite largeur et une grande hauteur.

Le reste de leur création est a découvrir sur leur site à la rubrique Data

Toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?
➜ Timm Lerkeritz, L’infographie multi-supports

À la manière de Nicholas Felton, sa vie personnelle va générer un certain nombre de données, qu’il est possible de manipuler ensuite. Mais voila, Valentin est avant tout un graphiste print. Or, comme nous le voyons dans cet exemple, le print peut aussi offrir des possibilités d’interaction sensibles, tangibles.

Il réalise un supplément factice pour Le Monde consacré à la blogosphère. Un système de 2 affiches se superposent pour recomposer l’information. Ce premier exemple nous montre que nous sommes chacun en mesure de raconter une histoire différente et unique, avec nos données informatiques et personnelles. Ici, pas d’institut de sondages, ni de source officielle. En supprimant cet intermédiaire, on supprime aussi l’intention traditionnelle d’information. Ici, l’infographie est un devenue auto-portrait.

Avec l’affiche Homme/Femmes, qu’il réalise pour le concours étudiant Chaumont (2008), les données, issues de sondages realisés entre 2005 et 2007 par l’INSEE, ne sont qu’un prétexte à faire passer un message simple, celui de l’existence de disparités. Nous sommes moins dans l’esprit de l’information mais plus dans le souci de la représentation.

Au final, avec ce deuxième exemple, nous entrons pleinement dans l’illustration. La frontière entre les deux aspects de l’utilisation de l’infographie reste plus perméable.

Toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?
➜ Timm Lerkeritz, L’infographie multi-supports

Twitter : Partagez à des utilisateurs proches et qui vous suivent (intime),
Rss : Partagez à Google (le monde, une langue)

Twitter : Suivez une personne, son humeur, ses liens, son commentaires en 140 signes (affinité sur la personne),
Rss : Lisez un article auquel vous avez une affinité possible, cliquez ensuite pour commenter, etc… (affinité sur une marque, un site, une communauté).

Twitter : Retweetez (rapide)
Rss : Re-blogger, repartager le lien sous delicious etc.. (long)

Une chose que Twitter et les RSS ont en commun : Ils disposent de lecteurs (clients) ouverts.
Alors lequel choisir ? Twitter ou Rss ? Ou bien les deux… j’opte pour cette dernière solution.

Avec avec Craig Mod, ils lancent aujourd’hui une version interactive de ce service, que je vous invite à découvrir sur webtrendmap.com. Le service est toujours aussi élégant, et fournit nombre d’informations sur les contenus des sites sélectionnés, grâce à l’affichage des flux RSS associés.

Toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?
➜ Timm Lerkeritz, L’infographie multi-supports

Première partie de cette sélection, les travaux réalisés par l’agence de design d’information Catalogtree, qui a collaboré pour nombre de magazines, tels que Good Magazine, Le New York Times magazine, ou Wired, avec la fameuse carte de l’attaque distribuée, ou Ddos

Un exemple détaillé de leur travail sur les différents instituts et médias ayant publié des sondages lors des élections américaines.

Un coup d’oeil obligatoire sur la légende de ce graphique : Sans légende, pas de graphique.

Au cours de cette rentrée nous allons donc revoir quelques unes des illustrations qui selon-moi, sont à ranger au Panthéon du graphisme d’information. J’utiliserai tantot infographie, tantot illustration pour décrire ces images. Je vous invite à voir les posts de Peter Gabor consacré aux ouvrages Graphis, et qui rappelle, à juste titre, le véritable sens du mot infographie.

Les assistants d’aujourd’hui (Keynote, Powerpoint) sont des vecteurs de création de graphes et de courbes qui sont redoutables dans l’efficacité de l’expression du message d’un graphique, où peu de risques sont pris, permis. L’excès de conventions finissent par tuer la diversité graphique que peut revêtir ce mode d’expression. Également, on voit apparaitre de plus en plus d’agence de graphisme d’information, de studio graphiques pour les médias, concevant des illustrations de plus en plus inventives, originales, qui pouvent tomber dans le piège inverse, celui de fabriquer des infographies agréables mais qui détourne le lecteur du message que transmet celle-ci.

Toutes les infographies et illustrations étudiées sur Gabyu :

➜ David McCandless, l’infographie distrayante.
➜ La Mosca, l’agence aux infographies verticales.
➜ SPVZ (Valentin Adam), l’infographie en tant qu’auto-portrait.
➜ Dave Bowker, la lecture d’une infographie en trois temps.
➜ Information Architects (iA), WebTrend map, et l’infographie sociale.
➜ Catalogtree, illustrations et/ou design d’information ?
➜ Timm Lerkeritz, L’infographie multi-supports

Quelques écrans du site pour vous donner envie :

Le site, lui aussi interessant en terme de conception, est réalisé par les créatifs londoniens du Digital Club. À la manière des sites de ressources créatives ou de récents site de webagencies tel qu’Area17, le site comporte un système de clipping intégré.

J’avais récemment réalisé un test de l’application à travers cette petite démonstration en vidéo :

Plus de détails sur le making-of la semaine prochaine. En attendant, vous pouvez-vous même l’utiliser dès aujourd’hui, vu qu’elle est disponible sur l’Itunes Store.

La principale raison ? Sa grande accessibilité sur les navigateurs récents, tels que IE, Opera, Webkit, Safari, Chrome et Firefox. Une economie au développement d’application et interfaces compatibles avec des terminaux mobiles sans player Flash (iPhone pour ne citer que lui).

Un résultat concret ? 9elements réalise par exemple ce système d’affichage qui permet de visualiser 100 tweets récents hashtaggés html5, le tout dans un moteur de rendu en javascript qui genere de superbes effets de particules.

L’avenir ? Déjà dans les années 2000, on nous presentait les technologies sous forme de démo en DHTML. Je me rappelle de ces sites 100% javascript qui permettait de naviguer dans des systemes complexes. Pour mesurer l’impact qu’une technologie va avoir, la réalité est bien souvent ailleurs.

Elle a travaillé avec Stefan Sagmeister et avait produit pour Vogue, Wallapaper et V magazine.

Sa dernière série en date s’intitule X-plantation ; le titre est probablement une sorte d’hommage au simulateur de vol X-Plane. Il s’agit de collages de vues aériennes d’aéroport.

Dans cette autre série, Hubert Blanz joue avec la beauté des échangeurs autoroutiers :

Enfin, l’artiste s’amuse à frôler le réalisme dans sa série “Geospaces”, dans laquelle il recrée des vues aériennes à partir de composants électroniques.

Retrouvez tous ses travaux sur le portfolio du photographe-artiste.