Newsweek, magazine d’information généraliste américain, a refondu son site web pour une organisation de l’information curieusement moins magazine et plus proche de la logique verticale du blog (sauf peut-être avec la Une, surdimensionnée). Dans cette perspective, l’accès antéchronologique aux contenus privilégie un rapport plus proche du temps réel, de l’instant. La densité informationnelle apparaît moins dense dans cette version refondue et on perd par ailleurs en profondeur dans la prise en main du contenu. Si cette nouvelle version est dépouillée des dégradés et autres éléments graphiques ornementaux inutiles, elle abandonne plusieurs principes de conception qui semblaient pertinents pour gérer la densité de l’information, comme son carrousel News/Week qui offrait une synthèse jour par jour des faits marquants de l’actualité.

L’ancienne maquette :

La nouvelle maquette :

Une majorité des titres de presse – français, américains…, adopte la métaphore du papier dans son application iPad – une métaphore de l’ère mécanique pour introduire un emploi supposé nouveau de l’information. Ils pensent à tort que l’hybridation d’un maquette papier et de l’hypertextualité du numérique peut générer une pratique de lecture acceptable pour les usagers et leur donne par exemple la liberté de négliger la lisibilité. Les applications de Wired, Newsweek, du Monde, de Libération, du Parisien, des Echos, de l’Équipe, d’Investir, de Men’s Health et de Time procèdent de cette démarche.

Les stratégies de design de la presse échouent non seulement en choisissant de mettre en abyme dans une application logicielle la logique formelle du papier – inopérante  – mais aussi en s’interdisant de trouver le chemin d’une écriture interactive nouvelle. Inutile de débattre de la qualité typographique ou encore des choix de navigation de ces applications, c’est d’évidence une solution de facilité qui est ici adoptée. Le chemin de fer, exploité comme design pattern pour la navigation, n’est pas une modalité en phase avec l’horizon d’attente qui s’est créé autour d’une lecture interactive / tactile / enrichie / etc. L’une des pires applications, celle des Echos, va jusqu’à utiliser la maquette papier du journal comme interface de navigation.

Le « content as a software » est la clé du système. Le secret est dans une interface qui ne s’ajoute précisément pas aux formes anciennes mais permet d’en faire émerger une nouvelle. Cela ne signifie pas pour autant que les journaux doivent faire fi de leur héritage médiatique et de leur identité – une identité si profondément ancrée dans l’imprimé – mais qu’il leur faut ne plus considérer les tablettes et les smartphones comme de simples transpositions entre les canaux de distribution.

Une nouvelle version du site des Inrocks vient d’être mise en ligne. Le design, orchestré par Upian, s’affranchit des modes d’organisation traditionnels des magazines en ligne et décline des séquences tantôt verticales, tantôt horizontales. Le site échafaude un jeu de symétries où le colonage n’est plus aligné sur les codes de l’imprimé, mais tente de définir une lecture dont l’unité est la zone (de zoning) thématique.

Si le site ressemble à un long pied de page, avec son caractère terminatif, c’est qu’il séquence les univers thématiques et ne fait qu’exprimer la limite spatiale, le point ultime du parcours de lecture.

The Times et The Sunday Times ont lancé aujourd’hui les nouvelles versions de leur site web, annonce Journalism.co.uk. Ces nouveaux sites sont érigés autour d’un mur de paiement qui devrait être effectif dans quelques semaines. Il s’agit également d’un rebranding des urls de la publication : Times.co.uk au lieu de Times Online. Journalism.co.uk a publié un billet détaillé sur les innovations des deux sites.

La maquette du Times mêle adroitement sens de lecture vertical et sens de lecture horizontal. Il y a, je trouve, une hiérarchisation assez adroite de l’information. La longueur de la page d’accueil est également maîtrisée. En revanche, la circulation visuelle et le travail de micro-typographie (pour reprendre une expression d’Olivier Marcellin) sont insuffisants. Le colonage paraît étriqué et les interlignages trop serrés. 6 Colonnes sur 980 pixels de largeur n’offre pas une lisibilité optimale et contraint à travailler dans une force de caractère trop réduite. Intéressant toutefois le travail de la photo de Une et les détourages effectués sur les portraits. Les entrées thématiques manquent cruellement d’originalité… En somme, un travail que je trouve assez inégal et toujours trop calqué sur la métaphore de la page imprimée. Cela offre une image finalement très conservatrice, très statique de la presse en ligne.

Petite « innovation » : la newsriver désormais assez caractéristique de beaucoup de sites d’information (vu chez CNN et Toronto Star).

Les applications iPad lancées par les médias d’information – tous supports confondus – ne sont pas si nombreuses. En voici une liste représentative, peut-être pas exhaustive. La métaphore de la page imprimée y est encore très présente. Est-ce le témoignage de la difficulté de quitter le paradigme du papier (et de l’absence de créativité des médias) ou du besoin de palier l’absence d’ancrage matériel de l’information ? Ces métaphores rendent-elles réellement plus intuitives les interfaces ? Pas si sûr dans un domaine où la cohérence des conventions d’interaction, soulignée par J. Nielsen, prend une importance plus significative.

