Crédit: AA

L’année dernière, à South by South West, on ne jurait que par l’«ambient social networking», c’est-à-dire, en mauvais français, du réseautage «ambiant», lequel permettait d’être averti dès que ses amis (ou amis d’amis) étaient dans les parages. Cette année, au Woodstock des nouvelles technologies à Austin, au Texas, quelles sont les tendances 2013?

1. Le numérique en version prêt-à-porter

Avec l’iWatch d’Apple, une montre intelligente dont Bloomberg assure qu’elle pourrait être commercialisée dès cette année, et les lunettes «Glass» qui vous indiquent où vous êtes, envoient un message à qui vous voulez quand vous parlez, et prennent des photos quand vous le leur demandez, la mode est aux accessoires «connectés» à porter sur soi. A South by South West 2013, Google a ainsi présenté des chaussures parlantes, des baskets qui disent qu’elles s’ennuient lorsque vous êtes assis trop longtemps et vous félicitent après une bonne séance de sport. Elles sont même capables de publier des commentaires sur votre activité directement sur votre flux Google Plus.

2. La revanche du réel

Crédit: AA

On vient de le voir: on peut commander à un ordinateur avec sa seule main, on peut demander à des lunettes qu’elles enregistrent aussitôt la scène que l’on est en train de voir. Geste de la main, des doigts, voix, mots du quotidien: les façons dont l’homme interagit avec la machine sont désormais basées sur des gestes du quotidien, que l’on effectue des milliers de fois par jour, et non sur des manipulations qui devraient être apprises via un mode d’emploi. On remet ainsi du réel, pour ne pas dire du quotidien, dans l’environnement numérique pour donner davantage de repères aux utilisateurs. C’est ce que fait aussi Apple lorsqu’il conçoit son kiosque, où les versions numériques des revues et magazines sont rangées sur une représentation d’une étagère en bois. L’art d’insérer “un élément de design ou une structure qui ne sert aucun but dans l’objet formé mais qui était essentiel dans l’objet fait à partir du matériau original” porte même un nom en anglais: le skeuomorphisme.

3. La fin des interfaces

Crédit: AA

Sous une tente, près de la rivière d’Austin, c’est l’effervescence. On peut y voir la technologie proposée LeapMotion, qui a fait sensation à South by South West. Sur l’écran des ordinateurs disposés ça et là, un tableau de bord d’un véhicule et une route pour faire la course comme dans un jeu vidéo. Devant l’écran, vous. Rien ne vous relie à l’écran: ni fil ni clavier ni manette ni souris. Pourtant, vous pouvez conduire la voiture, juste en tenant un volant imaginaire entre vos mains. “Ma main devient mon login et mon mot de passe”, détaille David Holz, le co-fondateur de LeapMotion, “je ne veux pas qu’on m’implante sous la peau du bras un clavier”. Autant dire que souris et clavier seront bientôt des animaux préhistoriques.

Cela va même plus loin, car “la meilleure interface, c’est pas d’interface du tout“, annonce Golden Krishna, designer chez Samsung. “On essaie de résoudre nos problèmes de la vie quotidienne avec des écrans, et résultat, nous sommes entourés d’écrans”, diagnostique-t-il, moquant notre amour des interfaces via des images de pierre tombale dotée d’une épitaphe écrite sur écran et de toilettes pour enfants pourvus d’une tablette. L’avenir serait donc à la disparition totale non seulement des souris et claviers mais aussi des écrans. “Pour ouvrir le coffre de la voiture quand vous avez les mains pleines, vous n’allez pas poser vos sacs pour ensuite pianoter un code sur un écran pour l’ouvrir”, reprend Golden Krishna, faisant l’éloge d’un système où l’on passerait son pied sous le pare-choc, signal pour dire “coffre, ouvre-toi”.

4. Impression en 3D à emporter

