Benoît Drouillat Architecte de l'information freelance

L’information tactile

Le champ hyper-codifié de l’information en ligne évolue en montrant d’intéressantes porosités avec le support papier. Il abandonne peu à peu le modèle du portail — auquel il est historiquement lié — pour trouver de nouvelles approches formelles dans lesquelles les interfaces laissent la part belle à l’hybridation. La prochaine rupture d’usage annoncée par les tablettes tactiles, écrit Tech Crunch, impose d’imaginer au plus vite les nouvelles interfaces, c’est-à-dire des modes d’organisation de l’information, de navigation, d’interaction qui se situeront entre les maquettes papier, les pages web et les applications mobiles. Ces défis réguliers qu’impose l’apparition de nouveaux supports matériels, de nouveaux terminaux, brassent quantités d’enjeux pour le design de l’information en ligne. Par exemple, la façon dont ces logiques de formes influencent le traitement de l’information. Les tablettes vont également réintroduire le rapport tactile à l’information. Il ne s’agira pas de tourner virtuellement des pages mais d’engager une participation gestuelle. Une lecture tactile. Assez proche du Times Reader peut-être. Après les interfaces mobiles, rapidement adoptées, les media en ligne seront-ils prêts ?

Le Petit dictionnaire du design numérique

Je travaille actuellement, dans le cadre de *designers interactifs*, sur un projet de Petit dictionnaire du design numérique. Il s’agit d’une publication collaborative destinée à proposer des repères à la profession et au grand public sur ce que sont les grandes notions en design numérique. Nous oeuvrons dans une discipline dont la terminologie est pléthorique et parfois hermétique. L’écrasante majorité de la littérature sur le design numérique est rédigée en langue anglaise. Une initiative s’imposait pour démontrer que les francophones s’impliquent dans l’éditification et la promotion de la profession.

Le projet du Petit dictionnaire du design numérique est une initative à but non lucratif. Sa vocation est d’aider l’ensemble de la profession à expliquer aux entreprises, au grand public, aux institutions les notions qu’elle emploie au quotidien dans la diversité des disciplines qui la constitue. Ainsi, Le projet du Petit dictionnaire du design numérique invite la profession francophone à participer à la rédaction des définitions des 100 termes du corpus. Chaque contribution est créditée sur le site comme dans la future publication, qui sera éditée par l’association via lulu.com. Les bénéfices liés à la vente de l’ouvrage permettront de financer les différents programmes de l’association.

Nouvelle version du NYT article skimmer

The New York Times a annoncé sur son blog First Look la sortie de la 3ème version de l’article skimmer. J’ai déjà amplement abordé le principe de cette interface dans différents billets, “Renouveler les parcours de lecture dans la presse en ligne” et “L’information en ligne comme une mosaïque”. Article skimmer permet un mode de consultation des nouvelles axé sur le confort de lecture, à travers une grille modulaire et différentes autres organisations formelles de l’information. J’avais expliqué que cette souplesse d’interface souhaitait renouer avec l’expérience tactile et visuelle du support matériel papier.

Dans cette 3ème version, la navigation a été encore améliorée, avec une pagination, une navigation au clavier, qui enrichissent l’interaction en rendant l’accès à l’information plus direct. Les développeurs de l’interface ont cette fois-ci également intégré le principe Times Wire, qui permet de visualiser en temps quasi-réel les nouveaux articles publiés dans le site du NYT, selon l’ordre anté-chronologique. Je trouve intéressante cette confrontation de la logique linéaire de Times Wire avec l’organisation non-séquentielle de l’article skimmer, avec l’idée que l’organisation de l’information dans les sites d’information en ligne exprime une temporalité particulière. Cette notion de temporalité, nous l’avions déjà entrevue à propos du site néerlandais EN et sa newsriver (“Représenter l’actualité avec une newsriver navigation”). The New York Times apporte une fois encore des propositions judicieuses qui annoncent une évolution plus profonde de l’archétype “portail”, organisation jusque là privilégiée par les sites d’information.

True/Slant et l’avènement de l’advertorial

True/Slant, lancé ce lundi 8 juin, est selon The Washington Post un portail d’information qui redéfinit les relations entre journalistes, lecteurs et annonceurs. Son modèle, qui revendique la capacitation (empowering) des contributeurs (une centaine), fait intervenir aussi bien des journalistes, des auteurs que des experts. Chacun est invité à y construire sa propre communauté de lecteurs. Les journalistes sont désormais leur propre média, leur propre marque. Les annonceurs, pour compléter le modèle économique du site, disposeront comme les contributeurs de pages profil et pourront mettre en ligne leurs propres contenus. Ce modèle, ont souligné des commentateurs, floutte les frontières entre information et publicité. D’autres site comme le Huffington Post, fondé aussi sur la contribution ou Daily Beast, privilégient l’agrégation des sources d’information et tiennent également des positions d’éclaireurs dans cet avènement d’un journalisme très informel, très critiqué.

J’ai relevé ce site car il témoigne d’une manière intéressante la façon dont le design traduit son positionnement, avec une large place accordée à la visibilité des contributeurs. En termes d’usage, True/Slant effectue une synthèse étrange entre un portail d’information généré par ses utilisateurs, un Digg-like, Twitter (on peut ainsi suivre les publications d’un contributeur) et Facebook.

Quand l’information devient un jeu

Quels sont les nouveaux usages et typologies d’interface situés à l’intersection des jeux vidéos et de l’information en ligne ? C’est la problématique que tente d’élucider un groupe de chercheurs et de designers américains, à l’origine du passionnant blog News Games. Ils y décryptent la façon dont la pratique du jeu pourrait faire émerger une nouvelle appréhension de l’information, comment elle pourrait influencer sa perception, encourager (ou pas) le sens critique des citoyens, et dans quelle mesure ne donne-t-elle pas naissance à un nouveau genre éditorial, les news games. En somme, comment un jeu peut-il construire un récit différent de l’actualité, un récit où l’internaute est co-énonciateur ?

Cet angle d’analyse me semble particulièrement opportun car il met en lumière une influence culturelle (très différente du système des métaphores fondé sur la matérialité du support, le papier), le jeu vidéo, doté d’un héritage historique riche en tant que dispositif informatique. Le jeu vidéo est un complexe de genres présentant de nombreux aspects qui recouvrent en partie les thèmes couramment abordés par l’actualité. Il apparaît comme un mode de relation dans lequel les interactions semblent relever d’un horizon d’attente moins séquentiel qu’un article, plus structuré comme un récit arborescent, composé de multiples propositions narratives. Technologiquement parlant, les jeux en ligne sont intimement liés au développement de la plateforme Flash, qui a permis l’éclosion de multiples initiatives, souvent teintée d’idéologie politique car ils cherchent à persuader d’une thèse, comme le populaire 12th September de Newsgaming. Dans d’autres cas, les jeux d’information en ligne sont des tentatives pédagogiques de faire comprendre un enjeu complexe de l’actualité.

Même si l’état embryonnaire de l’information comme jeu ne permet pas de mettre beaucoup d’exemples en évidence, l’intérêt de la presse en ligne pour les jeux n’est pas nouveau, comme en témoigne une rubrique de Business Week sur les meilleurs jeux en ligne. Parfois, ils émergent plus spécifiquement en réaction à l’actualité ou des faits de société. A ce titre, The Huffington Post a produit un jeu parodique (intitulé Dick Cheney Quail Hunt) sur l’ex-vice président américain Dick Cheney et MolleIndustria a de même moqué le modèle de McDonald dans son célèbre McDonald Videogame. L’histoire de ces jeux éditoriaux est relatée dans un billet de News Games. Par la charge critique qui est signifiée dans le dispositif, ils ont une portée performative à laquelle l’internaute peut se joindre par l’engagement gestuel. Ils sont alors proche des journaux satiriques que nous connaissons en France, Charlie Hebdo ou Le Canard Enchaîné.

La chaîne américaine Comedy Central a elle aussi produit plusieurs jeux à résonnance politique pendant les élections du pays en 2008. On y retrouve la même mise en scène satirique d’événements et de personnages puisés dans l’actualité.

Les journaux en ligne développent régulièrement des modules de design d’information interactif que l’on peut considérer comme des passages vers le jeu. Ils permettent la prise en main ludique des données, tel le Los Angeles Times dans les 51 projets de son data desk interactif. Sans totalement non plus s’ancrer dans le genre du jeu vidéo, The New York Times dispose d’un très riche viz lab. Ces expérimentations demeurent peut-être trop éloignées de la convergence jeux vidéos / média en ligne. Un projet de la BBC, BBC White, permet d’explorer une visualisation des émotions dans les commentaires des internautes sur un débat de société, l’immigration. Il est remarquable car permet de contourner la surcharge informationnelle des commentaires pour en synthétiser l’essence. Ces visualisation de données, d’après Bobby Schweizer, l’un des éditeurs du blog News Games, peuvent orienter l’interprétation de l’internaute ou être composées de multiples niveaux de lectures.

Le remarquable blog Information aesthetics recense dans ce domaine des dizaines de visualisations en lien direct avec l’information en ligne. C’est le sujet d’un billet distinct.

Les quiz, qui sont des jeux dans lesquels la participation est profonde – avec une connotation très sociale – et ont une étymologie liée à l’oralité du discours, mesurent la connaissance du joueur. Plusieurs sites d’information les ont mis en scène au sein de réseaux sociaux comme Facebook. The New York Times y alimente un quiz quotidien, ainsi que la chaîne d’information France 24, qui a fait un notable effort de conception. Une démarche similaire de NPR, mais cette fois intégrée directement à son site web.

News games relate par ailleurs l’expérience de plusieurs jeux en ligne sur le crash de l’Hudson River, en janvier 2009, qui proposent une interaction presque haptique. Dans ces cas, le jeu tente d’immerger mentalement et d’impliquer gestuellement l’internaute dans le contexte de l’événement, en lui faisant effectuer une manoeuvre d’atterrissage d’urgence. Il s’agit alors de revivre l’événement. Ce même événement devient, sur la BBC, un similateur de vol, dans une vidéo (non interactive) qui en décrit le déroulement.

