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

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

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. »

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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