Swiping for the next article is derived from a strong print metaphor in many content apps. In fact, this metaphor is so strong that you can’t even tap a headline on the “cover” page to jump to the corresponding article. The iPad offers no homepages, even though users strongly desired homepage-like features in our testing. (They also often wanted search, which was typically not provided.)

In electronic media, the linear concept of “next article” makes little sense. People would rather choose for themselves where to go, selecting from a menu of related offerings.

Dans cette liste, quelles applications peuvent réellement prétendre d’être innovantes ?

USA Today

The New York Times

Le Monde

Le Figaro (video concept)

Corriere Della Serra

The Guardian

Wall Street Journal

Financial Times

France 24

NPR

BBC

Associated Press

Reuters

Wired

Time Magazine

The Nation

Popular Science

The Spectator

GQ

Paris Match

Interview

Men’s Health

Maxim

Sports Illustrated (video concept)

En octobre 2009, Bloomberg annonçait l’acquisition du magazine économique BusinessWeek – en perte de vitesse et déficitaire – pour renforcer ses positions sur internet et sur le mobile. Le site web de BusinessWeek est un des précurseurs de la presse en ligne et a été créé en 1994. Ce rachat aboutit au changement de nom (rebranding) de BusinessWeek en Bloomberg Businessweek (on notera la disparition de la capitale initiale de week). La refonte du magazine s’accompagne sur le plan éditorial du doublement du nombre d’articles par numéro, dont un certain nombre proviennent directement de Bloomberg, précise The Wall Strett Journal. Le redesign du magazine papier a été mené par Richard Turley, ancien directeur artistique du Guardian, et Mark Porter l’analyse comme une posture rétro, évoquée par l’usage du Haas Helvetica de Christian Schwartz.

En termes d’identité, l’évolution apportée dans la maquette papier est totale. Sur le web, on notera la stabilité de l’architecture de l’information de BusinessWeek à Bloomberg Businessweek – zoning identique, organisation spatiale équivalente. En revanche plusieurs choix typographiques ont été impactés, avec la proéminence de l’Arial dans la version légèrement refondue du site, et d’autres subtiles détails dans les aplats et filets gris qui ont été éclaircis. Sur le support papier, le changement d’identité s’accompagne d’un redesign en profondeur – ici teinté de nostalogie pour un graphisme « suisse » pour marquer le repositionnement éditorial – tandis que le support web n’a au final répercuté que quelques évolutions stylistiques et non structurelles. Compte tenu des conditions financières qui ont gouverné cette transition, on ne s’étonne pas de ce design à 2 vitesses pour le papier et le web, qui a éloigné la perspective d’une refonte globale. Mais, au final, est-ce à dire que ces deux versions web, l’ancienne et la nouvelle, sont interchangeables ? Ou alors, comme en France, faut-il envisager chaque medium comme un système autonome (voir perméable à l’autre) ? Nous avons toujours mis en évidence les porosités qui existent entre les supports et ce cas de Bloomberg Businessweek donne à réfléchir sur les relations subtiles qu’ils entretiennent.

La question de l’hybridation des médias a été largement abordée dans ces colonnes, à travers les analyses de Marshall McLuhan. Dans Le webdesign, sociale expérience des interfaces web, Nicole Pignier et moi-même nous attardons sur l’organisation et les parcours d’information dans les pages écran. En particulier, nous nous attachons à décrire les effets de sens engendrés par des choix de design.  Lors du récent International Symposium on Online Journalism (ISOJ) qui s’est tenu à l’Université du Texas, à Austin, Nuno Vargas (Université de Barcelone) a repris ces réflexions en opposant les termes de la problématique : en suivant de trop près l’idioma (du grec ἰδίωμα, « propre, spécial ») de l’imprimé, la presse en ligne n’appauvrit-elle pas l’expérience de l’information ? Ne devrait-elle pas investir plus pleinement le potentiel de son medium ? Pour lui, la dichotomie papier / web s’exprimerait pleinement à travers cette problématique.

En s’appuyant sur les travaux de Muller-Borckmann, entre autres, Nuno Vargas a mené une vaste étude auprès des professionnels des médias, en Europe et en Amérique, pour déterminer quels sont les modes de présentation de l’information les plus pertinents en termes de grille, d’architecture de l’information, de système de navigation, de ressources multimédia, de codes couleur etc. De son point de vue, les journaux en ligne opèrent comme des filtres pour donner accès à l’information aux usagers. Dès lors, comment ces filtres peuvent-ils être pertinents s’ils procèdent en grande partie d’un medium dont l’idioma, c’est-à-dire la spécificité, entrave l’apparition d’une grammaire qui soit l’expression des potentialités interactives ? Ses premières conclusions, qui doivent être encore approfondies,  mettent en évidence l’intégration incomplète des ressources multimédia, la difficulté de trouver une architecture de l’information flexible et bien bâtie, la relation ambiguë et déséquilibrée de l’intégration des publicités dans les pages et la difficulté de se départir de la métaphore du papier.