Mais également, plusieurs initiatives dans la presse en ligne initiée autour des jeux témoignent des inexorables changements dans la façon dont l’information peut être “consommée”. MSNBC a mené différentes expérimentations autour de news infused-games avec NewsBreaker et NewsBlaster, deux jeux en flash. Elle les présente comme un moyen de “rester informer tout en s’amusant” et recycle ses flux RSS dans un casse-brique qui libère les titres de l’actualité à mesure que les éléments d’un mur sont détruits.

NewsBlaster est “inspiré par la nature instantannée de l’actualité en ligne et se conçoit comme une course contre la montre pour détruire les “bulles” d’information” d’un même niveau.

MSNBC a également cherché à développer une pratique, sans doute plus intéressante, fondée sur la prédiction d’événement, en se cantonnant cette fois à certains sujets. iPredict est un module de visualisation dans lequel les internautes sont interrogés sur la probabilité d’un événement à se produire. Leur vote est compilé dans un graphique, qu’ils peuvent mettre en rapport avec l’opinion des autres internautes.

Dans ces 3 jeux, l’expérience de l’information n’a plus de rapport avec les modes d’accès traditionnels. Est-elle pour autant plus pertinente ? Elle apparaît comme l’aboutissement un peu ridicule des mécaniques participatives, car elle ne semble pas améliorer véritablement l’usage. Néanmoins, elle vaut davantage par les problématiques soulevées (comment réinventer les modes de consommation de l’information à l’ère numérique ?) que par la qualité du traitement de l’actualité. Par ailleurs, certains commentateurs font valoir un principe de précaution devant les news games, souvent idéologiquement orientés comme nous l’avons expliqué. Leur pertinence n’est pas établie pour traiter tout type d’information.

Dans un tout autre rapport, plus fonctionnel cette fois, quelques sites d’information ont spécifiquement développé des versions de leur portail pour des consoles de jeux pouvant se connecter au web, comme c’est le cas d’El Pais avec sa version PSP. Cette prise en compte des terminaux pourrait aussi à terme questionner de manière plus profonde le type de navigation qui s’impose en fonction du contexte de consultation.

Les concepteurs de The Wii News Channel ont à ce titre réalisé de remarquables propositions pour une navigation de l’actualité avec les principes d’interaction mis en oeuvre par le contrôleur de la console. Il ne s’agit pas uniquement de vidéos et de podcasts, mais d’un authentique rapport au texte, comme la vidéo ci-dessous en témoigne :

Comme le relève la notice wikipédia du Wii Menu, ce pourrait être un concurrent très pertinent des grandes chaînes d’information télé classique comme CNN. Dans la console de Nintendo, le rapport tactile au texte développe tout son sens, par opposition au sens visuel d’un portail d’information web, qui le place à distance. Mc Luhan ne renierait pas ce prolongement tactile de la lecture.

Ce que Mc Luhan apporte à la compréhension des média électroniques

L’ouvrage de Marshall Mc Luhan, Pour comprendre les média, analyse en profondeur les effets de la technologie sur la réception que les hommes ont des média et de l’information. Il a beaucoup insisté sur la dimension pragmatique que revêt la forme des média, influant directement sur le sens de leur contenu, et l’idée que les média sont des prolongements de nos sens et de notre système nerveux central. Cela est vrai par exemple quand nous consultons une même information dans l’édition papier et l’édition en ligne d’un journal quotidien. Sans entrer dans le détail de l’expérience, on conçoit bien que le sens donné à cette information est investi différemment selon le médium.

Ses théories sont encore en grande partie d’actualité au regard des média électroniques, car la pensée de Mc Luhan ne se limite pas aux média existants. Dans les rapports qu’entretiennent les média entre eux, qui est en ce moment un vaste thème de débat (presse papier vs presse en ligne), ressort souvent la notion cruciale d’hybridation. “L’hybridation ou la rencontre de deux média est un moment de vérité et de découverte qui engendre des formes nouvelles.” (p77 de l’édition Point Seuil Essai). Cette notion me semble bien illustrer la situation d’innovation actuelle à laquelle est confrontée la presse d’une manière générale. Je l’ai évoqué notamment lorsque The New York Times a rendu disponible l’application Times Reader, qui cherche à faire se rencontrer l’affectif du support matériel du papier et l’usage engageant du web. De là émerge une forme nouvelle, une façon inédite de consommer l’information, plantée hors du navigateur et un prolongement évident du sens tactile à travers les métaphores de la page. En cela un Times Reader “déplace les rapports intersensoriels”, les transposent dans une “nouvelle forme de vie” fondée sur le vécu culturel des lecteurs.

En cela aussi, “un nouveau médium ne s’ajoute jamais aux média antérieurs et ne les laisse jamais intacts. Il les bouscule sans cesse et leur trouve de nouvelles formes et de nouveaux emplois.” C’est à ces nouveaux emplois que la presse papier devrait notamment être en train de réfléchir plutôt que de jouer sa survie sur l’opposition du modèle payant au modèle gratuit.

Mc Luhan développe une vision passionnante sur la technologie qui devancerait désormais les usages : “la demande d’une technologie nouvelle est peut-être la plus évidente des structurations ou des effets phsychiques qu’elle produit. Personne ne réclame d’automobile tant qu’elle n’existe pas, personne ne s’intéresse à la télévision tant qu’il n’y a pas d’émissions. Le pouvoir qu’a la technologie de créer sa propre demande n’est pas étranger au fait qu’elle est avant tout un prolongement de notre corps et de nos sens.”

Il mêle étroitement les nouvelles technologies à l’organique et c’est effectivement il me semble la direction très claire prise par l’évolution des interfaces (lire à ce sujet l’excellent billet d’Hubert Guillaud, Demain, les interfaces organiques). Il oppose l’âge mécanique, celui de Gutenberg, à l’âge électrique, associé à nos organes. “Notre nouvelle technologie électrique a une tendance organique et non mécanique parce qu’elle prolonge non pas nos yeux mais notre système nerveux central”.

Il y a aussi chez Mc Luhan une idée de la filiation de la forme de la mosaïque à travers une autre opposition qui est celle de la séquentialité du livre et de la lecture fragmentaire du magazine, du journal. Que penser aujourd’hui de cette forme de la mosaïque dans l’information en ligne ? C’est un autre exemple de mutation génétique, pour conserver la métaphore évolutionniste. Il faut aussi se souvenir que Mc Luhan avait perçu pour la télévision la dimension cinétique de la mosaïque, que l’on retrouve totalement dans les média interactifs.

Autre vision fascinante, c’est la comparaison par Mc Luhan des pixels de l’ordinateur, qu’il appelle des points, au courant impressionniste. Pour lui, “toutes ces techniques annoncent d’autres formes électroniques, comme les points et les traits de l’ordinateur, en effet, elles caressent à petits points les contours de toutes les sortes d’êtres”.

Cette réflexion est une succession de notes encore incomplètes, mais elles resituent un peu la pensée de Mc Luhan en la liant à nos préoccupation. Je trouve que sa grande force était d’être un système de pensée dynamique, sans a priori culturel. Je continuerai à y faire appel car je la trouve très utile pour élaborer une grille d’analyse judicieuse des enjeux actuels autour de l’information qui est, Mc Luhan l’avait distinctement perçu, le fondement de notre économie.

Interfaces de science fiction

J’ai déjà publié l’an passé, dans l’actu de *designers interactifs*, un bref Voyage dans les interfaces de science fiction. Cette vision du futur, que l’on nous demande inlassablement d’imaginer, connaît une longue filiation dans le cinéma de science fiction et dans le genre des video concepts, qui seront l’objet d’un prochain billet. Dans mon précédent article, je n’avais pas cherché à incarner et à analyser ces visions. J’ai ainsi rassemblé quelques extraits de films en partant du Metropolis de Fritz Lang (1927). J’aurais pu également démarrer par le plus ancien Voyage dans la Lune de Méliés (1902), mais je chercherai ici à me limiter aux interfaces. Je précise par ailleurs que le point de départ de cette nouvelle réflexion m’a été donné par Pascale Neveu de Vocation Graphique, qui m’a chargé de diriger pour ses étudiants de 4^ème année un projet de recherche sur les interfaces innovantes.

Il est intéressant de partir de la définition de la science fiction : “un genre narratif (littéraire et cinématographique) structuré par des hypothèses sur ce que pourrait être le futur et/ou les univers inconnus en partant des connaissances actuelles (scientifiques, technologiques, ethnologiques etc.)”. Elle questionne la relation ou les problématiques qui peuvent exister entre le présent et une représentation du futur plus ou moins éloigné. Ce que nous décrivent ces interfaces ancrées dans le futur, c’est une anticipation qui s’opère à partir des références connues dans le domaine des interactions homme / machine réelles. Les films cités ci-dessous convoquent un imaginaire singulier et démontrent à travers le temps la puissance de leur rayonnement culturel (l’un des meilleurs exemples étant sans doute la saga de Star Trek).

Trois chercheurs allemands, Schmitz, Endres et Butz, ont mené depuis 2003 une étude pour interroger les influences des interfaces futuristes dans les films. Ils ont mis en évidence plusieurs facteurs :

les effets spéciaux disponibles techniquement
le budget de production
les produits existants et les recherches menées en design d’interaction
l’imagination du réalisateur

D’autres chercheurs, Paul Dourish et Genevieve Bell, au Royaume-Uni, ont questionné la place de l’informatique ambiante dans les films de science fiction, dans un article intitulé “Reading Science Fiction Alongside Ubiquitous Computing“. Leurs conclusions point dans la même direction : l’imaginaire collectif développé à partir des films de science fiction s’interpénètre avec les champs de la recherche en interaction homme / machine. Jean-Noël Lafargue illustre ce propos dans un article relatant la filiation de l’invention du téléphone mobile à partir de Star Trek.

“Science fiction does not merely anticipate but actively shapes technological futures through its effect on the collective imagination”

“Science fiction visions appear as prototypes for future technological environments”

Les principales thématiques développées autour de l’interaction dans les films de science fiction :