Bre Pettis, fondateur d’une start-up appelée Makerbot, quadra aux cheveux poivre et sel et lunettes foncées, est apparu comme le prophète de cette tendance, lors d’une keynote remplie à ras bord le vendredi 8 mars à Austin.”Photoshop a changé la façon de faire des images, Makerbot va changer la façon d’imprimer. La révolution sera l’impression en 3D”, s’exclame-t-il, enchanté à l’idée que, bientôt, n’importe qui pourrait dessiner une tasse ou une chaise à domicile et l’imprimer aussitôt. Et de rêver aux activités des enfants qui, dans le futur proche, joueront aux Lego autrement: “imaginez qu’ils aient une imprimante 3D au lieu d’avoir un Lego. Non seulement ils pourront fabriquer des logos mais aussi créer des objets de leur futur”. Car désormais, ce sont bien des choses qui peuvent être imprimées, alors que, jusqu’alors, seuls des fichiers pouvaient l’être. Problème: les armes peuvent elles aussi être imprimées en 3D.

5. Paiement sur mobile

On connaissait déjà Square, cet accessoire carré qui se branche sur la prise écouteurs de son smartphone ou sa tablette, et permet d’y glisser sa carte bancaire pour… payer. Aux Etats-Unis, nombreux sont les taxis qui sont équipés de la sorte pour permettre à leurs clients de régler leurs courses. A South by South West 2013, un autre système de paiement sur mobile a fait une percée remarquée: il s’agit de LevelUp, une application qui se télécharge sur son téléphone. Après avoir pris en photo sa carte bancaire, l’application fournit un “QR code” que l’on présente à la caisse, qui est scanné via un laser, et hop, c’est fini. Il en coûte 2% sur chaque transaction opérée par ce biais aux commerçants équipés de ce système.

Parmi les autres tendances observées à South by South West, figurent le “multi-éditionning” prôné pour l’information sur tablette, la suprématie des réseaux sociaux sur les blogs d’antan – j’y reviendra dans un prochain WIP -, les statistiques pour tout, tout le temps – on mesure ses pas, ses kilomètres parcourus, ses calories ingurgitées, le nombre de “likes” recueillis par ses photos postées en ligne, son nombre de retweets, etc. – et par un narcissisme grandissant en ligne.

Etiez-vous à South by South West 2013 ou avez-vous lu des articles sur le sujet? Avez-vous repéré d’autres tendances? Merci de les partager sur Twitter ou Facebook.

Alice Antheaume

Crédit: Flickr/CC/MokshaDolphin

«Cela ne sert à rien de dupliquer, sur une tablette, les contenus prévus pour un journal imprimé», lance Mario Garcia à South by South West, le festival des geeks organisé chaque année à Austin, aux Etats-Unis. Cela ne sert à rien, et pourtant, la majorité des éditeurs d’informations ont ce réflexe. Ils seraient plus avisés d’observer de près deux des activités préférées des propriétaires de tablettes: le fait de se pencher en avant, pour chercher dans l’instant une information, et le fait de se pencher en arrière, pour consulter au calme, et souvent le soir, des contenus. Comment les internautes lisent-ils des informations sur les tablettes? Et comment les éditeurs devraient, en conséquence, concevoir leurs applications? Mario Garcia, ex-journaliste, expert du design en fonction des supports, et Sarah Quinn, du Poynter Institute, ont donné un cours collectif intitulé “Storytelling in the age of the tabletle vendredi 8 mars à South by South West 2013.

>> Lire ou relire les tendances de South by South West 2012 >>

Comment les utilisateurs s’informent sur tablette 

• Des lecteurs de l’intime aux lecteurs méthodiques

