SlideShare une entreprise Scribd logo
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
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)
« 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
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)
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
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)                newspaper
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 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)
« 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
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
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
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)
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 river (« It's like sitting on
the bank of a river, watching
the boats go by »)
« 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
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
La grammaire
gestuelle
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 ?
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 à sauvegarder.
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 plus
remarquables, commentées
par leur auteur
Les applications
interactives et
multimédia
 AP : galerie photo
Les applications
interactives et
multimédia
 Reuters Galleries : l’actualité
vue à travers les meilleures
photographies de l’agence de
presse
Les applications
interactives et
multimédia
 France 24 : lecteur vidéo en
direct, articles, carte avec
actualités géolocalisées
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 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 ?

Contenu connexe

Tendances

Les réseaux sociaux, kézako ?
Les réseaux sociaux, kézako ?Les réseaux sociaux, kézako ?
Les réseaux sociaux, kézako ?
cyberbase77230
 
Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012Ardesi Midi-Pyrénées
 
Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...
Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...
Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...
Vincent Lemaire
 
Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Ardesi Midi-Pyrénées
 
Activisme 2.0 de l acteur culturel africain et changement social
Activisme 2.0 de l acteur culturel africain et changement socialActivisme 2.0 de l acteur culturel africain et changement social
Activisme 2.0 de l acteur culturel africain et changement social
Emmanuel DABO
 
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Ardesi Midi-Pyrénées
 
Réseaux sociaux : usages et pédagogie
Réseaux sociaux : usages et pédagogieRéseaux sociaux : usages et pédagogie
Réseaux sociaux : usages et pédagogie
Anne Kuss
 
Quelques sources d'inspiration pour le e-tourisme
Quelques sources d'inspiration pour le e-tourismeQuelques sources d'inspiration pour le e-tourisme
Quelques sources d'inspiration pour le e-tourisme
Aymeric
 
ONG et réseaux sociaux
ONG et réseaux sociauxONG et réseaux sociaux
ONG et réseaux sociaux
GiveXpert
 
Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...
Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...
Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...
Morgan Magnin
 
2014 05 vf j1 strasbourg_app_itg_j_vds
2014 05 vf j1 strasbourg_app_itg_j_vds2014 05 vf j1 strasbourg_app_itg_j_vds
2014 05 vf j1 strasbourg_app_itg_j_vdsJean Vanderspelden
 
Twitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantanéTwitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantané
Ardesi Midi-Pyrénées
 
2014 03 arcade j1 haguenau_app_itg_j_vds
2014 03 arcade  j1 haguenau_app_itg_j_vds2014 03 arcade  j1 haguenau_app_itg_j_vds
2014 03 arcade j1 haguenau_app_itg_j_vdsJean Vanderspelden
 
Quebec ville
Quebec villeQuebec ville
Quebec ville
Mario tout de go Inc.
 
usages pedagogiques et reseaux sociaux
usages pedagogiques et reseaux sociauxusages pedagogiques et reseaux sociaux
usages pedagogiques et reseaux sociaux
bourguet julie
 
Pprgionales2010 110330152154-phpapp02
Pprgionales2010 110330152154-phpapp02Pprgionales2010 110330152154-phpapp02
Pprgionales2010 110330152154-phpapp02
internetetpolitique
 
Enjeux des réseaux sociaux
Enjeux des réseaux sociauxEnjeux des réseaux sociaux
Enjeux des réseaux sociaux
KDerraze
 
Reseaux sociaux 2013
Reseaux sociaux 2013Reseaux sociaux 2013
Reseaux sociaux 2013
Patrice Leroux
 
Atelier Mobile pour les professionnels du tourisme
Atelier Mobile pour les professionnels du tourismeAtelier Mobile pour les professionnels du tourisme
Atelier Mobile pour les professionnels du tourisme
Aymeric
 
Présentation CSST
Présentation CSSTPrésentation CSST
Présentation CSST
Mario tout de go Inc.
 

Tendances (20)

Les réseaux sociaux, kézako ?
Les réseaux sociaux, kézako ?Les réseaux sociaux, kézako ?
Les réseaux sociaux, kézako ?
 
Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012Initiation au web social ARPE - 10 février 2012
Initiation au web social ARPE - 10 février 2012
 
Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...
Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...
Mémoire "Militants 2.0 : CooPol et Créateurs de Possibles, les partis traditi...
 
Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012Web conversationnel - Nouvelles tendances du web public - La Novela 2012
Web conversationnel - Nouvelles tendances du web public - La Novela 2012
 
Activisme 2.0 de l acteur culturel africain et changement social
Activisme 2.0 de l acteur culturel africain et changement socialActivisme 2.0 de l acteur culturel africain et changement social
Activisme 2.0 de l acteur culturel africain et changement social
 
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
Citoyen 2.0 - Déjeuner sur le web - 16 décembre 2011
 