l’intelligence artificielle et synthèse vocale (Star Trek, 2001, Space Odyssey, AI, Artificial Intelligence (2001), Time Machine (2002) : un assistant intelligent)
les interfaces tangibles
la réalité augmentée (Johnny Mnemonic, Total Recall)
les interfaces neurales (Johnny Mnemonic, The Matrix
l’identification numérique des personnes, qui soulève les questions très actuelles de la privacy et de la sécurité (Logan’s Run, Gattaca, Bourne Identity, Alien IV)

Metropolis (1927) de Fritz Lang, film en noir et blanc muet, est considéré comme l’un des plus anciens films de science fiction et a profondément et durablement influencé le genre (la notice Wikipedia liste certaines de ces influences). Il relate une ville futuriste habitée par des travailleurs esclaves et des familles dirigeantes, sur fond de lutte des classes. Sa vision du futur est très mécaniste (la culture numérique n’existe pas encore), même si elle est fondée sur la conscience du télégraphe, de la radio et du téléphone et met en scène des machines dont les interfaces tangibles ont été conçues avec un design “anti-utilisateur” comme le montre l’extrait suivant.

Metropolis – Fritz Lang – 1927 from Benoît Drouillat on Vimeo.

Blade Runner de Ridley Scott, sorti en 1982 dans les salles et adapté du roman de Philip K. Dick, Do Androids Dream of Electric Sheep?, a acquis le statut d’un film mythique. Comme dans Metropolis, la femme androïde y occupe une position centrale. Son esthétique, inspirée du film noir, relate un futur proche (2019) où les humains cohabitent avec les androïdes (Replicants). Pour les analystes, Blade Runner représente “un moment clef dans l’évolution des effets spéciaux au cinéma” (voir cette page) puisqu’il coïncide avec l’émergence du traitement numérique. L’extrait suivant montre une raisonance particulièrement actuelle comme représentation de la ville numérique, qui est constamment reprise depuis (voir plus loin l’extrait de Babylon AD) :

Blade Runner digital city from Benoît Drouillat on Vimeo.

En 1990, Total recall, du réalisateur Paul Verhoeven, toujours à partir d’un roman de Philip K. Dick, explore les technologies d’affichage ambiantes et holographiques :

Total recall display + holographic interface from Benoît Drouillat on Vimeo.

Johnny Mnemonic (1995) est un film de Robert Longo. Johnny, personnage interprété par Keanu Reeves, y est un trafiquant d’information doté d’un implant cérébral qui lui permet d’effectuer des transferts de données sécurisés. L’interface neurale est le thème principal de ce film référence du cyberpunk.

X-Men, de Bryan Singer est sorti en 2000. L’un des scènes du film aborde également la question de l’affichage tangible (physical display) à travers cette représentation en 3D du plan d’une ville :

X-Men physical display from Benoît Drouillat on Vimeo.

Artificial Intelligence: A.I. de Spielberg (2001), outre son thème éponyme (intelligence artificielle), aborde la réalité augmentée :

Artificial Intelligence AI – augmented reality – 2001 from Benoît Drouillat on Vimeo.

La même année, du même réalisateur, sort en salles le film Minority. Ce film a évidemment un écho particulier dans la chronologie des films de science de fiction car c’est l’une des premières fois où les rapports entre la fiction et la recherche se font aussi explicites. Alex McDowell, le chef décorateur (production designer), s’est inspiré de sa visite au MIT Media Lab où on lui a présenté des prototypes d’interfaces gestuelles. Son intention était de faire référence à la technologie actuelle tout en lui donnant l’aboutissement logique de ce qu’elle serait dans 40 ans. Microsoft devait par ailleurs contribuer à la production du film, mais la collaboration n’a pas abouti. La firme a publié les esquisses des recherches de son département design.

Un autre aspect intéressant du film, les constantes publicités personnalisées, et notamment cette scène où Tom Cruise entre dans un magasin. Mais le moment-clé du film est l’écran transparent qui permet avec son interface multi-touch de balayer les souvenirs ou les visions des pre-cogs. La grammaire gestuelle que l’on reconnaîtra aisément : drag and drop, vider l’écran, zoom. Le film montre également un exemple d’e-paper (USA Today). Les technologies du film (l’écran multi-touch) agissent comme un prototype pour les designers puisqu’elles ont été réalisées quelques années plus tard par Jeff Han dans un prototype qu’il a présenté à la conférence TED.

Minority report interface from Benoît Drouillat on Vimeo.

Film de moindre envergure, Time Machine (2002) de Simon Wells, présente un intéressant principe d’assistant virtuel :

Time Machine – holographic agent – 2002 from Benoît Drouillat on Vimeo.

Iron Man, de Jon Favreau, sorti en 2008, reprend différents principes d’interfaces : interface holographiques, écrans ambiants, Head-Up Display (HUD), multi-touch…

Iron Man – 2008 from Benoît Drouillat on Vimeo.

Enfin, la même année, Mathieu Kassovitz, inspiré par le roman Babylon Babies de Maurice G. Dantec, réalise Babylon A.D. où on distinguera quelques clins d’oeil : à la ville de Blade Runner, ainsi qu’au style d’interaction de l’iPhone.

Babylon AD – interface ) 2008 from Benoît Drouillat on Vimeo.

De l’hypertexte à l’hypervidéo, nouveaux modèles narratifs et nouvelles applications

Dans un environnement hypermédia contenant des médias temporels, la notion d’hypertexte traditionnel d’un lien nécessite d’être étendue (”In a hypermedia environment that contains temporal media, the traditional hypertext notion of a link requires extension.“), écrivaient en 1989 Hans Peter Brondmo et Glorianna Davenport, deux professeurs du MIT Media Lab.

L’hypervidéo ou vidéo interactive est un ensemble d’images animées intégrant des surfaces cliquables, qui permettent la mise en oeuvre d’un parcours de navigation entre la vidéo et d’autres contenus interactifs. Son concept est similaire à celui plus connu de l’hypertexte, dont le terme fut inventé en 1965 par Ted Nelson. L’hypertexte permet notamment de consulter des documents liés selon un mode non-linéaire. Cette structure non-linéaire enrichit considérablement les possibilités narratives du récit sous la forme vidéo.
Les éléments de distinction essentiels entre l’hypervidéo et l’hypertexte sont à la fois la scène temporelle et la scène spatiale. Alors que le texte écrit propose une scène d’énonciation dont le support formel est statique, le contenu vidéo est par essence mouvant dans le temps (ce que Glorianna Davenport décrit comme un temporal media). Les liens créés dans l’espace hypervidéo ne sont ainsi visibles et actifs que selon un temps donné. Ils doivent par ailleurs s’établir, prendre appui, par le truchement de métaphores spatiales dans la scène de l’énonciation.

Autre aspect crucial, c’est celui de la sémantisation du contenu vidéo, dont la syntaxe et les unités de sens sont fondamentalement différentes de celles du texte. En effet, comment extraire du sens des séquences d’images sans recours humain ? Le calcul des algorythmes capable de le mettre en oeuvre est une problématique complexe. Quel degré de granularité considérer, le frame, la scène ?

La première expérience hypervidéo a eu lieu au MIT Media Lab, en 1988, au sein de l’Interactive Cinema Group, à travers la création d’un portrait hyper-media du cours d’eau Charles River, Elastic Charles. Il est décrit comme “une convergence d’éléments vidéos, graphiques, textuels et d’une interface utilisateur dynamique, inspirée par une vision du magazine du futur“. Le projet, mené par Glorianna Davenport, exploitait la métaphore du cours d’eau pour matérialiser le récit interactif, dont les berges étaient émaillées de séquences vidéos. L’article de présentation du projet contient une réflexion particulièrement importante pour les développements de l’hypervidéo. Il établit notamment plusieurs principes qui régissent la grammaire interactive de l’hypervidéo :

le lien entre 2 séquences vidéos pourrait être fondé uniquement sur une analogie visuelle des deux contenus ou bien sur des notions plus abstraites
dans l’hypervidéo, il est nécessaire de spécifier un mécanisme des points d’entrée et de sortie pour poser les limites d’un lien (où il commence et où il finit)
ces liens doivent trouver une représentation affordante pour se signaler eux-mêmes. Les moving icons (icônes mouvantes) ou micons sont des dispositifs qui peuvent jouer ce rôle. Elles sont conçus comme de courts extraits vidéos jouant en boucle pour représenter le contenu de la séquence.
la navigation apparaît comme beaucoup plus complexe de part la nature dynamique des liens dans la scène d’énonciation

Aussi ludique qu’il soit, Le projet Elastic Charles, explore pour la première fois la mise en oeuvre de l’hypertextualité dans un média temporel. Il pose les jalons d’une nouvelle grammaire interactive. Il anticipe même, à travers son expérience, l’amenuisement de la frontière entre le destinataire (l’usager, le spectateur) et l’énonciateur (le réalisateur).

8 ans plus tard, en 1996, la cellule de recherche d’IBM en Chine implèmente des objets dynamiques cliquables dans les vidéos, pour les besoins d’un projet intitulé HotVideo. Tout comme le projet Elastic Charles, HotVideo permet d’associer un objet à une page ou à un autre contenu vidéo. Le projet introduit de nouvelles idées en termes d’interface utilisateur, notamment en travaillant sur la notion d’affordance, qui permet de signaler d’une façon plus efficiente l’emplacement des liens. Il étend également l’usage de l’hypervidéo au navigateur internet, explore de nouvelles applications pour la TV interactive et proclame : “Les vidéos seront bientôt envisagées davantage par les contenus vers lesquels elles pointent plutôt que leur apparence. [...] Ce que réalise vriament HotVideo, c’est de transformer l’espace en deux dimensions des vidéos ordinaires en un véritable espace multidimensionnel d’information.” (”[...] videos may soon be judged more by what they link to than what they look like. [...] What HotVideo really does is to transform the two-dimensional space of ordinary video into a true multidimensional information space.”)

