Le design de l’information en ligne

Le design de l’information en ligneNouvelles pratiques multimédia, traitements innovants

Enjeux

I.

A. Surcharge informationnelle« Information overload », terme introduit dans les

années 1950 par Alvin TofflerUn accroissement rapide de l’information nouvelleLa facilité de la duplication par les moyens numériquesUn nombre croissant de canaux de diffusionUn large historique d’information disponibleNous entrons dans l’ère de l’économie de l’attentionComment naviguer dans la sur-information ?

Orange.fr

B. La fragmentation des pratiques de lecture

le numérique démultiplie les pratiques le basculement vers la lecture en ligne un éclatement des supports (mobiles, tablettes etc.)

C. La culture de l’algorithme Quand les algorithmes définissent les choix éditoriaux Guardian Zeitgeist compile les articles les + lus

D. Quels modes de consultation de l’information à l’ère numérique ?

lecture et serendipité / non-linéarité lecture « zapping » vs lecture « immersive » lecture « sélective » lecture « mobile » / courte lecture participative, co-énonciation

Publicité et presse en ligne Carte d’occultation après 1 min 30 s (étude Altics oct 2009)

Publicité et presse en ligne Banner blindness – carte de chaleur après 1 min 30 s (étude Altics oct 2009)

Les informations de 1er plan sur Le Monde.fr

Une perspective évolutionniste

« un nouveau médium ne s’ajoute jamais aux média antérieurs et ne les laisse jamais intacts. Il les bouscule sans cesse

et leur trouve de nouvelles formes et de nouveaux emplois.»

Marshall McLuhan, 1964

II.

A. La mort du portail d’information Le portail web, genre utilitaire et éditorial, s’efface peu à

peu en tant que mode d’accès unifié aux contenus Éclipsé par les agrégateurs et pages personnaliséesUn design d’interface caractéristique : forte densité

éditoriale, structure en U renversé, modules

Yahoo!

B. L’avènement des modèles verticaux d’organisation de l’information

la presse en ligne adopte progressivement le format vertical et antéchronologique du blog

Un modèle à remettre en cause

+ 8 000 px

Un mode d’organisation hérité du papier

Un mode d’organisation hérité du papier

Un mode d’organisation intermédiaire

Un mode d’organisation proche du blog

Des modes d’organisation optimisés

Des modes d’organisation optimisés

C. La « mobilisation » des usages Le WAP n&b l’iPhone

NOUVEAUTESMA SELECTIONSELECTION ITINERIS COMMUNAUTESDIVERTISSEMENTSSHOPPINGPROXIMITEMON ESPACE CLIENTRECHERCHERPROFILPour faire de cette page votre page par défaut, cliquez ici.

Paris

Le WAP 2.0 256 couleurs

Smartphone

C. La « mobilisation » des usages ... c’est aussi cela aujourd’hui : tablettes, livres

électroniques, consoles, MID, UMPC...

D. Vers de nouveaux modes d’organisation de l’information

Gérer la densité informationnelle L’information « mosaïquée » Lectures horizontales

Times Skimmer

Toronto Star : choose the way you view the news

Moco Loco

Google News Timeline

Google Fast Flip

BBC 3D Explorer

RSS Voyage

D. Designer la « simplexité » de l’information en ligne

Vers la visualisation de l’information De nouveaux « idiomes » pour les interfaces

d’informationLe genre des « infographies interactives »

Washington Post TimeSpace

BBC News Globe

Wall Street Journal : infographie interactive

Culture Box

Digg Lab

MSN Spectra

Et un grand classique : Newsmap

Des formes hybridées

« L’hybridation ou la rencontre de deux média est

un moment de vérité et de découverte

qui engendre des formes nouvelles. »

Marshall McLuhan

III.

C. Du point de trame au pixel les médias électroniques dominés par la référence à

l’imprimé (métaphore de la page écran)

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

Application iPad du Monde

Application iPad du Monde

Éditions électroniques

D. Vers des formes applicatives de l’information

Content as a softwareContent as a serviceApplications iPad/iPhone/widgets/RDA

Times Reader

Application iPad de NPR

Application iPad d’Associated Press

Nouvelles situations d’usage, nouvelles formes d'écritures

IV.

A. Une écriture démultipliée multimédia, rich-media Webdocumentaires Le photojournalisme à l’ère d’internet

FLYP, magazine multimédia & interactif

NPR multimedia section

Prison Valley

Reportaje 360

New York Times Lens blog

B. L’écriture temps-réel de l’informationTwitter : une innovation ou une contribution à l’information

overload ? Pas uniquement Twitter mais aussi les multiples formes de

flux comme les « news rivers », la messagerie instantanée... Un nouveau paradigme pour la collaboration ?

CNN NewsPulse

BBC News Radar, nouveau mode d’entrée dans le contenu

Wall Street Journal + Foursquare

C. Database journalismune pratique née dans les années 1950 comme « journalisme

assisté par ordinateur » Internet en a redéfini le concept : rassembler les données, les

distribuer, les rendre navigables et interprétables « produire du sens avec des chiffres convertis en images »

(A. Joannes)une valeur ajoutée dans l’approfondissement le risque de l’esthétisme gratuit

The Guardian – MP expenses

Telegraph – UK General Election 2010

D. Quand l’information devient jouableUn nouveau genre éditorial, les news gamesPermettre la prise en main ludique de l’information à travers

les codes du game playEncourager le sens critique des citoyens ? Une distanciation ?Allier pédagogie et information ?Construire de nouveaux scénarios de consultationUn prolongement gestuel, tactile de la lecture d’informationUn rôle important dans la satire politique

MSNBC NewsBreaker

CNN Challenge

E. Vers l’information ambiante Calm computing, un concept inventé par Mark Weiser et

John Seely Brown (Xerox Parc)Une information qui se « dilue » dans l’environnementDes interfaces qui informent en permanence de façon

«diffuse» mais ne monopolisent pas l’attention

Chumby

Center Field

Ambient Orb

Pour conclure

New York Times R&D Group

IDEO : 14 scenarios pour le futur