Benoît Drouillat – juin 2010 – www.drouillat.com

 Content as a software
 Les applications iPad
 des médias
 La typologie...
Une application iPad
pour quoi faire ?
 Positionner son titre / sa marque dès le jour 1 (...ou plus tard)
 Proposer un n...
« L’un des premiers bénéfices
tangibles de l’iPad pour les médias
traditionnels [...] me semble être de
recréer de la struc...
Quelques chiffres

 Apple a vendu 3 millions d’iPad en 80 jours au 22/06/2010
  (estimation 2010 : 4,3 à 6,2 millions, so...
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 l...
faux-print
faux-print
faux-print
faux-print
magazine-style
presentation
magazine-style
presentation
magazine-style
presentation
des applications iPad (gratuites)   PDF-type
comme support de distribution du
titre papier (payant)                newspa...
PDF-type
newspaper
PDF-type magazine
PDF-type magazine
Multimedia / web-
style applications


            hybride
Multimedia / web-
style applications
Multimedia / web-
style applications
Multimedia / web-
style applications
Multimedia / web-
style applications
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 ...
« iPad apps are inconsistent
and have low feature
discoverability, with frequent
user errors due to accidental
gestures. A...
Les métaphores de
navigation

 Construire une analogie avec
le support matériel du journal
imprimé
 Une bibliothèque ave...
Les métaphores de
navigation

La navigation comme chemin
de fer = un schéma qui
représente le plan de montage
des pages d...
Les métaphores de
navigation

 Wired ajoute une dimension
temporelle et narrative à son
chemin de fer + notion de
progres...
Les métaphores de
navigation

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

 La logique de flux dans les
applications d’Associated
Press (AP), NPR et Pulse : une
news r...
« An app that requires
instructions to perform basic
functions such as navigating
between sections, saving
stories, etc. n...
La grammaire
gestuelle

 Principal écueil : les
applications n’assignent pas
aux gestes les mêmes actions

 « Tap is the...
La grammaire
gestuelle
Les applications interactives
et multimédia
Un contenu essentiellement textuel + des diaporamas photo,
des vidéos, des inf...
Les applications
interactives et
multimédia
 Wired : timidité des
  infographies interactives
 Saupoudrage rich-media
Les applications
interactives et
multimédia
 NPR : des podcasts intégrés
  aux pages articles, des
  playlists à sauvegar...
Les applications
interactives et
multimédia
 Geo : diaporamas interactifs
  géolocalisés + une approche
  « PDF-type »
Les applications
interactives et
multimédia
 The Guardian eyewitness :
une sélection quotidienne des
photographies les pl...
Les applications
interactives et
multimédia
 AP : galerie photo
Les applications
interactives et
multimédia
 Reuters Galleries : l’actualité
vue à travers les meilleures
photographies d...
Les applications
interactives et
multimédia
 France 24 : lecteur vidéo en
direct, articles, carte avec
actualités géoloca...
Les applications
interactives et
multimédia
 BFM TV : lecteur vidéo en
direct, mur d’info...
Les applications
interactives et
multimédia
 The New York Times Editor’s
  Choice : vidéos
Conclusion
 Une absence de standards de navigation entre les différentes
  applications
 Les applications sont toujours ...
Les applications iPad des médias
Upcoming SlideShare
Loading in...5
×

Les applications iPad des médias

6,485

Published on

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

Published in: Design, Business, Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,485
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
184
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

Les applications iPad des médias

  1. 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. 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. 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. 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. 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. 6. faux-print
  7. 7. faux-print
  8. 8. faux-print
  9. 9. faux-print
  10. 10. magazine-style presentation
  11. 11. magazine-style presentation
  12. 12. magazine-style presentation
  13. 13. des applications iPad (gratuites) PDF-type comme support de distribution du titre papier (payant) newspaper
  14. 14. PDF-type newspaper
  15. 15. PDF-type magazine
  16. 16. PDF-type magazine
  17. 17. Multimedia / web- style applications hybride
  18. 18. Multimedia / web- style applications
  19. 19. Multimedia / web- style applications
  20. 20. Multimedia / web- style applications
  21. 21. Multimedia / web- style applications
  22. 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. 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. 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. 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. 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. 27. Les métaphores de navigation  Les Echos : le support formel comme interface de navigation
  28. 28. 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 »)
  29. 29. « 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
  30. 30. 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
  31. 31. La grammaire gestuelle
  32. 32. 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 ?
  33. 33. Les applications interactives et multimédia  Wired : timidité des infographies interactives  Saupoudrage rich-media
  34. 34. Les applications interactives et multimédia  NPR : des podcasts intégrés aux pages articles, des playlists à sauvegarder.
  35. 35. Les applications interactives et multimédia  Geo : diaporamas interactifs géolocalisés + une approche « PDF-type »
  36. 36. Les applications interactives et multimédia  The Guardian eyewitness : une sélection quotidienne des photographies les plus remarquables, commentées par leur auteur
  37. 37. Les applications interactives et multimédia  AP : galerie photo
  38. 38. Les applications interactives et multimédia  Reuters Galleries : l’actualité vue à travers les meilleures photographies de l’agence de presse
  39. 39. Les applications interactives et multimédia  France 24 : lecteur vidéo en direct, articles, carte avec actualités géolocalisées
  40. 40. Les applications interactives et multimédia  BFM TV : lecteur vidéo en direct, mur d’info...
  41. 41. Les applications interactives et multimédia  The New York Times Editor’s Choice : vidéos
  42. 42. 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 ?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×