1ère partie d’un entretien avec les auteurs de l’ouvrage Lisibilité des sites web
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 communication visuelle à l’ESAA Duperré.
J’ai ensuite travaillé trois ans en tant que graphiste dans une agence de design d’information, ce qui m’a permis de bien appréhender les problématiques liées à ce domaine.
Je travaille désormais dans le secteur de l’édition.
OM J’exerce le métier de designer depuis plus d’une dizaine d’années, avec une prédilection pour le savoir faire typographique et le design d’information.
Je possède un DSAA création typographique, obtenu à l’école Estienne.
Enseignant en typographie dès 2002 à l’école de communication visuelle (ECV), j’interviens désormais ponctuellement à l’université (licences, masters professionnels), sur des thématiques peu usitées telles que « la structuration de l’information sur le Web », « le processus de lecture sur les écrans digitaux », « la typographie pour le Web », « l’histoire de la typographie », etc.
Sensible à la démarche « d’ergonomie de l’information » comme j’aime à l’appeler, je privilégie une approche du design fonctionnel dans mon travail.
Depuis 2007, j’effectue des recherches sur la lisibilité des médias électroniques, pour des contenus orientés vers le savoir, les sciences, l’éducation et la culture. La lisibilité de l’information me passionne et d’autant plus sur les supports interactifs.
MZ Après un BTS en communication visuelle option multimédia, j’ai poursuivi mes études en DSAA création typographique à l’école Estienne. Malgré ma formation initiale plutôt portée vers l’écran, j’ai toujours été attirée par les techniques traditionnelles d’impression et le monde de l’édition papier, ce qui m’a conduit vers l’apprentissage de la typographie. Mon projet de diplôme de DSAA, obtenu en 2009, interroge les modèles graphiques actuels de la presse en ligne pour imaginer de nouvelles formes possibles de consultation de l’actualité sur le Web.
2. Comment est né le projet de votre livre ?
OM Muriel Shan Sei Fan, responsable éditoriale du secteur informatique des éditions Eyrolles, m’a contacté le 18 avril 2008, précédant la programmation d’un atelier intitulé : « La lisibilité des caractères typographiques sur les écrans numériques », à destination de professionnels du Web, que j’ai animé lors du Webdesign International Festival (Wif) à la technopole Ester, à Limoges.
Muriel était alors à la recherche d’un sujet d’écriture sur ce type de thématiques orientées vers la lisibilité des contenus sur internet. C’est donc à elle que revient l’initiative du projet de ce livre.
J’ai accepté avec un élan spontané ! tout en affirmant l’envie de constituer une équipe de travail avec Marie-Valentine, également pressentie par Muriel, de par ses recherches sur le processus de lecture et la typographie sur écran, pour lesquels j’avais publié des extraits sur mon blog Objetslivres (qui est consacré à l’histoire graphique des livres).
Par la suite j’ai proposé de confier l’écriture de la préface à Étienne Mineur, qui était président du Wif 2008. Étant tous deux chargés de cours en licence webdesign à l’université de Limoges cette même année, cela a permis par la suite des échanges fructueux, y compris avec un des étudiants, Maxime Mollon.
Il en a été de même avec Melina Zerbib, étudiante à l’école Estienne qui m’avait contacté en juin 2008, pour des renseignements sur la thèse d’Émile Javal, dans le cadre de son projet de fin d’étude à venir sur le design de presse en ligne, et à qui j’ai proposé de nous rejoindre en mars 2009.
Karine Joly, éditrice chez Eyrolles, a été notre principale interlocutrice tout au long de ce projet, avec l’aide de ses collaboratrices. Elle nous a accordé une véritable confiance, dès le début, alors que c’était notre toute première expérience d’auteurs.
3. Qu’est-ce qui vous a motivé à l’entreprendre ?
OM Le défi à relever a été le premier élément de motivation qui m’est venu à l’esprit, car il n’existait aucun ouvrage à ma connaissance ayant pour trait la lisibilité des sites web, du point de vue de la typographie et du design, du moins.
La seconde motivation a été l’excitation de concevoir un support pédagogique utile aux étudiants et pour les professionnels.
De même, cela a été une occasion formidable de constituer des éléments de recherches inédits, propice à l’essor de mon expertise professionnelle en design d’information appliquée aux médias numériques.
MV Une des motivations principales pour ma part est le partage de connaissances : je suis souvent assez surprise de voir que les graphistes ou designers n’ont pas forcément de culture typographique, ceci est sans doute lié au fait que les formations ne mettent que rarement cette discipline en avant. J’ai eu la chance de rencontrer lors de ma formation tant à Duperré qu’à Estienne des « maîtres » passionnés qui m’ont donné envie de partager moi aussi mes connaissances. Tout au long de l’écriture, nous avons veillé à ce que le contenu du livre puisse apporter des connaissances aussi bien aux novices qu’aux webdesigners confirmés.
MZ J’espère que le livre permettra à un plus large public d’accéder à un certain nombre de recherches et de connaissances jusque là peu accessibles. J’aimerais qu’il puisse permettre à des lecteurs plutôt « techniciens » de comprendre les enjeux de la lisibilité pour tout site web, et qu’il permettra à des lecteurs plutôt « graphistes » d’approfondir leurs connaissances et de nourrir leur réflexion sur les spécificités du support web.
4. Dans cet ouvrage écrit à trois mains, comment avez-vous travaillé ensemble ?
OM Au tout début de l’écriture, lorsque que nous n’étions que deux co-auteurs sur les trois, au final – moi-même et Marie-Valentine –, nous avons constitué un plan du futur ouvrage.
Pour Marie-Valentine, il s’agissait d’établir une réflexion pédagogique sur les aspects cognitifs de la typographie, du texte, et de l’accessibilité web, dès la première partie, afin de donner les bases essentielles sur le processus de lecture sur les écrans, avant de passer aux autres parties, appliquées au webdesign.
De mon côté, j’ai proposé les contenus de la troisième partie consacrée pour l’essentiel à la « mise en écran » et à la structuration des contenus.
Les éléments de la seconde partie, dédiée à la typographie ont été créés pour moitié puis rassemblés en commun.
Cette méthode nous a permis de répartir au mieux le travail, en se complétant.
Pour cela, nous avons partagé nos champs respectifs de connaissances, par une discussion ouverte, ceci afin de faciliter le travail en toute autonomie, étant par ailleurs éloignés géographiquement l’un de l’autre.
Nous avons également choisi d’interviewer un grand nombre de professionnels dans différents disciplines, qui ont apporté leurs précieux témoignages : des créateurs de caractères, contactés par Marie-Valentine, et les professionnels du webdesign pour ma part.
Melina, qui est arrivée plus tard, a pu bénéficier utilement du plan, tout en apportant une grande valeur ajoutée. Son apport a également été précieux car non seulement elle a su nourrir l’écriture des chapitres qu’elle a choisi de traiter (pour l’essentiel sur la typographie numérique et le développement web), mais elle a également fait partager ses connaissances du design de presse en ligne, à travers des extraits de son mémoire de fin d’études, intégrés tout au long de l’ouvrage.
Karine Joly nous a guidé tout le long, d’une part en apportant le rythme nécessaire dans les dates de rendus des douze chapitres qui constituent cet ouvrage, mais en apportant aussi un regard externe sur la lexicologie de nos écrits.
Enfin, entre co-auteurs, nous avons systématiquement échangés nos contenus, afin de nous relire, ce qui a été l’occasion de donner des premiers avis.
Tout cela a pu constituer un véritable travail d’équipe, très stimulant.
5. L’ouvrage couvre un large spectre de problématiques relevant du design d’information : Pourquoi avoir choisi cette approche très transversale ?
MV Les différents aspects du design d’un site interagissent les uns avec les autres. Pour une problématique comme la lisibilité, on ne peut se contenter de couvrir un seul aspect. Quand on parle de lisibilité, c’est sans doute la typographie qui vient à l’esprit en premier lieu. Or, ce n’est pas le seul aspect qui compte : la rédaction web, la structure, la mise en forme, l’ergonomie, l’accessibilité sont autant d’éléments à prendre en compte, d’où la nécessité d’avoir une approche transversale.
OM La notion de design, en général, reste incomprise dans notre culture latine, étant attribuée pour l’essentiel au design objet. Ne dit-t-on pas couramment chez nous : « Ce meuble est design » ? pour signifier des valeurs, qui sont surtout du domaine de la forme, plus que du fond.
Même si l’esthétisme des sites web n’est bien sûr pas totalement écarté dans ce livre, les propos tenus s’orientent avant tout vers la définition originelle des métiers du design : c’est-à-dire celle du concepteur, et à dessein, de la fonctionnalité à donner aux interfaces graphiques.
MZ Il est vrai que le livre traite de plusieurs étapes du webdesign, mais le propos est tout de même axé sur le design d’information à travers des conseils sur la structuration des contenus web, la mise en espace et la hiérarchisation des éléments : c’est d’ailleurs pour cela que la question typographique est centrale dans le livre. Mais en amont de ces étapes de travail graphique, il faut avoir pensé la conception d’un site web d’un point de vue de l’architecture d’information et de l’ergonomie. Nous y faisons donc bien sûr référence – d’autant plus que ces étapes préliminaires sont parfois manifestement bâclées – mais l’ouvrage ne prétend aucunement faire autorité ou être exhaustif sur ces sujets. En revanche nous fournissons des pistes de lecture, entre autres ouvrages Ergonomie web d’Amélie Boucher (chez Eyrolles).
6. Quels sont pour vous les enjeux du design d’information des sites web ?
MV L’amélioration de l’accès au contenu pour tous les internautes est l’un des enjeux principaux. L’accessibilité des informations est une problématique essentielle, mais pour autant, il ne faut pas négliger l’aspect esthétique, c’est tout l’interêt du design d’information : associer le fonctionnel et le plaisant à l’œil.
OM Alors que la consultation de contenus sur le Web s’accroît de plus en plus, la lecture sur les écrans est de plus en plus soutenue, sans pour autant disposer d’une réelle réflexion sur l’efficience des messages effectivement assimilés par les internautes.
Le design d’information apporte ce savoir-faire sur la qualité des messages à transmettre, essentiellement par une optimisation de la structuration des pages des sites web et de leur mise en espace.
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.
- 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
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, 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
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 [...]
- 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 [...]