Réseaux sociaux : usages et pédagogie
Réseaux sociaux : usages et pédagogieRéseaux sociaux : usages et pédagogie
Réseaux sociaux : usages et pédagogie
 
Quelques sources d'inspiration pour le e-tourisme
Quelques sources d'inspiration pour le e-tourismeQuelques sources d'inspiration pour le e-tourisme
Quelques sources d'inspiration pour le e-tourisme
 
ONG et réseaux sociaux
ONG et réseaux sociauxONG et réseaux sociaux
ONG et réseaux sociaux
 
Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...
Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...
Quel intérêt pour les réseaux sociaux en pédagogie ? Usage de Twitter à l'Éco...
 
2014 05 vf j1 strasbourg_app_itg_j_vds
2014 05 vf j1 strasbourg_app_itg_j_vds2014 05 vf j1 strasbourg_app_itg_j_vds
2014 05 vf j1 strasbourg_app_itg_j_vds
 
Twitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantanéTwitter mode d'emploi - le média de l'instantané
Twitter mode d'emploi - le média de l'instantané
 
2014 03 arcade j1 haguenau_app_itg_j_vds
2014 03 arcade  j1 haguenau_app_itg_j_vds2014 03 arcade  j1 haguenau_app_itg_j_vds
2014 03 arcade j1 haguenau_app_itg_j_vds
 
Quebec ville
Quebec villeQuebec ville
Quebec ville
 
usages pedagogiques et reseaux sociaux
usages pedagogiques et reseaux sociauxusages pedagogiques et reseaux sociaux
usages pedagogiques et reseaux sociaux
 
Pprgionales2010 110330152154-phpapp02
Pprgionales2010 110330152154-phpapp02Pprgionales2010 110330152154-phpapp02
Pprgionales2010 110330152154-phpapp02
 
Enjeux des réseaux sociaux
Enjeux des réseaux sociauxEnjeux des réseaux sociaux
Enjeux des réseaux sociaux
 
Reseaux sociaux 2013
Reseaux sociaux 2013Reseaux sociaux 2013
Reseaux sociaux 2013
 
Atelier Mobile pour les professionnels du tourisme
Atelier Mobile pour les professionnels du tourismeAtelier Mobile pour les professionnels du tourisme
Atelier Mobile pour les professionnels du tourisme
 
Présentation CSST
Présentation CSSTPrésentation CSST
Présentation CSST
 

Similaire à Les applications iPad des médias

Diapositives du cours #8 (hiver 2012)
Diapositives du cours #8 (hiver 2012)Diapositives du cours #8 (hiver 2012)
Diapositives du cours #8 (hiver 2012)
Mario tout de go Inc.
 
Diapo du cours #8 (automne 2011)
Diapo du cours #8 (automne 2011)Diapo du cours #8 (automne 2011)
Diapo du cours #8 (automne 2011)
Mario tout de go Inc.
 
Étude et repérages sur les interfaces documentaires innovantes
Étude et repérages sur les interfaces documentaires innovantesÉtude et repérages sur les interfaces documentaires innovantes
Étude et repérages sur les interfaces documentaires innovantes
catherine muller
 
Web1.0.web2.0 web3.0 et web invisible
Web1.0.web2.0 web3.0 et web invisibleWeb1.0.web2.0 web3.0 et web invisible
Web1.0.web2.0 web3.0 et web invisible
tassadit ALLOUNE
 
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
Le Moulin Digital
 
Open Web
Open WebOpen Web
Open Web
Raphaël Briner
 
Elsevier doc électronique
Elsevier doc électroniqueElsevier doc électronique
Elsevier doc électroniqueBibliolab
 
Elsevier doc électronique
Elsevier doc électroniqueElsevier doc électronique
Elsevier doc électroniqueBibliolab
 
Le design de l’information en ligne
Le design de l’information en ligne Le design de l’information en ligne
Le design de l’information en ligne
France
 
Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...
Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...
Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...
Documentation Rouen
 
Internet et Mondes Virtuels.Fr
Internet et Mondes Virtuels.FrInternet et Mondes Virtuels.Fr
Internet et Mondes Virtuels.Fr
Nicolas Mas
 
Tablettes tactiles en médiathèque
Tablettes tactiles en médiathèqueTablettes tactiles en médiathèque
Tablettes tactiles en médiathèqueHervé Champion
 
Webdesign Passe Present et... Present Part3
Webdesign Passe Present et... Present Part3Webdesign Passe Present et... Present Part3
Webdesign Passe Present et... Present Part3
bduverneuil
 
Application Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdkApplication Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdk
Nazih Heni
 
Luxe, User Experience & Medias Sociaux
Luxe, User Experience & Medias SociauxLuxe, User Experience & Medias Sociaux
Luxe, User Experience & Medias SociauxHelene Zuili
 