Cette étude semble venir plaider pour l’instauration d’une innovation plus en rupture avec les modèles d’organisation de l’information de l’imprimé. Mais elle me semble en partie contestable à deux titres : elle présuppose tout d’abord que les journaux soient inscrits de façon absolue dans un mimétisme des caractéristiques du papier. C’est vrai partiellement, mais dans notre ouvrage, nous avons au contraire mis en évidence, à travers l’exemple du carrousel, emprunté à l’énonciation cinématographique, que les médias informatisés ne sont pas qu’un héritage du support imprimé et qu’ils sont nourris plus largement de références culturelles issus d’autres médias. Par ailleurs, d’un point de vue utilitaire, un certain nombre de principes de design peuvent fonctionner de façon optimale tant sur le web que sur le print. Je pense notamment aux niveaux de lecture, au travail de micro-typographie, etc. Cela, Nuno Vargas ne le rappelle pas pour nuancer son propos. Enfin, sans négliger la R&D et le besoin de trouver de nouveaux modes de présentation de l’information induits par les usages et les supports (tablettes, terminaux mobiles, interfaces ambiantes…), il me semble aussi que les journaux ne peuvent pas abandonner totalement cette part d’identité de l’imprimé, qui les ancre dans une expérience sociale loin d’être neutre sur le plan du sens.

Rolling Stone, mythique magazine américain né en 1967 sous l’impulsion de la culture hippie, vient de mettre en ligne une nouvelle version de son site. Plusieurs détails m’ont interpellé : le traitement de l’identité, en image de fond sous la barre de navigation, le traitement du titre, dans la page article… Pour le reste, un colonage assez efficace, qui cherche à stabiliser l’information à travers une disposition régulière.

Owni, qui se conçoit comme « un thinktank digital et un média social européen », vient tout juste de lancer la V.2 de son site. Parée d’une signature évocatrice – et séduidante –, digital journalism, cette plateforme d’information réinterprète les codes du magazine (imprimé) et se flatte d’occuper 990 pixels par 1600 de haut pour l’image de Une. Ce jeu de proportions, de superpositions en transparence, n’est pas sans rappeler l’organisation verticale de la page d’accueil du New York Times Style. Sa Une-couverture défile horizontalement, et plus que de la versatilité de son sens de lecture, elle cherche à refléter une pensée non-standard par le truchement d’une métaphore (on tourne une page) où se lit la profondeur de l’information. Cette même Une-couverture est évolutive, selon la sélection chronologique opérée pour une édition : verticale (« aujourd’hui », -1, -2, -3 jours), modulaire (hebdomadaire), horizontale (mensuelle). La typographie, expressive et toujours en proportions, suit le mouvement – où titre et chapeaux de Une sont alignés à droite–. En bas de page, un bandeau horizontal (990 px) barre l’espace. Dans les pages articles, les marges et les colonnes sont distribuées de telle sorte qu’elles appellent une tension, et évoquent (en partie, seulement), par effet de sens, la typographie « suisse ». Un objet intriguant.

Je partage bien sûr l’enthousiasme d’Alain Joannes sur Prison Valley, le webdocumentaire — qualifié à juste titre de chef d’œuvre — de David Dufresne et Philippe Brault, produit par Arte, Upian et le CNC.

Ce qui est particulièrement éprouvé dans Prison Valley, ce ne sont pas uniquement son écriture, son traitement rich-media ou son interface, c’est la construction particulière de l’expérience temporelle qu’elle propose, c’est-à-dire son parcours de navigation. C’est aussi, dans l’ordonnancement du récit, son architecture de l’information, appuyée par les métaphores spatiales — le motel, la route, la cartographie — autant d’indices dotés d’une « dimension référentielle », diraient les linguistes. La réflexion développée sur les relations structurelles qu’entretiennent les unités de contenus à l’intérieur du webdocumentaire donne à mon sens à Prison Valley un statut à part, à opposer aux autres productions du genre, dotés d’une construction souvent moins sophistiquée.

Prison Valley est beaucoup plus qu’une succession / un agencement de propositions narratives qui décrivent une progression dans la fiction documentaire — progression qui peut être interrompue et reprise à loisir et en fait un univers persistant. C’est une construction rythmique, un parcours de navigation où l’effet d’immersion est subjuguant. La temporalité du webdocumentaire se déroule selon deux modes : séquences terminatives (le motel, les nœuds de navigation) et  séquences chronologiques (la lecture vidéo du documentaire). Prison Valley déploie ainsi un scénario particulièrement habile pour mêler étroitement linéarité du récit et hypermédia. En plus de tout cela, les concepteurs de l’interface ont réussi à y associer une intégration parfaite des outils sociaux et participatifs.