Agence WEX

Étiquette : mCommerce

  • Comment développer une application mobile efficacement ? Le cas Zalando.

    En terme d’expérience utilisateur, la nouvelle application mobile de Zalando, n°1 de la mode en Europe, apporte son lot d’innovation qu’il serait dommage de ne pas connaître. Notre Capitaine Commerce s’est lancé la semaine dernière dans son analyse « live ». En voici le résumé par écrit et la vidéo en bas de page

    Une interface simplifiée

    La concurrence sur les applications mobile étant plus que féroce, il est primordial de proposer une expérience utilisateur réussie dès la première utilisation. C’est le cas de l’app de Zalando. Et cela grâce à plusieurs subterfuges qui donnent à l’utilisateur final l’impression d’une application simple et facile à utiliser.

    Une page d'accueil épurée
    Une page d’accueil épurée avec très peu d’éléments visibles au premier abord. Voilà qui repose le regard et donne envie d’avancer à l’utilisateur.

    Surprise ! Il n’y a pas de navigation. En fait, si, il y en a une, même si elle est un peu cachée, ce qui n’est pas plus mal. Ainsi, l’attention de l’utilisateur est soit portée vers le moteur de recherche, soit directement vers les catégories de produits mises en avant. Résultat : une interface plus légère visuellement, plus simple, plus attirante.
    Mieux encore, et dans une intention d’efficacité et de rapidité, l’ensemble des contenus de l’écran d’accueil peuvent être personnalisés en fonction des préférences utilisateurs. Mais ne pensez pas à un configurateur compliqué. Non, Zalando ne vous demande que si vous êtes un homme, une femme ou si vous cherchez des vêtements pour vos enfants. Une fois le choix effectué, pour pourrez le changer à tout moment.
    App Zalando
    Ecran de choix des préférences pour les femmes…

     
    App Zalando
    … et pour les hommes…

     
    Petite attention délicate, qui rend compte d’une autre façon de penser les apps, je suis accueilli par un message me souhaitant la bienvenue de manière personnalisée également. Sans compter une petite phrase d’accueil dont le contenu change en fonction, par exemple, du contenu de mon panier. Chaque détail a son importance, n’est-ce pas ?

    Une navigation plus fluide, plus intuitive et plus libre

    L’aspect le plus innovant de l’app Zalando repose dans le fait que la navigation y est devenue beaucoup plus libre et plus agréable. Contrairement à beaucoup d’apps, il y devient possible de slider avec le doigt soit à l’horizontale, soit à la verticale, depuis la fiche produit. Le premier faisant défiler les différentes vues du produit. Le deuxième permettant de passer d’un produit à l’autre dans la liste. Plus besoin de revenir en arrière dans la page liste !

    App Zalando
    Vue zoomée sur un produit. Tout l’écran est occupé par la photo.

     
    App Zalando
    La fiche produit en mode normal. Même dans cette configuration, beaucoup d’espace est donné à la photo.

     
    Mieux encore : le mode zoom fonctionne un peu comme la touche majuscule d’un clavier d’ordinateur. Vous pouvez l’activer ou le désactiver à volonté pour pouvoir naviguer soit en mode d’affichage normal, soit en mode zoomé permanent. C’est une solution qui offre une nouvelle expérience de navigation beaucoup plus fluide, plus immersive, autant que cela soit possible sur un terminal téléphonique. Et qui, c’est quasiment certain, devrait contribuer à augmenter le temps de navigation.
    Rapidité : il est impossible de tester la rapidité d’une application sans faire de véritables mesures. Mais je dois avouer que mon test en vidéo et en 4G n’a souffert d’aucun ralentissement. Cela reste à vérifier, mais il est fort probable que les concepteurs de l’app Zalando aient aussi fait le ménage du côté du code.

    Le paiement rendu transparent avec Touch ID

    A ma grande surprise, j’ai découvert via l’app de Zalando qu’il était désormais possible d’exploiter Touch ID,  la fonction d’identification digitale de l’iPhone pour pouvoir s’identifier sur une application mobile. Et c’est réellement un grand pas en avant dans l’amélioration de la conversion des applications mobiles. Toute la transpiration nécessaire à s’identifier sur la plupart des applications disparait ici en étant remplacée par un simplement toucher de doigt sur le bouton principal de l’iPhone. Une fonction qui prend encore plus de sens pour un marchand dont la fréquence d’achat doit être plutôt élevé pour les clientes fidèles.

    App Zalando Paiement
    Lors du passage au paiement, Touch ID est proposé à l’utilisateur pour qu’il puisse s’identifier simplement.

     
    App Zalando Paiement
    Touch ID se configure depuis les préférences utilisateurs.

    Comment Zalando est arrivée à ce résultat ?

    Ce qu’il faut retenir par dessus ces innovations en terme d’expérience utilisateur est aussi la méthode pour y parvenir. L’application a été conçue en interne par l’équipe web de Zalando à qui une autonomie presque totale a été donnée. Du GO à la validation des principes de l’utilisation, à peine 4 semaines se sont écoulées. Et ceci sans attendre à chaque fois les décisions du top management.
    Les équipes ont bien sûr travaillé en mode agile, mais y ont ajouté une touche d’auto-apprentissage. 20% du temps du projet y était consacré. D’où un temps de développement record de 3 mois pour livrer l’application !
    Comme quoi une bonne expérience utilisateur n’est pas qu’entre les mains des ux designers ou des développeurs, mais dépend entièrement d’un mode de management agile, faite de courtes phases d’auto-apprentissage, mais aussi d’une bonne dose d’autonomie, ainsi que d’une collaboration accrue entre les compétences métiers. Un exemple à suivre et dans lequel Wexperience peut aussi vous accompagner.

    Pour ceux et celles qui auraient manqué le webinar :

     

  • Découvrez le programme du Nord Conversion Day 2016 !

    Plus que quelques jours pour rejoindre la seconde édition du Nord Conversion Day ! 

    Jeu concours Nord Conversion Day

    Nous y sommes !

    Dans 3 jours exactement, la seconde édition ouvrira ses portes avec encore plus d’intervenants, plus de conférences et plus de fun

    Au programme, une suite de conférences proposées par chacun des partenaires tels que Prestashop, AB Tasty et bien d’autres. Tous accompagné de l’un de leurs clients, ils vous exposerons un cas utilisateur dans son domaine afin de montrer comment ils ont résolu un problème, surmonté un défi ou fait avancer un projet. Le but est vraiment de parler aux ecommerçants et d’ouvrir leurs shakras.

    Car tout le monde ne peut pas faire de l’optimisation, mais tout le monde a besoin de mieux maîtriser son environnement. Pour nous rejoindre il suffit de cliquer 🙂 on vous proposera même de gagner une jolie Apple Watch Sport !

    Petit aperçu sur le programme :

    • 09:00 Ouvertures des portes
      Dès la réception de votre badge, je vous conseille de l’imprimer pour éviter l’attente 
    • 09:15 Discours d’ouverture et présentation du projet Blanchemaille
      Par votre Capitaine et Yann Kervarec
    • 9h30 – 12h00 : Première partie de conférences 
      Animé Wexperience, Smeno, Beekast, Prestashop & Skylantern, Chercheur du Sca Lab
    • 12h00 : LUNCH & NETWORKING
      Le moment idéal pour faire connaisance 🙂
    • 13h00 – 16h30 : Seconde partie de conférences 
      Animé par Temando, AB Tasty & Tikamoon, Bmobile & 3Suisses, Altima, Nuukik et Pricing Assistant 
    • 16h30 : On reprend des forces avec une petite pause café ! 
    • 16h45 – 18h15 :  Dernières parties de conférences
      Animé par On prend un café et Fitizzy
    • 18h15 : Et on finit par un petit apéro 😀 ? 

    On se retrouve donc jeudi prochain dès 9h au :

    Grand Stab Vélodrome – 59 rue Alexandre Fleming 59100 Roubaix

    Et pour finir, si vous n’êtes pas convaincu, dites-vous que c’est gratuit et que c’est un cadre idéal pour élargir votre réseau, discuter, échanger, networker ! le tout dans une ambiance cool et bienveillante… enjoy ! Il suffit juste de cliquer 🙂

  • Faut-il optimiser son site ecommerce pour tablette ?

    Evolution des ventes de tablettes tactiles en France
    Le nombre de tablettes ne cessent d’augmenter en France et atteindra sûrement une taille plus que conséquente par rapport aux mobiles et au PC

    Les tablettes tactiles (iPad et Android) ont envahi les foyers français et l’engouement pour ces nouvelles interfaces n’est pas prêt de se démentir.

    • Plus simples à utiliser que les PC de bureau
    • Plus pratiques, elles sont transportables partout, elles sont toujours allumées
    • Plus conviviales : la consultation se fait seul ou à deux ou en famille

    En terme d’équipement des foyers, elles risquent de prendre rapidement l’avantage sur les PC portables. D’après GFK, «…les ventes d’ordinateurs portables ont été à deux doigts d’être surpassées par celles de tablettes tactiles en 2012 en France. Se sont ainsi écoulés 3,8 millions de PC portables (-9 %) selon l’institut GfK, contre 3,6 millions de tablettes tactiles (+140 %). Et un mois de décembre exceptionnel, avec plus d’un million de machines vendues.»
    Et ce n’est pas près d’être fini : «D’après GfK, 5,1 millions de tablettes devraient s’écouler cette année dans l’Hexagone»
    Et même si, en termes de trafic, elles ne représentent encore qu’une faible part, leur nombre augmente de manière vertigineuse jusqu’à dépasser celle des smartphones : «La part des tablettes dans le trafic web dépassera la navigation depuis les smartphones d’ici le début de l’année 2013 et atteindra 10% du trafic web total en 2014. » d’après une étude récente Adobe.

    Après les smartphones, les annonceurs vont devoir optimiser pour tablette

    Plusieurs études aux Etats-Unis et en Angleterre montre que le public sur tablette est bien plus rentable que les autres publics.
    Depuis longtemps les annonceurs avaient compris qu’il était indispensable d’optimiser leur site sur smartphone, mais la même nécessité ne leur sautait pas aux yeux quand il s’agissait de tablettes.Et pourtant,

    • malgré un taux de transformation presque équivalent à ceux des sites webs
    • et un panier moyen supérieur à ceux des sites webs

    l’expérience utilisateur sur tablette reste loin d’être optimale. Transposer un site web sans aucune modification n’est absolument pas suffisant pour obtenir un niveau équivalent de confort à celui du Web.
    Les interfaces des sites web lisibles sur tablettes sont très mal adaptées à leurs usages.

    • Problèmes de comptabilité
    • Problèmes de scripts ne fonctionnant pas sous tablette
    • Problemes des formulaires gérant mal les interactions (ex: les calendriers)
    • Problèmes de lourdeur et de densité de pages
    • Problèmes de taille de lien (appelé problème du «fat finger» par les américains)

    Selon une étude d’Adobe réalisée (déjà) en 2011 , « A “one-size-fits-all” approach to mobile-optimized sites is no longer effective. »
    Les visiteurs sur tablettes et sur smartphones sont sur des segments différents d’utilisateurs avec des objectifs différents. Les visiteurs sur tablette ont plus de chance de venir avec l’intention d’acheter que ceux sur smartphone, toujours d’après la même étude d’Adobe.
    Et on peut encore lire chez Adobe :
    « Delivering experiences optimized for Tablet Visitors should generate higher ROI. As tablet adoption increases, retailers should evaluate how to best provide engaging customer experiences to Tablet Visitors. Optimized websites and apps that leverage the unique user experience tablets enable, along with the environment in which Tablet Visitors shop, may encourage Tablet Visitors to spend even more than they do when visiting sites optimized solely for smartphones or traditional computers.»

    Le responsive design comme réponse rapide et économique

    Plusieurs solutions s’offrent à vous pour proposer une expérience utilisateur optimisée pour tablettes :
    N’avoir qu’un site fonctionnant peu ou prou sur tablettes et web. C’est le cas d’Apple dont le design fonctionne plutôt bien sur tablettes.

    La boutique Nike aux USA s’adapte peu ou prou aux tablettes en utilisant quelques propriétés du responsive design

    Autre alternative, le responsive design, c’est à dire l’adaptation du style des pages de votre site web, permet d’apporter un certains nombres de solutions en permettant de corriger nombre de problèmes liés à la CSS (feuilles de style des pages webs). Il est même permis d’aller plus loin en limitant les scripts liées aux interactions qui ont tendances à créer aussi des problèmes d’utilisabilité.
    L’avantage d’une telle stratégie d’optimisation est de limiter les coûts de développements à des choses « de surface » pour des gains conséquents.
    Il est également de pouvoir tester rapidement son impact sur le taux de transformation et de le mesurer en adoptant une stratégie d’optimisation par les tests A/B et multivariés. Améliorer son site ainsi est beaucoup plus efficace que de se lancer dans une phase de conception/réalisation, longue et incertaine :

    • L’installation d’un logiciel de test est généralement plutôt simple et facile
    • Le coût d’intégration et de design est intégré directement dans la conception et la réalisation des tests (il n’y a donc pas de surcoût)
    • Les version gagnantes peuvent être maintenues en ligne grâce à l’outil de test jusqu’à leur mise en production dans le code du site
    • Il n’y a pas d’intervention technique autre que de l’intégration HTML/CSS et du design, hormis si vous vous engagez dans de l’optimisation fonctionnelle, ce qui est un peu différent, mais pas indispensable dans le cadre d’une optimisation de l’ergonomie

    Un investissement réservé au site à trafic important

    Evidemment, le jeu en vaut la chandelle à partir de certaine taille de sites.Petite démonstration :

    • Pour un site à 2% de TTR avec 0,9 millions de visiteurs uniques par mois et un CA de 0,9M€, on a 1 taux sur tablette de 1% (avec 0,1M visiteurs), soit 0,05M€ de CA.
    • Il peut être possible de rattraper la performance de la version Web à 2%, soit 0,5M€ de CA supp par mois.

    Si la marge brute est à 30% du ttc, cela nous fait 0,015M€ de MB supplémentaire/mois. Et ce genre d’optimisation est plutôt facile à réaliser en travaillant notamment sur le tunnel de commande et la descente produit.
    Faites la mesure sur votre site et demandez-vous s’il n’est pas temps de vous « mettre à la tablette ». Dépêchez-vous, les choses vont vite !