WHAT WE SAY

1. IPAD. Découvrez le premier média grand public de l’AFP avec Radio France

   > By Benoît Raphaël 03.19.12 - 15:53 PM

   

   Je suis très très fier aujourd’hui de parler de la première réalisation de la branche française de Revsquare qui vient de sortir aujourd’hui sur l’App Store.

   Fier parce qu’il s’agit du premier média grand public de l’AFP en partenariat avec Radio France. Une application iPad, personnalisée, audacieuse, qui réunit le meilleur de France Info, France Inter, France Culture et de l’AFP sur les élections présidentielle et législatives.

   Fier parce que la conception et le développement de cette application ont été une course contre la montre : moins de deux mois de développement (nous avons lancé le développement fin janvier et démarré la conception mi-décembre).

   L’application France 2012 s’appuie sur la technologie Trensboard, un algorithme sémantique qui analyse et hiérarchise en temps réel les contenus de Radio France et de l’AFP en fonction des conversations les plus partagées sur Internet (je lancerai Trensboard en avril prochain à destination des rédactions et des marques).

   Grâce à cette technologie, l’utilisateur peut piloter son info grâce à trois filtres (thèmes de campagne / candidats / et bientôt géolocalisation), comme dans un jeu vidéo. Il dispose du meilleur des contenus texte, photo, audio et vidéo de ces deux grands groupes médias de façon personnalisée.

   La volonté de Radio France et de l’AFP était de proposer une expérience de l’info complètement pensée pour les tablettes, à la différence de la plupart des plateformes d’info d’abord conçues pour le web et déclinés sur le mobile. Nous avons donc dû penser l’expérience de façon radicalement nouvelle : une vision synthétique personnalisée, mais aussi une utilisation du geste pour permettre à l’utilisateur d’approfondir l’info sur les sujets qui l’intéressent.

   Une fonctionnalité ludique permet également aux mobinautes de partager leur humeur en fonction du candidat qui les convainc le plus durant la campagne.

   

   L’application sera optimisée dans les prochains jours. Une version mobile iPhone et Android est déjà en cours de finalisation.

   Sur ce projet, Revsquare (qui vient d’installer ses bureaux à Paris) a travaillé avec ses collaborateurs locaux : l’incroyable Julien Tauvel au design de l’interface et à la gestion de projet, Matthieu Stéfani (co-fondateur de Citizen Side) à la conception éditoriale, le maître Jean Véronis aux commandes de l’algorithme, avec la participation de Jeff Mignon et Dave Wang à New York et de Stéphane Lagrange (équipe de développement) à Montréal. Un projet que j’ai eu le plaisir de diriger.

   En face, une équipe trés mobilisée et créative. Avec, côté Radio France, l’ami Joël Ronez, nouveau directeur des nouveaux médias de Radio France, et véritable formule 1 des médias digitaux français, assisté d’Alexandre Albert-Stewart. Et côté AFP, Bernard Pellegrin, adjoint au directeur de l’info, dont l’esprit disruptif donne un vrai coup de jeune à l’institution.

   A découvrir ici, sur iTune. C’est gratuit, et déjà en cours d’optimisation pour la V2 dans une dizaine de jours…

   