Le web participatif en bibliotheque publique
Le web participatif en bibliotheque publiqueLe web participatif en bibliotheque publique
Le web participatif en bibliotheque publique
Xavier Galaup
 
Usages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-docUsages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-doc
sophiebocquet
 

Similaire à Les applications iPad des médias (20)

Diapositives du cours #8 (hiver 2012)
Diapositives du cours #8 (hiver 2012)Diapositives du cours #8 (hiver 2012)
Diapositives du cours #8 (hiver 2012)
 
Outils et usages numeriques - ADBS LR - 15.04.2011
Outils et usages numeriques - ADBS LR - 15.04.2011Outils et usages numeriques - ADBS LR - 15.04.2011
Outils et usages numeriques - ADBS LR - 15.04.2011
 
Diapo du cours #8 (automne 2011)
Diapo du cours #8 (automne 2011)Diapo du cours #8 (automne 2011)
Diapo du cours #8 (automne 2011)
 
Étude et repérages sur les interfaces documentaires innovantes
Étude et repérages sur les interfaces documentaires innovantesÉtude et repérages sur les interfaces documentaires innovantes
Étude et repérages sur les interfaces documentaires innovantes
 
Web1.0.web2.0 web3.0 et web invisible
Web1.0.web2.0 web3.0 et web invisibleWeb1.0.web2.0 web3.0 et web invisible
Web1.0.web2.0 web3.0 et web invisible
 
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
 
Open Web
Open WebOpen Web
Open Web
 
Elsevier doc électronique
Elsevier doc électroniqueElsevier doc électronique
Elsevier doc électronique
 
Elsevier doc électronique
Elsevier doc électroniqueElsevier doc électronique
Elsevier doc électronique
 
Le design de l’information en ligne
Le design de l’information en ligne Le design de l’information en ligne
Le design de l’information en ligne
 
Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...
Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...
Hervé Le Crosnier : Typologie des publications, contraintes juridiques, écono...
 
Internet et Mondes Virtuels.Fr
Internet et Mondes Virtuels.FrInternet et Mondes Virtuels.Fr
Internet et Mondes Virtuels.Fr
 
Tablettes tactiles en médiathèque
Tablettes tactiles en médiathèqueTablettes tactiles en médiathèque
Tablettes tactiles en médiathèque
 
Webdesign Passe Present et... Present Part3
Webdesign Passe Present et... Present Part3Webdesign Passe Present et... Present Part3
Webdesign Passe Present et... Present Part3
 
Application Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdkApplication Mobile "Livre des histoires " avec Corona sdk
Application Mobile "Livre des histoires " avec Corona sdk
 
Luxe, User Experience & Medias Sociaux
Luxe, User Experience & Medias SociauxLuxe, User Experience & Medias Sociaux
Luxe, User Experience & Medias Sociaux
 
Ppt Oral 17.06
Ppt Oral 17.06Ppt Oral 17.06
Ppt Oral 17.06
 
Le web participatif en bibliotheque publique
Le web participatif en bibliotheque publiqueLe web participatif en bibliotheque publique
Le web participatif en bibliotheque publique
 
Documentaliste dans un environnement numérique
Documentaliste dans un environnement numériqueDocumentaliste dans un environnement numérique
Documentaliste dans un environnement numérique
 
Usages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-docUsages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-doc
 

Plus de France

Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015
France
 
Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014
France
 
Sondage salaires-2014
Sondage salaires-2014Sondage salaires-2014
Sondage salaires-2014
France
 
Sondage salaires-2013
Sondage salaires-2013Sondage salaires-2013
Sondage salaires-2013France
 
Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012
France
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'information
France
 
Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009
France
 
Benchmark Presse En Ligne
Benchmark Presse En LigneBenchmark Presse En Ligne
Benchmark Presse En Ligne
France
 

Plus de France (8)

Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015Design d’interaction : un panorama des réalisations françaises 2015
Design d’interaction : un panorama des réalisations françaises 2015
 
Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014Étude Deloitte sur les usages Mobile des Français en 2014
Étude Deloitte sur les usages Mobile des Français en 2014
 
Sondage salaires-2014
Sondage salaires-2014Sondage salaires-2014
Sondage salaires-2014
 
Sondage salaires-2013
Sondage salaires-2013Sondage salaires-2013
Sondage salaires-2013
 
Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012Les salaires des métiers du design interactif, édition 2012
Les salaires des métiers du design interactif, édition 2012
 
L'architecture de l'information
L'architecture de l'informationL'architecture de l'information
L'architecture de l'information
 
Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009
 
Benchmark Presse En Ligne
Benchmark Presse En LigneBenchmark Presse En Ligne
Benchmark Presse En Ligne
 

Les applications iPad des médias

  • 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
  • 13. des applications iPad (gratuites) PDF-type comme support de distribution du titre papier (payant) newspaper
  • 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
  • 28.
  • 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
  • 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
  • 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 ?