Un panorama du design de la presse en ligne une perspective évolutionniste Benoît Drouillat — novembre 2010


1. Un panorama du design
de la presse en ligne
une perspective évolutionniste
Benoît Drouillat — novembre 2010

2. Benoît Drouillat
Président, fondateur Architecte de Enseignant en
1re organisation professionnelle l’information design interactif
des métiers du design Freelance L’École Multimédia, Universités
numérique. 450 membres. de Créteil et de Limoges
Membre du conseil d’administration

3. « un nouveau médium ne
s’ajoute jamais aux médias
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

4. Vers une complexité accrue
de l’information en ligne
+ 8 000 px

5. Les enjeux
 « serendipity », Horace Walpole (1554)
 « information overload », Alvin Toffler (1950)
 « attention economy », Herbert Simon (1971)
 « calm technology », Mark Weiser (1995)
 « simplexity », Jack Cohen & Ian Stewart (1995)
 « Media Surfaces: Incidental Media », Berg (2010)
 Quelle ergonomie dans la sur-information ?

6. Du point de trame au pixel :
un héritage médiatique et culturel complexe
{}
XVème siècle : grille à 2 col. dans
la Bible de Gutenberg
555 ans

7. Un fil continu : l’ancrage systématique dans
la métaphore de la « page-écran »
Financial Times : une parfaite cohérence horizontale des supports

8. La dispersion des supports matériels et
formels, la fragmentation de la lecture
Site web / mobile Ordinateurs de bureau
Édition électronique
Applications
API
Widgets
Extensions Sites web
Tablettes
Smartphones
Ambient devices

9. Interfaces & ergonomie de surface
Quelles typologies au niveau du support formel de l’interface ?
Formes hiérarchiques Formes linéaires Formes mosaïquées
(lecture sélective) (lecture « temps réel ») (lecture discontinue)

10. L’ergonomie de surface ne suffit pas
Ergonomie de surface : Ergonomie profonde :
structuration, densité, lisibilité fonctionnalités, cinématique, interactions
« serendipity », Horace Walpole (1554)

11. Les interfaces hybridées mettent à l’épreuve
l’ergonomie de l’information
Quelle cohérence des styles d’interaction dans les interfaces ?
Journal papier App. mobile TV + site web (Google TV)
+ app. mobile + journal papier

12. « Content as a software »
L’ergonomie logicielle plus adaptée que l’ergonomie web ?

13. Quand l’information devient jouable
Le plaisir de l’interaction

14. Interfaces alternatives
Du design pour susciter l’innovation — et l’adoption de paradigmes
d’interfaces ?

15. L’ère de l’information ambiante
Une nouvelle économie de l’attention ?
« Les technologies calmes [ Mark Weiser (1995) ] mobilisent à la
fois le centre et la périphérie de notre attention et se meuvent
alternativement de l’un à l’autre. »

16. Conclusion
« Strict adherence to metaphors ties interfaces unnecessarily to the
1 workings of the physical world. [...] (metaphors) don’t scale well »
(Cooper, About Face, p269)
2 Médias tactiles et nomades : des enseignements à tirer pour les
médias visuels (optique versus haptique)
3 Importance grandissante de la notion de contexte :
4 La problématique de l’interface devient périphérique au profit du
« design de comportement »
5 « The message is now free from the medium. » (Wired)