2. Quelques règles pour optimiser la lisibité de votre site

   > By Elisa Riteau 03.15.12 - 21:41 PM

   Ne jamais négliger les utilisateurs mais se servir de leur expérience pour améliorer la lisibilité, l'accessiblité d'un site et en augmenter ainsi le rendement.
   Voici quelques règles importantes à respecter, résultats de recherches et d'études sur le comportement des utilisateurs.
   
   Comment l'œil navigue-t-il sur Internet ?
   Le mouvement des yeux est la base de tout traitement visuel. Il est constitué de fixations et de saccades.
   Fixations
   Périodes pendant lesquelles les yeux s'arrêtent ou hésitent à se concentrer sur un objet visuel
   Saccades
   Périodes pendant lesquelles les yeux scannent rapidement les plans verticaux et horizontaux du champ visuel
   
   Eye Tracking Research indique que la plupart des utilisateurs scannent au lieu de lire. L'attention visuelle de l'utilisateur est par conséquent influencée de manière significative par un groupe d'informations visuel et non par une information isolée. L'œil de l'utilisateur recherche également les emplacements récurrents sur l'ensemble des sites où se trouvent, par exemple, les logos, les espaces de connexion ou encore les systèmes de navigation.
   
   Les études indiquent que les yeux des gens tendent à passer :
   1/ d'une grande à une petite taille
   2/ d'une forme irrégulière à régulière
   3/ de l'obscurité à la lumière
   4/ de couleurs saturées (lumineuses) à insatruées (atténuées)

   L'œil et le contenu
   

   L'usage de la typographie
   La manière dont on lit est liée à la différenciation des lettres par leur forme et leur taille. L'œil reconnaît les formes ascendantes et descendantes des mots et les distingue. Les lettres capitales et minuscules confèrent alors aux lettres une forme extérieure que l'œil différencie de facto.
   Par conséquent, lorsque les capitales sont utilisées, l'œil a davantage de difficultés à les différencier les unes des autres car formes ascendante et descendante sont exclues.
   Cela ralentit la lecture de 14 à 20%.
   
   La longueur des lignes
   Parce que les longues lignes de texte requièrent davantage de mouvements oculaires latéraux, il est préférable d'opter pour des lignes courtes.
   
   Etudes (The Effects of Line Length on Children and Adult's Online Reading Performance, Usability News)
   • Les jeunes lecteurs préfèrent des lignes courtes
   • Pour les jeunes lecteurs et les adultes dont la capacité de lecture est réduite, la longueur optimale d'une ligne se compose de 7 mots.
   • Des études récentes montrent que les lignes de plus de 100 caractères sont préférables pour une vitesse de lecture rapide.

   La lisibilité d'un texte
   La lisibilité d'un texte dépend de plusieurs critères :
   - le choix de la typo
   - la taille de la typo
   - le contraste
   - le mode d'affichage
   - la distance de lecture
   - la lumière ambiante
   - l'alignement du texte

   Ces critères rendent le choix d'une typo difficile. Il est donc préférable de tester la lisibilité de cette dernière auprès de ses utilisateurs ou de se référer aux études faites à ce sujet.

   Dans un prochain article, j'aborderai l'utilisation de la couleur dont la valeur est à la fois esthétique et fonctionnelle.

   (source: Human Factors International)
   
   

3. Verysmartbook: une plateforme web-based et en responsive design pour lire, commenter et partager des livres numériques au contenu multimédia

   > By Jeff Mignon 03.08.12 - 04:54 AM

   Le concept de Verysmartbook est simple :

   1. Permettre la publication simple de livres numériques avec un contenu enrichi / multimédia. Le livre comprend images, diaporamas, videos et documents (pdf + Word) et, bien entendu, de nombreux liens.

   2. Ajouter la dimension sociale au livre numérique en donnant la possibilité de commenter (notes privées, publiques et amis seulement), partager (Twitter, Facebook, email) et bookmarker.

   3. Offrir une lecture multiplateforme. L'interface utilisateur du livre est différente selon que l'utilisateur le consulte sur un ordi, une tablette ou un smart phone. Elle s'adapte automatiquement à l'écran de consultation grâce à la méthode du "responsive design". Ainsi, nul besoin de développer une série d'app ou une série de eBooks dans les différents formats nécessaire à la lecture sur iOs, Android ou tablette Kindle. Cinq designs ont été développés (1 pour l'ordi, deux pour la tablette, deux pour le smartphone) en CSS3/HTML5/JS. 

   Une navigation par onglet permet également :

   1. De suivre le ou les conversation(s) en live sur Twitter en lien avec le sujet du livre. L'admin permet d'additionner les hashtags qui correspondent au thème du livre.

   2. De naviguer d'un seul trait, l'ensemble des vidéos présentent sur le livre, ainsi que l'ensemble des images et des documents.

   Les livres peuvent être publiés soit comme un sous domaine (www.verysmartbook.com/titredulivre), soit avec leur propre nom de domaine. C'est le cas du premier livre sur l'affaire DSK, écrit par François Dufour (rédacteur en chef de Mon Quotidien, l'Actu et Le Petit Quotidien): http://www.dsk16mai.com/
   

   Les deux premiers chapitres sont gratuits. Puis, le reste du livre est accessible en ligne mais payant.

   La plateforme a été imaginée et développée par l'équipe de RevSquare USA pour la toute jeune maison d'édition: Katou Malou. La technologie utilisée pour cette plateforme a été Django (Python).

   Le livre existe aussi en format papier et eBook.

4. Amazon: le géant Américain de la distribution lance sa plateforme publicitaire locale sur New York

   > By Jeff Mignon 01.19.12 - 13:21 PM

   Depuis deux jours, je reçois des coupons avec des offres publicitaires locales dans ma boîte d'emails. Rien d'extraordinaire me direz-vous. Sauf que ces deals me sont envoyés par Amazon. Profitant de son incroyable base de données qualifiées, Amazon, le géant américain de la distribution en ligne, a donc décidé de devenir -- aussi-- une plate-forme publicitaire.
   
   Le lancement d'Amazon local sur New York a été annoncé le 24 août dernier.  Il existe un site qui agrége l'ensemble des offres sur New York City:
   Amazon local. Pour Amazon, cette évoluation est tout ce qu'il y a de plus naturel. Dans le New York Times, Mike George, vice president de AmazonLocal, explique: "Tout ça est très logique. C'est une extension naturelle de ce que vous faisons déjà: aider nos 144 millions de consommateurs actifs à acheter tout ce qu'il souhaite."
   
   Cette stratégie s'attaque de front aux géants du coupon, comme groupon.com. Mais, c'est aussi une nouvelle menace pour la presse locale qui voit arriver un nouveau concurrent sur le terrain de la publicité locale. Cette stratégie n'est pas une surprise pour l'équipe de RevSquare. Non pas que nous soyons dans les secrets d'Amazon mais plutôt que depuis plusieurs années nous expliquons que :
   #1- la presse a perdu le monopole de la distribution publicitaire
   #2- le ROI (retour sur investissement) devient l'enjeux principale
   #3- la constitution et la qualification de bases de données sont donc la clé de la bataille publicitaire qui se joue sous nos yeux
   #4- et dans cette bataille, les géants de la distribution ont donc potentiellement leur mot à dire.
   
   Avec Amazon local, nous sommes passés de la théorie à la réalité. Le géant américain de la vente en ligne a compris qu'il avait une carte à jouer sur ce terrain. Bien entendu, cette carte, il peut aussi l'utiliser sur le terrain national, en offrant de diffuser des campagnes sur la base des centres d'intérêts de ces consommateurs. Nul doute que si l'affaire s'avère rentable Amazon s'étendra à d'autres marchés, aux États-Unis et ailleurs dans le monde.
   
   Nul doute, également, que d'autres géants de la distribution vont rentrer dans la ronde publicitaire, dans les années qui viennent. Je donne souvent l'exemple des géants du supermarché comme l'Américain Target ou le français Carrefour. Imaginez que demain il dédide de devenir, eux aussi une plateforme publicitaire.
   
   La bataille pour la part de gateau publicitaire ne fait donc que commencer.

5. Mettre en place des KPI (Key Performance Indicator) est crucial pour évaluer l'intérêt de toute modification d'un site

   > By Elisa Riteau 10.06.11 - 21:52 PM

   Pensez-vous utile de faire des tests utilisateurs ? Dans bien des cas, la réponse est non. Raisons principales, le coût et le temps. Pourtant, ces tests sont bien utiles pour améliorer les performances globales d'un site qu'elles soient financières ou ergonomiques.
   Donald Norman, professeur émérite au département de la Science cognitive et de la psychologie à l'université de San Diego et auteur de l'excellent ouvrage "The Design of Everyday Things" résume en quelques mots l'intérêt de passer par une analyse centrée sur l'utilisateur (User-Centered Analysis) avant même d'envisager le design du site : "L'approche logique est la mauvaise voie à suivre pour la compréhension des besoins des utilisateurs. Vous devez leur parler, les regarder, c'est la seule façon de comprendre leurs intérêts, leurs motivations, leurs besoins »
   
   Mais comment convaincre un client réticent à mettre en place une analyse centrée sur l'utilisateur (User-Centered Analysis) et/ou des tests d'utilisabilité (Usability testing) pour créer un site qui répondra au plus près aux attentes de l'utilisateur ?
   La réponse réside dans la mise en place de KPI (Key Performance Indicator) qui vont permettre de calculer le retour sur investissement d'une dépense faite sur les tests utilisateurs et d'ergonomie.
   
   Exemple de KPI que vous pourriez mettre en place sur un site de e-commerce : réduire le taux d'abandon d'un site
   
   [ Taux d'abandon (%) avant (re)design – Taux d'abandon (%) après (re)-design ] x Trafic mensuel de la page = variation mensuelle du taux d'abandon
   Variation mensuelle du taux d'abandon x Montant moyen des commandes x Profit (%) par commande x 12 mois par an = augmentation du profit annuel
   
   Illustration du calcul : réduction du taux d'abandon de 20% sur la page de commande d'un site de e-commerce
   
   Taux de chute (%) avant (re)design         60%
   Taux de chute (%) après (re)-design         40%
   Trafic mensuel de la page                         100,000 views
   Montant moyen des commandes               50 euros
   Profit (%) par commande                         20%
   
   
   Changement de chute mensuelle     =  [ 60 % – 40%]  x  100,000        =    20,000
   Augmentation du profit annuel        =   20,000  x  $50  x  20%  x  12    =    2,400,000 euros
   
   En admettant qu'on ait investi 20 000 euros dans les tests d'ergonomie, on se rend compte sur cet exmple que l'investissement est largement couvert par les bénéfices réalisés sur l'année.
   
   Cela peut vous sembler théorique mais l'exemple du "$300 Million Button" (bouton à 300 millions de dollars) démontre tout le contraire. En améliorant un bouton call-to-action (Bouton "Continue" vs. bouton "Register"), un site connu a vu son revenu augmenter de 45%. Soit une somme additionnelle de $300,000,000 la première année. Pour plus de détails sur l'histoire cliquez ici. 

Follow us

We are on twitter

The voices of our team members

1. The booming shipping network

   Posted by nrapp Posted on May 14, 2012

   Not since 1956, when a North Carolina truck driver named Malcom McLean created a standard-size container for cargo, has global shipping seen such radical change. Carriers are bigger than ever, ports are becoming automated, and routes are shifting. The volume of goods that move between ports in Asia now accounts for 13% of all seaborne [...]

2. SOCIAL READERS FACEBOOK. Attention, danger ?

   Posted by Benoit Raphaël Posted on May 09, 2012

   Panique à bord en avril : les applications Social Reader lancés en masse par les médias sur Facebook ont connu une chute brutale de leur trafic. Perte brutale d’intérêt des lecteurs pour ce qui est depuis le début de l’année, la nouvelle grande tendance chez les sites d’info ? Non ! Il s’agirait de modifications importantes [...]

3. America’s biggest companies smashed records for earnings in 2011

   Posted by nrapp Posted on May 07, 2012

   Given the sluggish recovery and a strapped consumer, you’d expect to see corporate America trudging along, not racing for glory. In fact, the Fortune 500 are thriving as a group. Unlike the U.S. economy, they’ve shown quicksilver agility, rapidly shifting their product mix and producing more goods at little new cost. This nimbleness belies the [...]

4. #ledebat Sarkozy-Hollande : la 3D était sur Twitter

   Posted by Benoit Raphaël Posted on May 03, 2012

   A lire la presse ce matin, à regarder ou écouter en boucle les matinées spéciales des chaînes d’info ou de la radio, ou encore a observer hier soir le jeu contraint de Laurence Ferrari et David Pujadas, transformés en douloureuses horloges parlantes, difficile, sauf à lire entre les lignes, de désigner un vainqueur du débat [...]

5. IPHONE. Trois applications qui vont vous changer d’instagram

   Posted by Benoit Raphaël Posted on Apr 24, 2012

   Il n'y a pas qu'Instagram dans la vie. L'application star rachetée par Facebook a fait des petits. En voici trois que je trouve très excitantes.

The Team

In our lab