Les applications iPad des médias

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ﬀérente à travers une démarche de design de service (service design)

« L’un des premiers bénéﬁces 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

magazine-style presentation

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

PDF-type newspaper

PDF-type magazine

Multimedia / web- style applications hybride

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ﬀordance.  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 ﬂux 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ﬀer)  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ﬀé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 ?

http://www.drouillat.com	820
http://aldus2006.typepad.fr	66
http://mediamaispasque.blogspot.com	38
http://mediamaispasque.posterous.com	5
http://mediamaispasque.blogspot.fr	4
http://www.slideshare.net	3
http://www.paperblog.fr	3
http://www.soup.io	3
http://reyveille.reymann.com	2
http://blog.proximity.fr	1
http://www.netvibes.com	1

Les applications iPad des médias

by Designers Interactifs on Jun 24, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

11 Embeds 946

Statistics

Les applications iPad des médias — Presentation Transcript