Un benchmark détaillé des applications iPad des médias d'information.

1. Benoît Drouillat – juin 2010 – www.drouillat.com
Content as a software
Les applications iPad
des médias
 La typologie des applications
 La navigation
 La grammaire gestuelle
« content as a
 Les applications multimédias et interactives
sofware » Benoît Drouillat
Architecte de l’information
La presse en ligne sur l’iPad
www.drouillat.com

2. Une application iPad
pour quoi faire ?
 Positionner son titre / sa marque dès le jour 1 (...ou plus tard)
 Proposer un nouveau canal de distribution des contenus
 Trouver de nouvelles sources de revenus
(applications payantes, abonnements, publicité)
 Proposer une nouvelle expérience de lecture, dans la navigation et
l’organisation formelle des contenus
 Proposer une nouvelle écriture de l’information, par son
enrichissement
 Apporter une valeur ajoutée différente à travers une démarche de
design de service (service design)

3. « L’un des premiers bénéfices
tangibles de l’iPad pour les médias
traditionnels [...] me semble être de
recréer de la structure, dans un
monde de contenus devenus de
plus en plus fragmentés, parcellisés,
atomisés, déstructurés, et bien trop
rapidement consommés. »
– Éric Scherer, AFP Mediawatch

4. Quelques chiffres
 Apple a vendu 3 millions d’iPad en 80 jours au 22/06/2010
(estimation 2010 : 4,3 à 6,2 millions, source : Piper Jaffray)
 11 000 applications iPad disponibles au 22/06/2010
(Source : Techcrunch)
 En 2009, la publicité a chuté de 28 % sur le papier aux États-Unis et
de 12 % sur le web (source : AFP Mediawatch)
 Financial Times : 130 000 téléchargements de son app. gratuite
 Wall Street Journal : 10 000 abonnés ($17.29 / mois)
 NPR : 350 000 téléchargements (soit 1 utilisateur sur 6 sur 2 millions)
 La distribution du magazine Wired sur iPad a dépassé ses ventes en
kiosque (80 000 / mois) (4,99 €)
 En avril 2010, 26 % du trafic mobile de Wired venait de l’iPad
 L’iPad compte pour 0,04 % du trafic internet quotidien
(source : Net Application)

5. 4 typologies d’applications
Un panorama d’applications iPad qui témoigne de
l’hétérogénéité des stratégies adoptées par les titres de
presse : modèle payant, modèle gratuit
 faux-print
 magazine-style presentation
 PDF-type magazine / newspaper
 Multimedia / web-style application

6. faux-print

7. faux-print

8. faux-print

9. faux-print

10. magazine-style
presentation

11. magazine-style
presentation

12. magazine-style
presentation

13. des applications iPad (gratuites) PDF-type
comme support de distribution du
titre papier (payant) newspaper

14. PDF-type
newspaper

15. PDF-type magazine

16. PDF-type magazine

17. Multimedia / web-
style applications
hybride

18. Multimedia / web-
style applications

19. Multimedia / web-
style applications

20. Multimedia / web-
style applications

21. Multimedia / web-
style applications

22. La navigation et l’ergonomie
Une volonté de s’approcher au plus près de l’expérience du
papier en répliquant certains de ses attributs : « the end
result still looks like a print product but on a digital screen ».
Les points-clés de l’étude de Jakob Nielsen :
 Des interfaces « délirantes », tout peut être interface et cela est
source d’erreur ... elles manquent d’affordance.
 Des interactions incohérentes, impossible de capitaliser sur
l’apprentissage d’une application à l’autre : « low discoverabililty », « low
memorability », « accidental activation »...
 Des gestes trop complexes
 Une métaphore de l’imprimé qui ne fait pas sens dans l’univers
applicatif de l’iPad
 Une mise en page « statique » (vs « scrollable » sur le web)

23. « iPad apps are inconsistent
and have low feature
discoverability, with frequent
user errors due to accidental
gestures. An overly strong print
metaphor and weird interaction
styles cause further usability
problems. » – Jakob Nielsen

24. Les métaphores de
navigation
 Construire une analogie avec
le support matériel du journal
imprimé
 Une bibliothèque avec ses
rayonnages (du grec ancien
βιβλιοθήκη : biblio, "livre" ;
thêkê, "place")
L’iPad restaure la notion
d’édition quotidienne /
hebdo / mensuelle

25. Les métaphores de
navigation
La navigation comme chemin
de fer = un schéma qui
représente le plan de montage
des pages d'un ouvrage.
 Le support formel de la
publication devient parcours
de navigation
 Une représentation
temporelle, narrative, linéaire
de l’architecture de
l’information

26. Les métaphores de
navigation
 Wired ajoute une dimension
temporelle et narrative à son
chemin de fer + notion de
progression
Des articles sous la forme de
« piles » (éthym. liée d’ailleurs
à l’architecture)

27. Les métaphores de
navigation
 Les Echos : le support formel
comme interface de navigation

29. Les métaphores de
navigation
 La logique de flux dans les
applications d’Associated
Press (AP), NPR et Pulse : une
news river (« It's like sitting on
the bank of a river, watching
the boats go by »)

30. « An app that requires
instructions to perform basic
functions such as navigating
between sections, saving
stories, etc. needs an urgent
redesign » – Frederic Filloux –
PaidContent:UK

31. La grammaire
gestuelle
 Principal écueil : les
applications n’assignent pas
aux gestes les mêmes actions
 « Tap is the new click »
(Dan Saffer)
 Swipe vertical / horizontal
 Pinch

32. La grammaire
gestuelle

33. Les applications interactives
et multimédia
Un contenu essentiellement textuel + des diaporamas photo,
des vidéos, des infographies interactives basiques, des
podcasts, du streaming vidéo et audio (radio).
Un modèle encore à trouver, sur les traces du webdoc ?

34. Les applications
interactives et
multimédia
 Wired : timidité des
infographies interactives
 Saupoudrage rich-media

35. Les applications
interactives et
multimédia
 NPR : des podcasts intégrés
aux pages articles, des
playlists à sauvegarder.

36. Les applications
interactives et
multimédia
 Geo : diaporamas interactifs
géolocalisés + une approche
« PDF-type »

37. Les applications
interactives et
multimédia
 The Guardian eyewitness :
une sélection quotidienne des
photographies les plus
remarquables, commentées
par leur auteur

38. Les applications
interactives et
multimédia
 AP : galerie photo

39. Les applications
interactives et
multimédia
 Reuters Galleries : l’actualité
vue à travers les meilleures
photographies de l’agence de
presse

40. Les applications
interactives et
multimédia
 France 24 : lecteur vidéo en
direct, articles, carte avec
actualités géolocalisées

41. Les applications
interactives et
multimédia
 BFM TV : lecteur vidéo en
direct, mur d’info...

42. Les applications
interactives et
multimédia
 The New York Times Editor’s
Choice : vidéos

43. Conclusion
 Une absence de standards de navigation entre les différentes
applications
 Les applications sont toujours dans une phase expérimentale
(temps très réduit pour réaliser les développements initiaux)
 Feront-elles revenir l’audience vers de l’information payante ?