On distingue plusieurs catégories de lecteurs d’informations sur tablettes, d’après la dernière étude EyeTrack de Poynter qui, à l’aide d’une caméra sophistiquée, a pu analyser en simultané les mouvements oculaires que font les utilisateurs lorsqu’ils s’informent sur tablette et les points qu’ils fixent sur l’écran.
– 61% des sondés par Poynter sont qualifiés de «lecteurs intimes» («intimate readers»), c’est-à-dire qu’ils ne cessent de toucher l’écran pendant qu’ils lisent, quand les 39% restants sont des «lecteurs détachés» («detached readers»), qui, une fois qu’ils ont choisi le contenu qu’ils souhaitent lire, retirent leurs doigts de l’écran.
– il y a aussi les lecteurs méthodiques, qui décident ce qu’ils vont lire et s’en tiennent à leur décision, et les lecteurs qui fonctionnent comme des scanners et butinent ici et là des fragments de contenus. Les seconds, les butineurs, sont plus nombreux (52%) et plus implantés chez les 18-28 ans, quand les premiers, les méthodiques, appartiennent plutôt à la classe d’âge des 45-55 ans.

• Le choix du premier contenu

Avant de choisir le premier contenu qu’ils vont lire sur tablette, les lecteurs fixent en moyenne 18 points sur la page d’accueil de leur application. Ceux qui ne finissent pas la lecture de leur article ont regardé seulement 9 points. Et sur le premier contenu qu’ils consultent, ils passent en moyenne 1 minute et demi, relève encore Sarah Quinn, reprenant les conclusions de l’étude Poynter.

• Plus d’engagement?

Sur tablettes, les lecteurs seraient plus «engagés» que sur smartphones, prétend ce rapport réalisé par Adobe Digital Index en mars 2013. Même si la tablette est moins répandue dans le monde que le téléphone, elle génèrerait plus de trafic en ligne. En effet, un utilisateur de tablette surfe sur 70% de pages Web de plus que lorsqu’il utilise son smartphone.

• A l’horizontal

70% des utilisateurs de tablettes préfèrent lire en version paysage plutôt qu’en version portrait, toujours selon l’étude EyeTrack de Poynter. Un argument supplémentaire pour implorer les éditeurs de ne pas reproduire, sur tablette, le format du journal imprimé. «Aucun lecteur ne sert d’une tablette comme d’un journal», martèle Mario Garcia.

• Le triptyque de l’information

Les internautes attendent trois principes d’une application d’informations disponible sur tablette: 1. de la «curation», pour voir quels contenus les éditeurs ont sélectionnés pour eux 2. les dernières nouvelles disponibles, «breaking news» compris, et 3. des contenus issus du journal/magazine/programme de télé ou émission de radio si l’application est celle d’un média déjà installé dans le paysage. Conséquence: «vous pouvez mettre le PDF de votre journal, mais à condition que votre PDF soit mis à jour dans la journée», dit encore Mario Garcia, qui prévoit, dans les mois à venir, de plus en plus de «multi-editionning», comme le fait le New York Times, avec une édition du journal le matin, une édition le midi, et une édition le soir.

Comment les producteurs d’informations devraient concevoir leurs applications sur tablette

• Trois types d’interfaces, une préférence

Crédit: Poynter

L’institut Poynter a testé les réactions des lecteurs sur trois applications différentes sur tablette. La première application s’inspire de l’interface de la BBC, à savoir une mosaïque d’images qui, lorsqu’on clique dessus, renvoient vers des contenus. La deuxième application, traditionnelle, ressemble à l’interface proposée le plus souvent par les journaux, avec une place majeure laissée au texte et aux titres, des rubriques en nombre, et une séparation par colonnes, qui donne une idée claire de la hiérarchie journalistique proposée par l’éditeur. La troisième et dernière interface ressemble à l’interface de Flipboard. Résultat du test: les utilisateurs interrogés par Poynter préfèrent à 50% la version numéro 1, qui leur donne l’impression d’avoir un buffet devant eux, à 35% le modèle hiérarchisé et à 15% l’équivalent de Flipboard.

• Les yeux, le cerveau et les doigts

Sur tablette, une application d’informations a un seul impératif: parler à plusieurs sens. Elle doit s’adresser «à la fois aux yeux, au cerveau et aux doigts», avertit Mario Garcia. «Ne frustrez jamais les doigts de vos lecteurs! Il faut rendre les doigts heureux, leur proposer des points sur lesquels interagir de façon tactile».

