ergonomie editoriale : les innovations et tendances 2015 mediaculture.fr - cyrille frank
TRANSCRIPT
Les innovations en ergonomie
éditoriale
Twitter : @cyceron site : mediaculture.fr
Newsletter : mediacademie.org
Conseil éditorial, formation, accompagnement
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Les tendances
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La progression du Responsive Design
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Un passage obligé pour les sites qui souhaitent offrir une expérience utilisateurs satisfaisante sur tous les supports. Plus long et compliqué à développer, mais plus pérenne (fini le relookage pour s’adapter à l’écran de l’utilisateur qui grandit).
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Mais progression parallèle des applis en temps passé sur smartphone
En savoir plus sur Viuz.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
L’irruption des homes déstructurées
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Homes destructurées : 3 cols/2cols
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Homes destructurées sur la verticalité aussi
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Homes destructurées sur la verticalité aussi
Theverge.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La lecture « zen »
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
• Grande réserve de blanc sur les côtés de l’article
• Tendance à rétrécir un peu la colonne centrale pour faciliter la lecture
• La hauteur du texte augmente mais l’usage courant de la molette compense (ou du doigt sur tablette/smartphone)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
gigaom.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
lemonde.fr
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
getpocket.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Titres très fortement en avant
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le titre (long pour le SEO avec mots clés ou le social avec termes incitatifs ) s’étend sur trois colonnes dans l’article
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La forte mise en avant des contenus multimédia
en Home
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
latimes.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
lemonde.fr
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
lefigaro.fr
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
theverge.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La personnalisation
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
mashable.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
francetvinfo.fr
Une relation de proximité avec le lecteur comme ce passage de témoin et ces réponses personnelles
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le développement des interfaces horizontales
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
time.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Pour 3 raisons
• Réserver la hauteur au contenu pour hameçonner le lecteur le plus tôt possible, avant l’ascenseur
• Exploiter les taille d’écran 16/9e
• Anticiper / combiner la navigation horizontale sur tablette via le toucher
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La navigation horizontale (adaptation à la tablette)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
thenextweb.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
lemonde.fr
Sur PC : navigation horizontale par clic sur les flêches
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Sur tablette : navigation horizontale au doigt
lemonde.fr
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le retour de la barre de menu verticale
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Pour 3 raisons
• Exploiter la largeur des écrans 16/9e
• Diminuer la taille des headers
• Mettre cette barre en option (clic ou roll-over) pour favoriser la tête de gondole et non le rayonnage (ce qu’on me propose versus ce que je suis venu chercher)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Barre de navigation fixe avec sous navigation dynamique
laprovence.com/
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Barre de navigation accessible au clic
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
latimes.com/
Barre de navigation et sous-navigation en roll-over
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La mise en avant du partage social
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Boutons accessibles en premier niveau (et non plus en liste déroulante)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Un choix : moins de réseaux, mais mieux
theverge.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Une omnipésence : avant, après le contenu
upworthy.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Une omnipésence : les boutons de partage magnétiques
buzzfeed.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Les boutons d’interaction aussi : partage, commentaire, impression…
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Les photos, citations “prêts à partager”
mashable.com
Les innovations
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La navigation infinie
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
mashable.com
Navigation déployée sous chaque article
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
lesechos.fr
Accès à toutes les rubriques depuis la Home : Ascenseur (presque) sans fin > 17 écrans !
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
qz.com
Article précédent
Article suivant
Enchaînement des articles les uns après les autres, mais chargement progressif en bas de page
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
L’irruption des interfaces « applis »
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Pour 2 raisons
• Motiver un passage au payant. On ne paie pour du web, mais pour une application…
• Fidéliser via des services associés : espace personnel, favoris classés, personnalisation, contributions perso
Augmenter le temps passé, la récurrence de visite, le nombre de pages vues par visite
Un engagement qu’on espère bien monétiser bientôt (cf FT et The Economist)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Place inédite accordée aux visuels
immenses
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Visuel immense format panoramique au début des articles
gigaom.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
medium.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
lequipe.fr/explore
Large place aux visuels dans les formats longs en parallaxe
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
La hiérarchie chronologique
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
L’actu en bref
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
lemonde.fr
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
brief.me
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
politico.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Les recirculations originales
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Présentations de trois sujets forts avant les articles et non pas après (ceci dit, recirculer avant de circuler ?)
gigaom.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le reblog via la plateforme Wordpress : diffuser avant tout
techcrunch.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le bloguing en réseau: diffuser avant tout
Medium.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Le bloguing en réseau: diffuser avant tout
tumblr.com
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Les articles les plus récents/populaires très visibles en haut de Home à gauche
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Les algorithmes pour améliorer la recirclation Voir aussi Outbrain, taboola...
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Les algorithmes pour réussir enfin la personnalisation par l’automatisation
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
• La machine apprend d’elle-même ce qui nous plaît, en fonction de ce que l’on clique et regarde réellement (temps passé)
• La machine propose des contenus en affinité temporelle et géographique (sur mobile)
• La machine propose des contenus qui nous socialisent (ce qui plaît à nos amis)
• La machine nous fait découvrir des contenus (aléatoire/sérendipité)
Le Télégramme Les nouvelles facettes du journalisme IFRA - 2008-2009 Les innovations en ergonomie éditoriale - Cyrille Frank – mediaculture.fr 2014
Merci de votre attention !
Conseil éditorial, formation, accompagnement
Twitter : @cyceron site : mediaculture.fr
Newsletter : mediacademie.org