Présenté lors d’Hypertext ‘96, HyperCafe est un projet interactif expérimental souhaitant explorer les potentialités de l’hypermédia et en faire ressortir les nouveaux enjeux énonciatifs et esthétiques. Il s’agit d’une fiction interactive immersive dans laquelle sont représentés les conversations de différents personnages dans un café, jouées de manière continue (ce qui n’était pas le cas jusqu’à présent). Les interactions mises en oeuvre permettent à l’usager de suivre des propositions narratives différentes lui offrant des “opportunités spatiales et temporelles” d’accéder aux conversations (Temporal opportunities in HyperCafe permit only a temporal window for navigating links in video and text, as an intentional aesthetic.). Ces opportunités d’interactions sont décrites comme relevant de plusieurs ordres :

des opportunités d’interaction temporelles (une fenêtre de temps de 3 à 5 secondes pour cliquer) qui permettent une navigation séquentielle (vs arborescente) dans la vidéo et pointent vers différents chemin narratifs ;
des opportunités d’interaction spatiales qui permettent une navigation plus exploratoire et exploitent la profondeur de la scène (ex. cliquer sur une table en arrière-plan). Elles sont signalées par des zones de clic highlightées d’une certaine couleur, des principes de survols, des modifications du curseur de la souris ;
des sortes de didascalies interactives (Interpretative Textual Links), notations narratives, qui offrent des ponts entre certaines scènes et produisent un effet esthétique de tension entre texte et image

HyperCafe témoigne d’une nouvelle forme de vie pour la vidéo et le cinéma, qui sera reprise d’une manière très poétique (et avec des moyens techniques sans commune mesure) par un projet français, Le Partage de l’incertitude, co-produit par Arte et le CNC, en 2005. Je l’aborde un peu plus loin. HyperCafe questionne la grammaire de l’interaction et la confronte à une réinvention esthétique des codes cinématographiques. A l’époque, la démarche est expérimentale de part le caractère limité des technologies disponibles et des outils.

En 1997, de nouveau au Media Lab, un groupe d’étudiant développe une version plus avancée de l’interface Hypervidéo en envisageant des passerelles avec le téléshopping et la pratique du placement de produit dans les films. HyperSoap est un soap opera (feuilleton-fleuve) dans lequel le spectateur peut interagir grâce à une télécommande augmentée. Il permet d’afficher des informations contextuelles sur les objets sélectionnables (avec une zone de clic prédéfinie) de la vidéo, notamment la façon dont ils peuvent être achetés. Ce projet permet notamment d’affiner considérablement la technique qui permet de définir les zones interactives assignées dans la vidéo.

Les idées autour du Computational Narrative ne sont pas nouvelles. Le film interactif, Le partage de l’incertitude, réalisé par le collectif Anonymes.net en 2005, reprend en grande partie les idées développées par Kevin Brooks au Media Lab entre 1994 et 1999, à travers le projet Agent Stories. Il s’agit de mettre en relation un ensemble de propositions narratives, selon une progression non-linéaire. L’usager co-énonce ainsi l’histoire en générant, par les interactions mises à sa disposition, des variations narratives.

Une petite fille, un jeune homme, une jeune femme, un homme plus âgé : trois générations différentes. Dans une maison, sur la plage, au bord de l’océan, ces quatre personnages partagent des moments simples de la vie.
Pourtant, tout est loin d’être évident. Relations et séparations, distance qui les sépare, dépendent des gestes du spectateur. Le rapprochement des images créé des tensions ou des liens entre ces instants de vie…

Telle est la présentation du film, qui met en abîme à travers l’hypervidéo les connexions émotionnelles de ses personnages. Ce projet est intéressant à plusieurs titres. Fondé sur un usage de petites fenêtres vidéos mouvantes, il se place en rupture esthétique avec les tendances actuelles de la vidéo fullscreen pour aller chercher une tension entre leur cadre blanc et la distance des personnages. Mon corps régule lui-même le flux des images, affirment les auteurs du film, qui soulignent par ailleurs la complexité du travail de montage vidéo et sonore, à envisager non plus dans le temps mais dans l’espace.

Plusieurs campagnes publicitaires interactives ont exploité l’hypervidéo en 2006, notamment un dispositif innovant de General Motors. Cette bannière vidéo est élaborée comme un récit articulé autour d’une arborescence de propositions narratives à déterminer. Il s’agissait de trouver un véhicule adapté aux préférences de l’utilisateur. Chaque séquence du récit, proposée à l’internaute, permettait à la jeune narratrice d’argumenter l’adéquation du véhicule à l’axe des besoins (la performance, le style, le prix, l’usage). L’expérience se fondait un cheminement établi par les préférences utilisateur : à chaque noeud narratif, la narratrice lui demandait d’effectuer un choix, qui l’orientait vers une séquence vidéo déterminée.

En 2007, le clip Neon Bible des canadiens d’Arcade Fire, réalisé par Vincent Morisset, renouvellait à son tour le genre du video clip, en implicant gestuellement l’internaute dans son déroulement. Plus minimal dans sa conception et la richesse des interactions proposées (séquentialité, clics), ce travail témoigne néanmoins des potentialités ouvertes par les outils comme Flash ou Silverlight et le design sonore.

Arcade Fire, Neon Bible interactive video clip from Benoît Drouillat on Vimeo.

Réflexions menées d’après la notice Wikipedia d’Hypervideo [en].

Le Webdesign. Sociale expérience des interfaces web

Le webdesign. Sociale expérience des interfaces web (Collection Forme & sens dirigée par Jean-Jacques Boutaud), Nicole Pignier, Benoît Drouillat, Hermès-Lavoisier, 2008. Préface d’Etienne Mineur.

Plus qu’un simple lieu d’affichage de l’information, plus qu’un simple mode d’accès à l’information, l’interface graphique des sites Web ne serait-elle pas l’espace scénique où se construit une relation imaginaire et culturelle entre l’annonceur et l’usager ? Les interfaces Web par les spécificités de leurs métaphores, par les modes d’organisation de l’information et les parcours de travail qu’elles proposent, invitent les usagers à vivre une réelle expérience socio-culturelle dont les conditions et les enjeux sont dévoilés dans cet ouvrage. Quels effets de sens possibles pour l’usager les interfaces Web suggèrent-elles ? Le webdesign. Sociale expérience des interfaces web permet de répondre à cette question essentielle en phase de conception de sites Web. Il s’adresse aux professionnels de la communication en ligne, aux annonceurs, aux étudiants en communication, en design et aux chercheurs.

Recherche rapide /

Les applications iPad des médias d’information

25 June 2010

J’ai réalisé pour WordAppeal en ce mois de juin 2010 un benchmark des applications iPad des médias d’information. Ce premier tour d’horizon – encore incomplet – témoigne de la première génération d’applications, codées à la hâte. Je me suis particulièrement penché sur leur navigation et la valeur ajoutée interactive et multimédia – encore pauvre –. Ce panorama, surtout formel et ergonomique, démontre l’hétérogénéité des stratégies adoptées par les titres de presse dans le design de leur application. J’ai dénombré 4 typologies : faux-printmagazine-style presentationPDF-type magazine / newspaperMultimedia / web-style application
Les applications montrent une volonté de s’approcher au plus près de l’expérience du papier en répliquant nombre de ses attributs.
Les conclusions que j’en tire :

• Une absence de standards de navigation entre les différentes applications (déjà soulignée par Jakob Nielsen)
• Les applications sont toujours dans une phase expérimentale
• La maturation va nécessiter de repenser en profondeur la dimension “content as a software” et la valeur ajoutée spécifique du canal de diffusion.
Et LA question essentielle : les applications iPad feront-elles revenir l’audience vers de l’information payante ? Rien n’est moins sûr, bien que les chiffres, notamment ceux de Wired, bousculent déjà la prééminence du papier.

Newsweek, un magazine ou un blog ?

8 June 2010

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 [...]

Applications iPad et métaphore du papier : quand le design échoue

7 June 2010

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 [...]

Le design de l’information en ligne

5 June 2010

Dans le cadre du Webdesign Festival International, Olivier Marcellin et moi avons donné ce samedi 5 juin une conférence dont l’intitulé était Le design de l’information en ligne. En voici les slides et le résumé. « L’époque où un titre de presse en ligne était abordé comme déclinaison d’un équivalent papier est révolue. Parmi les enjeux les plus fondamentaux qui se font jour à travers les pratiques de l’information en ligne, les usages et donc les démarches de design. Qu’il s’agisse d’innover en proposant de nouveaux traitements de l’information, avec le rich-media, ou d’en hybrider les formes avec l’héritage typographique des journaux, les dispositifs interactifs renouvellent les pratiques de l’information en profondeur. Par ailleurs, ces publications électroniques se caractérisent par un héritage médiatique et esthétique complexe. Il semble ainsi judicieux d’envisager la presse en ligne dans une perspective évolutionniste et de montrer comment opèrent les nouveaux scénarios imaginés conjointement par les journalistes, les designers et les développeurs. »

Nouvelle version du site des Inrocks (par Upian)

1 June 2010

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 [...]

The Times et The Sunday Times : de nouvelles versions assez conservatrices

25 May 2010

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é [...]

Les applications iPad des médias d’information dominées par la référence à l’imprimé

18 May 2010

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 [...]

De BusinessWeek à Bloomberg Businessweek, une architecture de l’information interchangeable ?

3 May 2010

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) [...]

Du point de trame au pixel : des idomas entrelacés

29 April 2010

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.

Bloomberg, designer la « simplexité » de l’information financière

28 April 2010

Bloomberg, qui fut précurseur dans le domaine des services et de l’information financière à travers ses terminaux dédiés, opère une petite révolution avec sa récente refonte : il passe sur fond blanc, alors que l’un des attributs de son identité a été longtemps son fond noir, identique à celui de son terminal. Par cette refonte, [...]

Nouvelle version pour le site de Rolling Stone

27 April 2010

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 [...]

Owni et ses multiples sens de lecture

26 April 2010

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 [...]

Prison Valley, son interface, sa temporalité

23 April 2010

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 [...]

Le nouveau site de RMC, tentation ornementaliste ?

13 April 2010