• Le nerf de la guerre est visuel

Les images sont devenues des principes de navigation au détriment des titres d’articles. C’est dur à encaisser pour les éditeurs, mais le titre d’un éditorial ne peut guère servir d’appel au clic. Sur tablette, l’application The Times of London a pris le parti de consacrer toute la surface de son application à une seule histoire qui est souvent une vidéo, et celle du Huffington Post propose une interface uniquement basée sur les images.

• Boutons par défaut plutôt que nouveaux boutons

67% des sondés de l’étude Poynter utilisent les boutons de contrôle installés dans leur navigateur – comme les flèches pour revenir sur la page précédente – pour passer d’un contenu à l’autre, plutôt que des boutons créés par les développeurs dans une application. «Ils utilisent ce qu’ils connaissent», résume Sarah Quinn. Pas la peine, donc, pour les éditeurs de consacrer un temps déraisonnable à la création de telles fonctionnalités quand elles existent déjà par défaut sur le support.

Alice Antheaume

On croyait la pop-up condamnée à rester un format publicitaire de la fin des années 90 sur le Web. Voici qu’elle revient, en 2012, sur des sites d’informations tels que Rue89, lemonde.fr, Business Insider ou le New York Times. Et, cette fois, elle a des ambitions journalistiques.

«La pop-up, c’est le sparadrap du capitaine Haddock. On croit qu’elle a disparu, mais non!», s’amuse Julien Laroche-Joubert, rédacteur en chef adjoint au Monde.fr, qui a oeuvré à la refonte de la maquette du site, sortie en mars 2012, où figure désormais, en bas à droite de l’écran, une pop-up à contenus éditoriaux appelée en interne le «toaster».

De la pub à l’info

Si la pop-up s’offre une autre vie dans l’univers de l’information en ligne, c’est parce qu’elle a gagné ses galons dans l’univers de la messagerie instantanée. Sur Gtalk et sur Facebook, lorsque des utilisateurs conversent en temps réel, leurs échanges s’affichent par défaut dans… une fenêtre en bas et à droite de l’écran. Un usage installé par des années de pratiques et devenu un code de lecture, et même d’interaction.

«Personne n’aime les modes d’emploi», estime Julien Laroche-Joubert. L’intérêt de reprendre un code existant, c’est que «les gens comprennent tout de suite que la pop-up en question sera un lieu de dialogue avec la rédaction.»

De fait, en se connectant sur la page d’accueil du Monde.fr, ce dimanche 10 juin 2012, jour de premier tour des élections législatives, apparaît dans la pop-up la question d’un lecteur à la rédaction – question sélectionnée par celle-ci avant publication: «Avez-vous les résultats pour Mme Rosso Debord (membre de la cellule riposte pendant la campagne présidentielle de Nicolas Sarkozy et candidate UMP dans la 2e circonspection de Nancy, ndlr)?». La réponse tombe aussitôt, visible également dans la pop-up: «@Reno : Avec 33,57 % des voix, Valérie Rosso-Debord (UMP) arrive en seconde position derrière le socialiste Hervé Feron (39,51 %)».

La vitrine du «live»

En réalité, plus qu’un espace d’interaction, cette pop-up sert un autre objectif pour lemonde.fr: montrer les «lives», ces formats qui permettent de raconter en direct un événement via mots, photos, vidéos et interactions avec l’audience, que les éditeurs français ont multiplié depuis les révolutions arabes, puis Fukushima, et a fortiori pendant la campagne présidentielle.

Or la réalisation d’un live nécessite des ressources journalistiques lourdes, comme expliqué dans un précédent WIP, «tous scotchés au live». Dans ces conditions, mieux vaut le mettre en majesté. Ce qui passe, sur lemonde.fr, par l’affichage dès la page d’accueil d’un aperçu du live dans une fenêtre ad hoc. Y remonte – c’est programmé par défaut – le message le plus récent posté dans le live qui se déroule au moment où l’utilisateur se connecte. «S’il n’y a pas de live en cours, il n’y a pas de pop-up. Et s’il y a deux lives en même temps, cela devient compliqué», reprend Julien Laroche-Joubert.

