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 l’utilisation d’organisations formelles de page héritées du papier (la grille modulaire ici), une expressivité adaptée à nos modes de lecture discontinus sur le web. Ce n’est pas une “tendance” mais plutôt un aboutissement de notre expérience des média électroniques. La mosaïque est le mode de l’image collective ou communautaire et nécessite une participation en profondeur, poursuit McLuhan. Mais ce mode n’est pas nécessairement ultime car il ne représente qu’une seule des organisations de l’information possibles, bien qu’il soit en phase avec la philosophie du web participatif.
J’ai rassemblé ici quelques unes de pages d’accueil qui illustrent particulièrement bien cette forme d’expression, cette réappropriation de la mosaïque :
The New York Times – Article Skimmer. Comme pour le Times Reader, l’interface convoque tout l’imaginaire du papier.
24 / 24 actu, l’agrégateur d’information d’Orange Labs. Il a été présenté comme le contre-pied de Google News, tant dans son approche de sélection des sources d’information que son design. Remarquez la superposition texte / image, avec l’aplat noir transparent.
CultureBox, un agrégateur vidéo qui rassemble les reportages de 60 rédactions locales et nationales de France Télévision. L’interface est remarquablement conçue et exécutée par l’agence Uzik.
La page d’accueil de The New York Observer. C’est une mosaïque intéressante car elle ne concerne que les article mis en Une. Au suvol on obtient des informations complémentaires (l’équivalent du chapeau de l’article). L’effet de hiérarchie ressort très nettement grâce à la division de la grille qui privilégie des proportions discontinues.
Et aussi le fil rouge du journal L’Équipe, dont j’ai déjà parlé tout récemment. Il agit comme la page d’accueil de The New York Observer au niveau local dans la page-écran, étant lui-même enchassé dans un mode d’organisation différent (grille hiérarchique).
Laissez un commentaire si vous avez d’autres suggestions !
Mise à jour :
L’agrégateur Symbaloo représente l’actualité à l’aide d’une grille modulaire d’images :
Category : blog
Hebiflux » 50 examples de visualisation de données
8 months ago
[...] Je remettrais ce billet avec un autre qui pose la question : Is Information Visualization the Next Frontier for Design? . Partout où il y a des données (et des images, ou vidéos associées), un gros travail est réalisé sur la manière de les mettre en valeur. Cela va du travail de bestirio à la presse en ligne et ce, de différentes manières comme le souligne Benoit Drouillat avec l’exemple de L’information en ligne comme une mosaïque [...]
Ce que Mc Luhan apporte à la compréhension des média électroniques | Benoît Drouillat
8 months ago
[...] de la lecture fragmentaire du magazine, du journal. Que penser aujourd’hui de cette forme de la mosaïque dans l’information en ligne ? C’est un autre exemple de mutation génétique, pour conserver la métaphore évolutionniste. [...]
Philippe Bordachar
8 months ago
Merci pour ces lectures bien nourrissantes.
Dans l’esprit de ces mosaïques, il y a le génial Newsmap de Marumushi : une application de visualisation des informations agrégées par Google News
On le trouve à cette adresse :
http://newsmap.jp/
Hebiflux » La mosaique, l’image et l’information… une question d’équilibre
7 months ago
[...] reviens encore sur cet article L’information en ligne comme une mosaique et sur celui de Cédric Deniaud Présentation des contenus sous forme de [...]
Nouvelle version du NYT article skimmer | Benoît Drouillat
7 months ago
[...] différents billets, “Renouveler les parcours de lecture dans la presse en ligne” et “L’information en ligne comme une mosaïque”. Article skimmer permet un mode de consultation des nouvelles axé sur le confort de lecture, à [...]
julien demeuzois
7 months ago
d’autres exemples de mosaïques :
http://wonderwall.msn.com/
http://www.flipgloss.com/
http://www.wwd.com/
http://wearehunted.com/
De la lecture horizontale dans la presse magazine en ligne | Benoît Drouillat
7 months ago
[...] les plus évidents de cette transformation de l’héritage culturel des journaux dans la forme de la mosaïque. Nous avons aussi nourri une réflexion sur cette idée de renouveler les parcours de lecture dans [...]
Henri d'Anterroches
6 months ago
D’autres exemples encore de mosaïque :
Pour une marque :
http://www.diorhorlogerie.com/
Pour un projet culturel :
http://www.6milliardsdautres.org