« Avec ce nouveau site, les internautes, au fil d’une navigation plus fluide, d’une présentation plus aérée, prennent plaisir à découvrir la richesse et la diversité des contenus proposés par la 4e radio privée de France », c’est ainsi que RMC a présenté la nouvelle interface de son site web (c’est moi qui souligne). A [...]

Les choix de design qui influencent la lecture d’information en ligne sur l’iPad

7 April 2010

Nieman Journalism Lab pointe dans un billet très pertinent 3 choix de design qui influencent la lecture d’information en ligne sur l’iPad et qui — vous le remarquerez — ont tous trait au système de navigation :

une navigation article par article (voir la capture d’écran de l’appli USA Today)
un système de navigation qui privilégie l’immersion directe [...]

Les premières applications iPad des médias français

2 April 2010

J’ai dénombré pour le moment 4 médias français positionnés avec leur application iPad. Difficile, avant l’usage effectif, d’en dresser une véritable analyse. La plus prometteuse me semble celle de France 24, développée par l’agence Backelite. La vidéo du Figaro illustre plutôt un concept. En revanche je ne comprends pas la volonté du Monde de faire [...]

Une vidéo dans les pages du magazine Enjeux-Les Échos

2 April 2010

La régie publicitaire du magazine Enjeux-Les Échos a inséré ce matin dans 10 000 exemplaires de la publication papier un écran LCD de 2,4 pouces dédié à une campagne pour Citroën. Ce support publicitaire, bien qu’inédit en France, a été déjà utilisé à plusieurs reprises dans la presse américaine et italienne, notamment dans Entertainment Weekly. [...]

Premiers regards sur les applications iPad de plusieurs journaux en ligne

2 April 2010

Alors que des captures d’écrans des applications iPad de The New York Times, NPR, USA Today, The Wall Street Journal, AP, Bloomberg et Reuters ont été publiées hier par le site AppAdvice, qui s’est également procuré des descriptions, révèle Nieman Journalism Lab, elles sont ce matin visibles dans iTunes Store. Premier constat, c’est la versatilité de [...]

Video concept de l’application iPad du Figaro

1 April 2010

Le Figaro a publié aujourd’hui un video concept de son application iPad, qui se résume en 3 interactions alternatives : flick to scroll, pinch to zoom in, tap to validate. La grammaire des interactions illustrées est rudimentaire. Les choix de représentation de l’interface sont intéressants à plus d’un titre, car le modèle applicatif et ses schémas [...]

TheNewsWall, quand la photographie se fait navigation

25 March 2010

En janvier dernier, The Independant a lancé TheNewsWall, une des nombreuses façons de représenter l’actualité de manière visuelle. À travers cet exemple, bien que figurant une énième proposition de grille modulaire de l’information, se fait jour une hybridation de genres éditoriaux : presse en ligne vs presse magazine vs medium photographique. Davantage qu’une proposition formelle, [...]

2è partie de l’entretien avec les auteurs de l’ouvrage Lisibilité des sites web

24 March 2010

Par Marie-Valentine Blond, Olivier Marcellin, Melina Zerbib, co-auteurs de l’ouvrage Lisibilité des sites web. Des choix typographiques au design d’information, collection « Accès libre », éditions Eyrolles, Paris, novembre 2009. Propos recueillis par Benoît Drouillat.
7. Et qu’en est-il de la typographie pour le Web ?
MV Pour l’instant, la typographie est le parent pauvre du webdesign. Mais [...]

1ère partie d’un entretien avec les auteurs de l’ouvrage Lisibilité des sites web

17 March 2010

Par Marie-Valentine Blond, Olivier Marcellin, Melina Zerbib, co-auteurs de l’ouvrage Lisibilité des sites web. Des choix typographiques au design d’information, collection « Accès libre », éditions Eyrolles, Paris, novembre 2009. Propos recueillis par Benoît Drouillat.
1. Quels sont vos parcours respectifs ?
MV J’ai obtenu un DSAA création typographique à l’école Estienne en 2005 après un BTS [...]

Le nouveau site d’Intelligence Online

9 March 2010

Publication papier depuis 1980 et site web depuis 1995, Intelligence Online (anciennement Le Monde du Renseignement) décrypte depuis 30 ans les activités des services de renseignement dans le monde. Dès le début des années 90, Intelligence Online a été un aussi un témoin attentif de la naissance de l’intelligence économique, dont il suit depuis tous [...]

Les webdocumentaires d’Upian

2 March 2010

Difficile dernièrement de trouver des sujets d’intérêt dans le domaine de l’information en ligne, même (et surtout) avec l’iPad, encore trop neuf pour laisser la place à une réflexion approfondie. Je viens de recevoir une belle newsletter d’Upian, qui présente les derniers travaux de l’agence, dont l’une des spécialités est d’accompagner les journaux en ligne [...]

Le nouveau design de Europe1.fr infusé par les références américaines

26 January 2010

Europe 1, grande radio privée généraliste française, a refondu son site web. Je trouve assez intéressant de voir que le site reflète davantage l’identité d’une publication au contenu textuel qu’un media sonore. Son design est infusé par les références de conception (nord) américaines :

sa cohérence en 3 colonnes évoque immédiatement le site de la radio [...]

Évolution de la page d’accueil de USA Today

4 January 2010

USA Today a fait évoluer l’architecture de l’information de sa page d’accueil. L’ancienne version souffrait de plusieurs défauts, notamment du manque de tension développé par sa grille. Cette page d’accueil passe d’une structure d’articles très linénaire (et longue), inspirée d’une structure proche du blog à une approche modulaire (plus courte). Elle apporte ainsi une granularité [...]

Mag+, un design concept de magazine innovant

17 December 2009

L’avènement des tablettes continue de susciter les expérimentations. Cette fois, l’agence Berg, qui a collaboré avec la R&D de Bonnier, propose un design concept expliqué dans cette vidéo de 8 minutes. Très intéressant de parcourir le processus du design de ce magazine tactile, où sont détaillés les choix de l’interface. La déconstruction tout en wireframe [...]

La maquette de The New York Times Style Magazine

14 December 2009

The New York Times a refondu au début du mois son Style Magazine, qui comporte plusieurs caractéristiques intéressantes : l’organisation spatiale des pages (en particulier le rapport dans le colonnage), son identité, sa prise en main. En arrivant sur le site, le gigantesque diaporama vertical ne peut (métaphoriquement) signifier que la couverture d’un magazine. Les [...]

Lisibilité des sites web, pour un nouveau design d’information

10 December 2009

Lisibilité des sites web de Marie-Valentine Blond, Olivier Marcellin et Melina Zerbib vient de paraître chez Eyrolles. Il s’inscrit dans la même collection qu’Ergonomie web d’Amélie Boucher, dont le succès témoigne déjà d’un certain renouveau de la réflexion sur les enjeux du design d’interface web, au-delà des approches purement techniciennes. Sans être moins accessible que [...]

Les potentialités des tablettes présentées dans un design concept

3 December 2009

The Wonderfactory a mis en ligne sur YouTube une vidéo de démonstration pour l’interface tablette de Sport Illustrated. Il s’agirait, selon Gizmodo, du fameux Manhattan Project, une initiative de Time Inc. pour porter la presse magazine sur la tablette d’Apple. Cela intervient alors que des avis critiques s’élèvent pour mettre en doute les promesses de [...]

Libération : un journal mis en abyme dans une interface mobile

30 November 2009

Libération, qui a travaillé avec l’agence Visua Mobile pour son application iPhone, formule l’intéressante proposition d’une version papier consultable dans l’interface :
vous avez accès au journal tel qu’il est vendu en kiosques, vous pouvez le feuilleter et lire les articles d’un simple toucher.
Mon propos ici n’est pas de juger la qualité du service mais plutôt [...]

Le Los Angeles Times s’essaie à l’information personnalisée

30 November 2009

Le Los Angeles Times expérimente une solution, développée par la société VisualDNA, qui permet de proposer un nouveau service d’information personnalisée …et de profiler ses usagers. Le dispositif, nommé Newsmatch sur le site du LA Times, consiste en un quiz visuel grâce auquel les préférences des visiteurs sont collectées et analysées. En retour, Newsmatch affiche [...]

Notes de lecture sur Communiquer en rich media

28 November 2009

Dans Communiquer en rich media, Alain Joannès introduit la distinction entre plurimedia (plusieurs media s’additionnent sur des supports différents), multimedia (plusieurs modalités sont proposées dans un même support, comme un site web) et rich media (un ordonnancement complémentaire, scénarisé et interactif de plusieurs modes d’expression). Ces définitions permettent de concevoir qu’aujourd’hui multimedia et rich media [...]

Le reportage multimédia selon El País

20 November 2009

Reportaje 360 est une cellule de production multimédia, développée par El País pour répondre aux nouveaux enjeux du traitement de l’information. Dans la mouvance du documentaire multimédia, Reportaje 360 s’est fixé comme objectif d’apporter une dimension supplémentaire au travail journalistique — l’interaction — en explorant de nouvelles formes, de nouveaux agencements des modalités dites riches [...]

Les interfaces gémellaires de GlobeReader et de TimesReader

18 November 2009

The Boston Globe, journal quotidien américain régional et détenu par The New York Times Company, a révélé son offre de lecteur numérique, GlobeReader, dont le contenu est accessible en ligne et hors-ligne, moyennant un abonnement payant. Tout comme son jumeau le TimesReader — dont les fortes similitudes de l’interface n’auront pas échappées aux lecteurs assidus [...]

Communiquer en rich media par Alain Joannes

17 November 2009

L’excellent Alain Joannes, déjà auteur de Le Journalisme à l’ère électronique (2007), vient de publier aux éditions du CFPJ un ouvrage qui manquait singulièrement dans le paysage, Communiquer en rich media. Un blog accompagne cette publication, hypermedia.vox.com. Constitué de 10 chapitres, l’ouvrage aborde les modes d’expression (complété d’études de cas), les événements, les outils de [...]

Le mur de Berlin en Zooming User Interface

10 November 2009