Clics et allergies

Un choix qui ne fait pas que des heureux. Certains utilisateurs râlent, estimant que les lives «ne sont que du bruit, et qu’ils n’ont rien à faire sur la page d’accueil du Monde.fr», une page qui, aujourd’hui encore sur ce site, concentre l’essentiel du trafic. D’autres s’énervent contre cette fenêtre jugée intrusive: «Moi qui suis vos lives avec grand intérêt, cette petite fenêtre persistante m’agace au plus haut point pendant la lecture et le choix des articles», peste une lectrice. En effet, cette pop-up, en bonne héritière de son ancêtre publicitaire, peut au mieux se réduire, mais pas se fermer, même lorsque l’on clique sur la croix.

Malgré les doléances, 70% des lecteurs qui rentrent sur un live le font par la pop-up de la page d’accueil, annoncent les équipes du Monde.fr. Le chiffre est d’autant plus signifiant que cette «pop-up éditoriale» n’est visible que depuis un ordinateur. Elle n’apparaît ni sur mobile ni sur les réseaux sociaux, lesquels devraient bientôt être les meilleurs pourvoyeurs d’affluence sur les sites d’informations.

Questions d’ergonomie

Entre tentative d’innovation et résistance au changement, le curseur est difficile à placer pour les éditeurs. Surtout quand il s’agit de s’attaquer à l’ergonomie des sacro-saintes pages d’accueil, symboles de la hiérarchie journalistique choisie par une rédaction.

Au festival South by South West 2012, à Austin, les professionnels ont rendu un diagnostic pessimiste: selon eux, non seulement l’interface de la majorité des sites d’informations n’a pas évolué depuis presque vingt ans, mais en plus les conventions journalistiques (titre, chapeau, etc.) freinent la création de nouvelles expériences.

Quant à la pop-up journalistique, elle a le mérite de bousculer un peu la façon de «rentrer» dans des contenus, mais cela reste une surcouche, posée par dessus le «rubriquage» traditionnel des informations.

Et… autres lectures recommandées

D’autres éditeurs ont aussi recyclé, dans un but éditorial, le format de la pop-up. Sur les sites du New York Times et Rue89, celle-ci vise à recommander des compléments de lectures, et ce, uniquement dans les pages articles – pas sur les pages d’accueil. Lorsque le lecteur arrive à la fin d’un contenu, surgit ainsi une fenêtre, toujours en bas à droite de l’écran, pour «rebondir» sur d’autres contenus de la même thématique que celle qui vient d’être consultée.

Si par exemple je parviens à la chute de l’article «Comment les députés gèrent leurs frais de représentation» sur Rue89, la pop-up me préconise ceci:

Si je lis un article sur le New York Times concernant Mitt Romney, ou Barack Obama, on me suggère de poursuivre en cliquant sur un autre article de la rubrique politique:

Les éditeurs en conviennent volontiers: copier le voisin pour récupérer ce qui marche constitue une recette éprouvée. Et reprendre, dans un but journalistique, un format installé par les géants de la technologie encore plus…

Alice Antheaume

Plus de développeurs et moins de journalistes. C’est ainsi que les équipes éditoriales du Guardian vont être remaniées, a annoncé le rédacteur en chef du quotidien britannique, Alan Rusbridger. Car au Guardian comme ailleurs, le futur du journalisme passe par la compréhension du code.

Pourquoi? Parce que, derrière chaque site d’informations et chaque application mobile, il y a des lignes et des lignes de signes (lettres, chiffres, ponctuation) incompréhensibles pour le quidam mais sans qui, en ligne, il n’y aurait aucun habitacle susceptible d’accueillir des contenus journalistiques.