Aux fenêtres classiques de l’interface se substitue dans les Zooming User Interfaces (ZUI) un espace virtuel infini (infinite virtual desktop) dans lequel l’usager peut se déplacer et modifier l’échelle de la zone affichée, avec un niveau de détail plus ou moins important. Son avantage est habituellement de pouvoir offrir une perception globale du contenu de [...]

RFI et la densité informationnelle

5 November 2009

RFI est une radio de service public destinée à des populations ou à des communautés dispersées à travers le monde. C’est la première radio française d’information internationale en continu. Elle rassemble 46 millions d’auditeurs dans le monde. Elle propose des programmes en français et en langues étrangères à travers ses rédactions à Paris et ses [...]

MSN et la fin des portails (suite)

4 November 2009

J’avais évoqué cet été, en présentant Times Reader, la mort du portail comme porte d’entrée à l’information et aux services sur le web, mais aussi comme mode typique de présentation de l’information. Le portail a longtemps été, depuis la fin des années 1990, un moyen d’unifier l’écosystème — parfois complexe — des produits et des [...]

Designer les “murs de paiement” de l’information en ligne

29 October 2009

Un certain nombre de sites d’information en ligne tentent de trouver refuge dans un modèle payant pour conjurer la très mauvaise conjoncture du marché publicitaire. Jusqu’alors majoritairement appuyée sur la distribution gratuite de l’information, la presse en ligne continue de débattre de l’opportunité de mettre en place cette nouvelle économie de service. Les déclarations de [...]

CNN.com tente de se réinventer

27 October 2009

CNN a révélé officiellement, ce 22 octobre, une nouvelle version de CNN.com, l’un des sites d’information les plus consultés au monde (38 millions de visiteurs mensuels), dont la dernière refonte datait de juin 2007. Ce nouveau CNN.com — dont les breaking news sont un élément d’identité essentiel — fait sensiblement évoluer son traitement de l’actualité, [...]

Toronto Star : “Choose the way you view the news”

26 October 2009

Le Toronto Star est le journal quotidien le plus important du Canada, doté d’une distribution de plus de 400 000 exemplaires par jour. Lancée du début d’octobre 2009, la nouvelle version du site, www.thestar.com, témoigne une fois de plus de l’émergence d’un design éditorial propre aux sites d’information en ligne. Le Toronto Star intègre bien [...]

L’information tactile

19 October 2009

Bakchich, version web, version papier

10 October 2009

Bakchich.info, site d’information satirique et indépendant, opère un passage très intéressant du web au papier, empruntant un chemin d’évolution inverse dans le champ des media, qui a été commenté comme relativement inédit. Pour cela, Bakchich s’est entouré de l’agence Rampazzo & associés, qui manie aussi bien le pixel que le point de trame, et a [...]

Presse écrite / en ligne, regards croisés

6 October 2009

Le site web de France Culture me fait l’honneur de figurer dans son dossier sur Presse écrite / en ligne, aux côtés de Jean-Marie Charon. Nous témoignons — chacun selon nos perspectives — des rapports entre la presse écrite et la presse en ligne. Je note au passage avec intérêt la parution prochaine de son [...]

la figure du designer dans l’émission Design for life

28 September 2009

La BBC 2 a imaginé une curieuse comédie pour mettre en scène l’exubérance de Philippe Starck, Design for life. Son théâtre est Paris et son décor un établissement culturel et artistique, le 104. La vie et la mise à mort (celle des aspirants designers) se côtoient étroitement dans cette première émission de télé-réalité dont le [...]

Prudente nouvelle formule pour le Figaro

21 September 2009

Deux semaines après le lancement de la nouvelle formule “mosaïquée de Libération, Le Figaro offre “un nouveau format, des pages tout en couleurs et une maquette plus aérée”. Ce ne sera pas davantage, prévient Etienne Mougeotte, le directeur des rédactions, mettant en lumière une “évolution et non une révolution”. Autant dire un non-événement. Pour le [...]

Sobees et Microsoft imaginent un journal nouvelle génération

16 September 2009

Dans le cadre d’un appel à projet de la Newspaper Association of America, destiné à trouver de nouveaux modèles d’affaires pour les journaux en ligne, Sobees et Microsoft ont planché ensemble sur une application, révèle Zachary M. Seward dans le NiemanJournalism Lab. Cette application, dont le nom de code est Next-Generation Newspaper, est amplement inspirée [...]

Pourquoi Google Fast Flip est (délibérément) une impasse

15 September 2009

Google a lancé un nouveau service, imaginé dans le cadre de son Google Labs, intitulé Fast Flip. Le projet consiste à permettre aux internautes de naviguer séquentiellement dans des captures d’écran d’articles provenant de sites d’information. Ces partenaires ont accepté la reprise de leurs contenus par Google, en échange du partage des revenus publicitaires générés [...]

FLYP, un magazine multimédia et interactif

14 September 2009

Avant d’inaugurer la saison des refontes des sites d’information en ligne, nous avons régulièrement abordé ici le traitement interactif de l’actualité, chez NPR, au New York Times, ou sur des sujets comme l’affaire Madoff. Pour ne citer que les meilleurs. Cet été, nous nous interrogions sur le futur des magazines en ligne, sans trouver de [...]

Nouvelle formule de Libération : une forme mosaïquée

8 September 2009

La fragmentation est le sens vers lequel Libération tend irrésistiblement avec un nouvel habillage qui survient un peu moins de 2 années après la précédente refonte, pour le papier s’entend. Car, en ce qui concerne le web, on ne peut véritablement parler d’une refonte. Quelques maladroites retouches ont été apportées au design déjà incohérent du [...]

Gérer la complexité dans les interfaces de site d’information

31 August 2009

Traditionnellement, les sites d’information en ligne sont des modèles de complexité. Complexité par le nombre (des informations), complexité par la forme (de la représentation). Ce n’est pas tant qu’ils soient complexes à utiliser mais complexes à embrasser dans l’entrelacement de leurs messages. L’entrelacement, c’est précisément le sens éthymolologique du terme (< lat. complexus). La toute [...]

La refonte uniformisante du Los Angeles Times

25 August 2009

Mi-août, Le Los Angeles Times, second plus grand quotidien américain, a été refondu, suivant ainsi le cortège des journaux en ligne qui tentent de réinventer leur modèle. “We’re bringing you a site that’s easier to read and use and that better showcases the world-class journalism our newsroom produces around the clock.”, ce sont les mots [...]

Une analyse de la nouvelle version de Stern.de

24 August 2009

Stern (étoile en français) est un magazine d’actualité hebdomadaire allemand. La nouvelle version se démarque des codes magazine avec une construction verticale pour la première partie de la page d’accueil, puis un assemblage de modules thématiques horizontaux (très semblables dans leur principe à ceux de MSNBC). Nous avons été frappés par la place donnée [...]

Des émotions comme commentaires pour NBC

18 August 2009

NBC Local a lancé commercialement le 29 juillet dernier, après plusieurs mois de version bêta, les sites d’information locale de 10 villes aux États-Unis. Chacun a été conçu comme une alternative au site principal de NBC, relate Mediaweek. Ces sites comportent un mode d’interaction déjà exploré par la BBC avec son projet BBC White, la [...]

Mon offre

17 August 2009

Designer d’interface et consultant en expérience utilisateur freelance, spécialiste des projets institutionnels et à forte vocation éditoriale.
J’ai 10 ans d’expérience au sein d’agences interactives à Paris, en tant que directeur artistique et directeur de création (Himalaya, Baobaz, SQLI Agency, WordAppeal) et designer indépendant. Je suis intervenu en architecture de l’information et en design d’interface pour [...]

La nouvelle version du Chicago Tribune

17 August 2009