Il serait donc temps d’apprendre à “taper” ces “lignes” de code. Ou, du moins, à en saisir la logique. D’autant que les “codeurs” incarnent la nouvelle élite, selon le Washington Post. le A l’Ecole de journalisme de Sciences Po, certains étudiants estiment que c’est LA nouvelle langue à ajouter à leurs CV. L’un d’entre eux m’a indiqué, par email, l’existence de leçons, en ligne, gratuites et en anglais, pour commencer à programmer.

Ecole de code

Un clic plus tard, me voici à la Codecademy, la Star Academy du code, un site créé en août dernier par deux compères, Zach Sims and Ryan Bubinski, issus de l’Université de la Columbia, à New York. Leur pari? Faire de l’apprentissage du code une résolution de l’année 2012.

Les journalistes, étudiants ou professionnels, ne sont pas les seuls concernés. Selon ces jeunes entrepreneurs, savoir coder sera, dans les années à venir, aussi fondamental que savoir lire ou écrire. Sims et Bubinski ont déjà convaincu plus de 280.000 “élèves” de suivre leurs cours, dont le maire de New York, Michael Bloomberg. Tous sont désormais inscrits à la Codecademy comme on s’inscrirait à une salle de sport, pour se maintenir à flot. Et les apprentis codeurs tweetent leur progression, sous le hashtag #codeyear.

Au programme, donc, des leçons pour apprendre en s’amusant des langages informatiques, à commencer par Javascript. Oui, “apprendre en s’amusant”. Car la Codecademy repose sur le même principe de “gamification” que le site de géolocalisation Foursquare: chaque exercice réussi fait gagner des points. Puis des badges, dont les participants peuvent s’enorgueillir en les affichant sur les réseaux sociaux.

Scripts, commandes, etc.

En vrai, c’est ultra simple et bien pensé. Même pour des littéraires. “Tout se fait sur Internet et c’est interactif”, décrit Zach Sims, interrogé par CNN Money. “Vous n’aurez jamais besoin de lire un livre sur la programmation puis de vous exercer sur un ordinateur, vous faites juste à ce que vous montre notre programme”.

“Comment vous appelez-vous?”, interroge le programme, en indiquant qu’au moment de taper la réponse, dans un espace ressemblant à un chat de messagerie instantanée, vous devez mettre votre prénom entre guillemets – obligatoire dans Javascript pour les mots, mais pas pour les chiffres. Puis il vous demande de retaper votre prénom entre guillemets et de compléter par .length (longueur, en français) – ce qui donne, dans mon cas, “alice”.length – puis de taper “entrée”. Le programme vous indique alors combien de lettres composent votre prénom. Vous avez ainsi réalisé votre premier “script”.

Ensuite, cela se complique pour passer en revue d’autres commandes, comme envoyer un message d’alerte qui s’afficherait en pop-up depuis un navigateur, ou définir des variables qui correspondent chacun à un jour de la semaine.

26 exercices plus tard, 230 points et 3 badges obtenus au prix d’heures d’acharnement déraisonnable, j’ai arrêté de croire que cela suffirait à me transformer en développeuse accomplie. D’après les fondateurs de Codecademy, rien n’est impossible à condition de suivre le programme pendant un an, à raison d’une leçon par semaine au minimum. Pour l’instant, s’il y a une leçon à retenir, c’est qu’en tapant du code, le seul oubli d’un point virgule à la fin d’une ligne peut ruiner toute velléité de programmation.

Je l’ai déjà écrit dans un précédent WIP intitulé “Premières leçons de code”. S’initier aux rudiments du code, ça sert, pour un journaliste, à «penser» selon deux approches: la forme ET le fond, les interfaces ET les contenus.

En effet, comment, en ligne ou sur mobile, concevoir le meilleur format éditorial possible si l’on ne sait pas ce qu’il est possible de faire ou pas, techniquement parlant? Et comment, dans les rédactions, travailler avec des robots sans comprendre comment ceux-ci sont programmés?

Avez-vous testé Codecademy? N’hésitez pas à écrire vos impressions ci-dessous.

Et merci de partager cet article sur Facebook et Twitter!

Alice Antheaume