Le Chicago Tribune a tout récemment refondu la maquette de son site web. Il me semble que le journal a pris le contre-pied de nombre de ses confrères en privilégiant la hiérarchisation de l’information au détriment de la prise en main (interactive) de l’information. Une gestion différente du colonnage, un volume d’information plus important (les [...]

Le Petit dictionnaire du design numérique

30 July 2009

Je travaille actuellement, dans le cadre de *designers interactifs*, sur un projet de Petit dictionnaire du design numérique. Il s’agit d’une publication collaborative destinée à proposer des repères à la profession et au grand public sur ce que sont les grandes notions en design numérique. Nous oeuvrons dans une discipline dont la terminologie est pléthorique [...]

La révolution multimédia du site de NPR

28 July 2009

National Public Radio (NPR), organisation à but non lucratif, est la syndication aux États-Unis de 860 radios publiques. Elle revendique une audience de 27,5 millions d’américains chaque semaine et diffuse des programmes comme des news, des talk shows et des programmes de divertissement. Dans le billet liminaire à la nouvelle version du site de NPR, [...]

L’intéressante métamorphose de Newsday

24 July 2009

Newsday est un quotidien tabloid et un site d’information américain, au 11ème rang en termes de circulation. Il couvre les secteurs géographiques de Long Island et de la ville de New York. En dépit de son format papier tabloid, Newsday ne pratique pas le sensationnalisme. A l’issue de son rachat par Cablevision (un opérateur TV [...]

Pages d’information personnalisables

23 July 2009

Le quotidien national espagnol Elmundo.es vient de lancer sa page d’information personnalisable, Mi Mundo. Sa conception (= son design) est assez réussie avec un travail de lisibilité assez judicieux, où la structure modulaire de la page n’est pas au premier plan mais privilégie la typographie des niveaux de lecture. Le designer américain Andy Rutlegde avait [...]

Newsdeck agrège les titres de USA Today

17 July 2009

Les façons nouvelles d’accéder à l’information se succèdent avec plus ou moins d’à-propos dans les tentatives mises en oeuvre par les journaux de quitter les anciens modèles. USA Today a lancé un agrégateur de titres, Newsdeck, où chaque thème d’information dispose d’un module dans lequel les titres défilent. Techcrunch le compare au New York Times [...]

Le futur des magazines en ligne ?

12 July 2009

L’agence new-yorkaise Redub a mené une expérimentation sur un système de publication qui révolutionnerait la consultation des magazines en ligne. Intitulé Redub Reader, le projet est parti d’une double observation des interfaces actuelles : elles investissent la métaphore du livre ou s’inspirent de la logique de lecture verticale des blogs. Pour ces deux pratiques culturelles [...]

La fin des portails web

10 July 2009

Alors que MSN.fr (page d’accueil la plus vue en France d’après leur communiqué) a mis en ligne ces derniers jours la 12ème version de sa page d’accueil en 12 ans, le portail web, genre utilitaire et éditorial, s’efface peu à peu en tant que mode d’accès unifié à des contenus et à des services. Nés [...]

De la lecture horizontale dans la presse magazine en ligne

7 July 2009

Traditionnellement les sites à forte vocation éditoriale sont construits verticalement. La métaphore de la page à l’écran, au format portrait, prévaut. C’est ce que le genre du portail a nourri historiquement, en insistant sur le rythme séquentiel du contenu. Dans les techniques de construction des grilles pour des interfaces web, la notion de rythme vertical [...]

La valeur ajoutée du traitement interactif de l’affaire Madoff

3 July 2009

Le financier new-yorkais Bernard Madoff, condamné cette semaine à une peine de 150 années de prison, avait monté une fraude pyramidale de 50 milliards de dollars. Les journaux en ligne ont bien sûr largement traité cette affaire qui se distingue par le caractère inédit de son ampleur. Au dénouement, les rédactions ont multiplié les dossiers [...]

Une synthèse de la couverture de la mort de Michael Jackson dans la presse en ligne

29 June 2009

La révélation progressive des faits et des témoignages entourant la mort de Micheal Jackson a nécessité une couverture mettant en jeu une diversité de formats éditoriaux et interactifs dans la presse en ligne. Cet événement constitue un cas d’étude très riche d’enseignements pour décrypter la mécanique des média qui se met en place sur internet [...]

Les Unes des sites d’information américains sur la mort de Michael Jackson

26 June 2009

Sur les sites d’information américains, les Unes à l’annonce de la mort de Michael Jackson. Une couverture qui témoigne du traitement d’une actualité chaude, teinté parfois de sensationnalisme et d’émotion.
MàJ : j’ai transféré les images dans un module flickr et je prépare un autre billet reprenant les meilleurs modules interactifs sur le sujet, à mesure [...]

Michael Jackson : un hommage interactif

26 June 2009

Diaporama et timelines ont été depuis l’annonce de l’information les outils privilégiés de la presse en ligne pour relater la carrière et la mort de Michael Jackson. Alors que le web a battu la télévision de rapidité, plusieurs publications en ligne ont fait preuve d’une réactivité surprenante en délivrant des modules multimédia de haute tenue. [...]

Visualisations criminelles dans la presse en ligne

24 June 2009

Flowing Data, un blog rédigé par un doctorant en statistiques, a regroupé dans une note une vingtaine de dispositifs interactifs mettant en oeuvre les données enregistrée sur les crimes et délits. Beaucoup de ces dispositifs sont des sites dédiés, comme Oakland Crimespotting ou CrimeReports, mais on retrouve également des initiatives intéressantes de la presse en [...]

Nouvelle version de CBSnews.com

21 June 2009

CBS News a dévoilé il y a quelques jours la nouvelle version de son site CBSnews.com. Qualifié de “visuellement plus riche et navigable”, le design de ce nouveau site tisse de nombreuses références à d’autres sites d’information en ligne. Plusieurs schémas de conception désormais presque classiques sont ainsi mis en oeuvre, des carrousels aux module [...]

Nouvelle version du NYT article skimmer

19 June 2009

The New York Times a annoncé sur son blog First Look la sortie de la 3ème version de l’article skimmer. J’ai déjà amplement abordé le principe de cette interface dans différents billets, “Renouveler les parcours de lecture dans la presse en ligne” et “L’information en ligne comme une mosaïque”. Article skimmer permet un mode de [...]

design d’information dans les interfaces web mobiles

15 June 2009

Je profite de rebondir sur un article de Mathieu Collet sur l’excellent blog Ergonomic Garden pour poser quelques principes sur le design de l’information dans les interfaces web mobiles. Je suis tout à fait d’accord pour souligner l’importance de la qualité esthétique dans une interface web et tout autant dans le web mobile. Je trouve [...]

PechaKucha Paris volume 9 : dessein(s)

15 June 2009

Parmi mes multiples activités (designer et consultant, enseignant, président d’association…), il en est une qui nourrit en permanence ma réflexion et me permet d’être en dialogue étroit avec différentes disciplines du design. J’organise depuis 2007 les soirées PechaKucha Paris, qui permettent tous les 2 mois à une dizaine de designers de présenter leur travail en [...]

La fin des journaux et l’avenir de l’information

13 June 2009

Bernard Poulet, rédacteur en chef à l’Expansion a publié chez Gallimard un des meilleurs ouvrages sur les mutations de l’information depuis Une Presse sans Guternberg. Précis et exhautif, La Fin des journaux et l’avenir de l’information dresse un diagnostic sans complaisance des atermoiements de la numérisation progressive des journaux. Bien que les 3 premières parties [...]

EveryBlock, un design d’information microlocale

11 June 2009

La montée en puissance de l’information locale, hyperlocale, voire microlocale, est effective.
Le projet EveryBlock, qui couvre désormais 4 nouvelles villes (Atlanta, Dallas, Houston, Detroit), rassemble de l’information locale et propose des flux d’information géographiquement “filtrés”. Il s’appuie sur l’hyper-proximité, à l’échelle des quartiers, pour proposer 3 types d’information : civique (permis de construire, crimes, critiques [...]

True/Slant et l’avènement de l’advertorial

9 June 2009

True/Slant, lancé ce lundi 8 juin, est selon The Washington Post un portail d’information qui redéfinit les relations entre journalistes, lecteurs et annonceurs. Son modèle, qui revendique la capacitation (empowering) des contributeurs (une centaine), fait intervenir aussi bien des journalistes, des auteurs que des experts. Chacun est invité à y construire sa propre communauté de [...]

14 scénarios pour le futur du journalisme par IDEO

8 June 2009

A la demande du San Francisco Magazine, l’agence de design IDEO (inventeur de la souris Apple) a imaginé 14 scénarios d’usage pour le futur du journalisme. Comment l’information sera-t-elle appréhendée par ses lecteurs une fois le modèle actuel disparu ? Une équipe de 6 designers et technologistes, dont certains formés au journalisme, a mené des [...]

Quand l’information devient un jeu

6 June 2009

Ce que Mc Luhan apporte à la compréhension des média électroniques

3 June 2009

L’ouvrage de Marshall Mc Luhan, Pour comprendre les média, analyse en profondeur les effets de la technologie sur la réception que les hommes ont des média et de l’information. Il a beaucoup insisté sur la dimension pragmatique que revêt la forme des média, influant directement sur le sens de leur contenu, et l’idée que les [...]

L’information en ligne comme une mosaïque

31 May 2009

J’ai déjà évoqué la notion de “mosaïque” qui est centrale dans l’analyse que McLuhan dresse de la presse papier : “Le journal, dès l’origine, s’est orienté non pas vers la forme du livre, mais vers une forme de mosaïque et de participation. Elle est aisément transposable dans la presse en ligne, qui recherche, à travers [...]

(une) analyse de la nouvelle version du site de France Info

27 May 2009

France Info a mis en ligne la nouvelle version de son site, annonce Isabelle Crahay dans Journalismes.info. Pour Marshall McLuhan, la radio, structurée comme un système nerveux d’information, s’oppose à “l’organisation intensément visuelle de l’expérience”. Medium “chaud”, elle est dotée d’un “pouvoir magique tribal” mêlé à celui d’ “engager les gens en profondeur”. Selon McLuhan, [...]

design d’information sur les pages de la saison F1 2009 de El Mundo

25 May 2009

A l’occasion du grand prix de Monaco, le quotidien espagnol El Mundo affichait ce week-end une rubrique formule 1 (especial) au design d’information très interactif. Le traitement de l’information du grand prix témoigne de ce que peut être un journalisme multimédia participatif et ludique. Les infographies mises en avant dès la page d’accueil semblaient tout [...]

Lens Blog, le photojournalisme selon The New York Times

22 May 2009

The New York Times continue de rechercher de nouvelles formes pour mettre en scène l’information, en lançant Lens, un blog dédié au journalisme visuel sous toutes ses formes. Cette expérimentation, qui se veut une vitrine privilégiant le grand format pour les photographes du journal, rappelle que la photographie d’actualité mériterait une meilleure valorisation sur le [...]

Nouvelle version de l’Équipe.fr

20 May 2009

Le journal l’Équipe vient de mettre en ligne une nouvelle version très colorée de son site web. Elle a été réalisée par Johann Van Aerden et Olivier Demonchy du collectif Newround. Une vidéo de présentation des nouveautés est disponible sur le site. Globalement je trouve cette maquette quelque peu surcodifiée avec la multiplication des codes [...]

Le nouveau design de Newsweek.com

19 May 2009

Newsweek, grand magazine d’information hebdomadaire américain, a mis en ligne une nouvelle version de son site. Cette refonte accompagne celle du magazine papier, lancée le 18 mai 2009. L’article de présentation resitue bien l’une des principales problématiques de la consultation d’information en ligne : la surcharge informationnelle. Plutôt que s’additionner aux autres canaux, Newsweek souhaite [...]

Le design d’un site de presse en ligne ultra-local

19 May 2009

Les modèles de publication traditionnels de l’information en ligne sont aujourd’hui en question. L’attention se tourne, après les fermetures récentes de plusieurs journaux régionaux, vers l’actualité locale en ligne, hybridée avec les formes nouvelles du journalisme citoyen, profondément participative. Pourquoi une telle attention ? L’actualité locale dispose de nombreux atouts, selon ses défenseurs, comme d’encourager [...]

Les slides de mon intervention à l’ESSEC

17 May 2009

Ce lundi 18 mai, je suis invité (aux côtés de Landor et de la revue étapes:) par Brigitte Borja de Mozota dans son cours d’initiation au design, à l’ESSEC.
Ce cours est un parcours de découverte du design dans toutes ses facettes théoriques et dans toutes ses disciplines : design produit, packaging, design graphique, design d’environnement [...]

Nouvelle version du site d’information boursière MarketWatch

13 May 2009

Le site d’information boursière MarketWatch, qui fait partie du réseau du Wall Street Journal, vient de mettre en ligne sa nouvelle version. La spécificité d’un site d’information financière / boursière est évidemment la manipulation de données complexes et changeantes et la nécessité, comme le souligne le rédacteur en chef du site, d’une information aisément assimilable. [...]

Quelques réflexions sur le paléo-futur et les vidéos concepts

12 May 2009

J’ai conclu mes cours cette année en invitant mes étudiants à prendre une distance critique avec les interfaces et les usages. Jamais nous n’avons autant été alimentés d’interfaces innovantes, en oubliant peut-être questionner suffisamment la pertinence de ces visions d’anticipation. Souvent, ce que nous pensons inventer et la connotation futuriste des interfaces n’est que la [...]

Comment The New York Times anticipe le futur de la presse en ligne

11 May 2009

Intéressantes actualités en ce début de semaine pour The New York Times, qui d’une part entrouvre les portes de son studio R&D et livre la version 2.0 de son Times Reader (que j’ai déjà évoqué dans ce billet). Les rédacteurs de l’excellent blog The Nieman Journalism Lab, qui réfléchit à l’innovation dans l’information en ligne, [...]

La presse en ligne mobile, média visuels vs média tactiles

10 May 2009

Comme l’écrit Barbara Ballard dans la préface de son ouvrage Designing the mobile experience, il existe des centaines de terminaux mobiles, autant de technologies à implémenter différemment, et de situations d’usages. Nous sommes loin de couvrir l’extension des usages conduits autour de la presse en ligne sur les terminaux mobiles. Les interfaces mobiles ne sont [...]

Des innovations pour la presse (en ligne)

8 May 2009

Je me suis procuré le magazine Stratégies du 7 mai 2009 qui résume dans une enquête le rapport annuel World Association of Newspapers. Loin de dresser un panorama satisfaisant, l’article enfonce quelques portes ouvertes en énumérant les thèmes de l’e-paper, des interfaces mobiles, de la rédaction multimédia et ses “profondes transformations”, de la vidéo, de [...]

L’usabilité est-elle obsolète ?

4 May 2009

Le numéro de mai-juin de la revue américaine Interactions vient de paraître et livre une série d’articles sur l’évolution des champs du design d’interaction. Katie Scott, de l’agence Maya, y écrit un véritable plaidoyer pour réformer structurellement l’usabilité. Selon elle, les 15 années d’évolution fulgurante du web, qui ont remis en question beaucoup de paradigmes [...]

Une bibliographie sélective de 20 ouvrages sur la presse en ligne

3 May 2009

Toujours en pleine réflexion sur la presse en ligne, j’en ai dressé une bibliographie sélective. Ces ouvrages ne traitent pas uniquement du design de la presse en ligne, mais l’abordent largement sous plusieurs prismes : contenu et architecture de l’information, modèle économique, historique voire théorique. A ce titre, il me semblait particulièrement judicieux d’y intégrer [...]

Marianne2.fr refond son design

30 April 2009

La nouvelle version du site du magazine hebdomadaire Marianne a été mise en ligne le 29 avril, réalisée par l’excellente agence Upian. Cette refonte, écrit Philippe Cohen, rédacteur en chef de Marianne2.fr, procède de la volonté d’élargir l’offre éditoriale du magazine en ligne et de l’ouvrir davantage au web, dans le contexte “marqué par l’approfondissement [...]

Représenter l’actualité avec une newsriver navigation

29 April 2009

Le site d’information néerlandais www.en.nl expérimente, en lieu et place de son header, une intéressante représentation temporelle de son activité de publication. Cette ligne de temps horaire, baptisée newsriver navigation, affiche sous la forme d’un diagramme à barres la liste des articles publiés sur les dernières 24 heures. Le designer, Wilbert Baan, explique ses choix [...]

Renouveler les parcours de lecture dans la presse en ligne

27 April 2009

A travers leur mode d’organisation de l’information, les sites d’information en ligne convoquent un imaginaire qui appuie culturellement la référence aux expériences de l’information sur papier. Dans notre ouvrage, Le webdesign. Sociale expérience des interfaces web, Nicole Pignier et moi analysons le rapport métaphorique qui lie l’interface de la “page-écran” à la matérialisation du support. [...]

Cartographier les réseaux sociaux et l’information en ligne

24 April 2009

IRL, une société néerlandaise, vient de lancer un nouveau service que je teste depuis quelques jours, IRL Connect. Ce méta-réseau social, remarquablement fluide dans son intégration, géolocalise visuellement les usages de différentes plateformes sociales de contenus comme Twitter, Facebook, YouTube pour leur conférer un sentiment de présence In Real Life (dans la vie réelle). Concrètement, [...]

Timeline et représentation de l’information dans la presse en ligne

23 April 2009

Les lignes de temps interactives (timelines) sont des exemples de formalisations séquentielles, des parcours de navigation dans l’information qui rompent avec la conception d’une interaction à simplement “cliquer/pointer”. Dans les timelines, l’implication gestuelle de l’internaute prend une signification particulière, avec un sens de lecture horizontal et cette notion de défilement, culturellement plus détachée de la [...]

Ergonomie web, 2ème édition

22 April 2009

Une 2ème édition de l’ouvrage Ergonomie web vient d’être publiée chez Eyrolles, un peu plus d’une année après ce 1er succès de librairie, inattendu pour l’éditeur. Le livre d’Amélie Boucher sort, alors que le rôle omniscient de la discipline, signalé par Jean-Louis Fréchin comme une posture mainstream qui rééquilibre l’absence de l’utilisateur des processus de [...]

Interfaces de science fiction

21 April 2009

J’ai déjà publié l’an passé, dans l’actu de *designers interactifs*, un bref Voyage dans les interfaces de science fiction. Cette vision du futur, que l’on nous demande inlassablement d’imaginer, connaît une longue filiation dans le cinéma de science fiction et dans le genre des video concepts, qui seront l’objet d’un prochain billet. Dans mon précédent [...]

De l’hypertexte à l’hypervidéo, nouveaux modèles narratifs et nouvelles applications

19 April 2009

Dans un environnement hypermédia contenant des médias temporels, la notion d’hypertexte traditionnel d’un lien nécessite d’être étendue (”In a hypermedia environment that contains temporal media, the traditional hypertext notion of a link requires extension.“), écrivaient en 1989 Hans Peter Brondmo et Glorianna Davenport, deux professeurs du MIT Media Lab.
L’hypervidéo ou vidéo interactive est un ensemble [...]

Quels usages de Twitter pour la presse en ligne ?

18 April 2009

Le 1er avril 2009, le quotidien national anglais The Guardian publiait sur son site un article pour annoncer qu’il serait publié uniquement sur le service de microblogging Twitter. Ce poisson d’avril questionnait d’une façon judicieuse le traitement de l’actualité dans le contexte des médias sociaux. A la lueur de développements récents comme le crash d’un [...]

Chrome Experiments, comment renouveler le paradigme du browser ?

16 April 2009

Google a créé une galerie d’expérimentations pour démontrer les potentialités de son navigateur Chrome, Chrome Experiments. Chrome représente environ 1,15 % des parts de marché des navigateurs. Réalisées à partir des derniers standards ouverts (HTML 5, Canvas, SVG…), elles questionnent d’une façon souvent humoristique la problématique du navigateur comme paradigme d’interface. Dans ces tentatives de [...]

Designs de Wiki

15 April 2009

Les applications des wikis sont nombreuses (communication, collaboration, partage de connaissance…). Ils incarnent très bien les nouveaux usages en cela qu’ils font véritablement passer le web en mode écriture. Ils remplacent à la fois les échanges d’e-mail, sont des hubs de collaboration qui centralisent l’information et organisent le partage des connaissances. L’aspect que l’on connaît [...]

Méthodologie(s) de benchmark pour un projet web

14 April 2009

Je demande souvent à mes étudiants, avant de se lancer dans le travail de conception ou même de maquette, d’effectuer un benchmark formel ou informel des problématiques design qu’ils auront à résoudre dans le cadre du brief que je leur soumets. Dans mon expérience, le benchmark ou l’analyse concurrentielle constituent rarement des livrables à part [...]

Une réflexion sur le design de la presse en ligne

12 April 2009

Le sujet du design de la presse en ligne n’est soulevé que depuis très récemment et reste encore abordé comme si le design équivalait à un dispositif d’habillage (en somme une démarche purement stylistique), relativement déconnecté des usages, de la notion centrale de conception (sauf pour des analystes comme Jean-Louis Fréchin et Hubert Guillaud d’Internet [...]

Le Webdesign. Sociale expérience des interfaces web

31 March 2009

Le webdesign. Sociale expérience des interfaces web (Collection Forme & sens dirigée par Jean-Jacques Boutaud), Nicole Pignier, Benoît Drouillat, Hermès-Lavoisier, 2008. Préface d’Etienne Mineur.
Plus qu’un simple lieu d’affichage de l’information, plus qu’un simple mode d’accès à l’information, l’interface graphique des sites Web ne serait-elle pas l’espace scénique où se construit une relation imaginaire et [...]

Penser le webdesign

31 March 2009

Penser le webdesign, Nicole Pignier, Benoît Drouillat, L’Harmattan, 2004. Préface de Jacques Fontanille.
Comment, à travers chaque étape d’un projet web, enrichir l’inspiration et la pertinence du design ? Cet ouvrage propose une méthodologie concrète et exploitable pour créer ou refondre un site web digne d’une communication efficiente et esthétique. Du brief créatif à sa traduction [...]

Aurora, une vision prospective du Web

20 March 2009

L’agence Adaptive Path, sous l’impulsion de son lead designer Jesse James Garrett, a travaillé en partenariat avec Mozilla Labs sur une vision prospective du web, Aurora, transcrite par une série de vidéos relatant des expériences autour du navigateur et des usages innovants dans leur contexte. Elle s’articule autour de 4 thèmes principaux :

la capacité du [...]