Agence WEX

Étiquette : mode

  • 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 :

     

  • [Event] Wexperience sera au Fashion Tech Days

     

    Les Fashion Tech Days sont de retour !  

    L’évènement BtoB mode qui présente en avant-première toute l’innovation produit et commerce est de retour ces 29 et 30 Septembre à Roubaix. Organisé par le Business Fashion Forum et le CETI, les professionnels de la mode, du luxe et de la distribution qu’ils soient fabricants ou créateurs se retrouvent pour évoquer le futur et l’évolution de ce secteur.

    Au programme :

    Les experts les plus pointus viendront vous parler des technologies qui se créent dans le domaine de la Mode (intelligence artificielle,  fibres du futur, de géolocalisation ou encore de robotique). Ils vous partageront toutes leurs expériences en matière d’innovation matérielle et immatérielle à travers des keynotes, des tables rondes mais aussi des ateliers de rencontres, de créations ou encore des témoignages de grandes entreprise tel que La Redoute et HappyChic.

    En bref, si vous êtes créateurs ou distributeurs de mode et cherchez des réponses à vos questions sur les technologies qui changeront la mode ? Je vous conseille de cliquer juste ici et de nous rejoindre.

    Et si vous souhaitez nous rencontrer, Wexperience sera présent sur les deux journées et interviendra vendredi avec une conférence autour des tendances technologiques innovantes dans le textile. Voici un petit aperçu des sites retail textile innovant et inspirant en terme d’expérience utilisateur qui seront pris pour exemple. Pour le rejoindre, libérez-vous vendredi 30 dès 12H.

    Et pour en savoir plus sur le programme c’est par ici

    À demain 🙂

  • Test utilisateur avec eye-tracking en magasin

    Contexte du test utilisateur


    Forts de nos 5 années de tests utilisateurs sur PC, tablettes et smartphone, nous avons enfin franchi le pas du digital vers le réel en conduisant notre premier test utilisateur en magasin ! Et pour la première fois en France, ces tests ont été conduits avec des lunettes de eye-tracking, fournies par Tobii, notre partenaire pour l’opération, et numéro un mondial des appareils de eye-tracking.
    Dans cet article, je vous propose de découvrir comment cela s’est réalisé.
    Le client : KIABI, une grande marque internationale de l’habillement
    Le besoin : tester l’usage d’une borne interactive en magasin
    Le lieu : le magasin KIABI de Bailleul à la frontière belge
    Les objectifs : récolter des insights pour améliorer l’usage de la borne auprès des clients en magasin. De nombreuses questions étaient soulevées : la borne était-elle visible à son emplacement ? Les clientes comprenaient-elles sont utilité ? Arrivaient-elles à s’en servir correctement ? Etc.

    Le procédé :

    Le test s’est déroulé tout comme pour un test utilisateur en 3 phases :

    1. Préparation : définition des profils des testeurs, écriture du plan de test avec les équipes de KIABI, recrutement, préparation du matériel
    2. Conduite : 1 journée a été nécessaire pour mener des entretiens individuels d’une demi-heure environ. Pour l’enregistrement des données, les lunettes de eye-tracking de Tobii Glasses 2 ont été utilisées, communiquant en mode sans fil à un ordinateur pour le pilotage, le contrôle et l’observation des enregistrements en cours.
    3. Analyse des résultats et restitution : l’analyse a été réalisée en utilisant les enregistrements vidéos de la journée de test et a permis de dégager de nombreuses idées d’amélioration de la borne, tant pour son emplacement, que son design en passant par l’ergonomie de son interface

    Lunettes de Eye-tracking Tobii utilisées pour le test utilisateur
    Les lunettes qui ont été utilisées pendant le test. Très légères, les testeurs les ont bien vite oubliées.


    Les résultats :

    Plus de quarante observations ont pu être relevées auprès de notre panel d’utilisateurs finaux, allant de la simple constatation sur des problèmes de reflets sur l’écran à des problématiques plus dissimulées comme la compréhension de l’usage de la borne par les clientes, son intérêt pratique ou bien les interactions qu’elle permet avec les produits ou les vendeuses du magasin.
    Ce projet a donc été un succès qui a apporté une grande satisfaction à notre client et qui lui permettra ensuite d’améliorer l’expérience client digitale en magasin.
    Si vous êtes intéressé par la mise en oeuvre d’une telle opération, contactez-nous !

  • Emerchandising de mode : la fiche produit sur les sites Homme

    Cet article sera le premier d’une série concernant le emerchandising sur différents sites de mode. Pour cette première, nous nous focalisons sur les fiches produit « homme ». Après avoir vu et analysé plusieurs sites, WeXperience vous propose quelques points fondamentaux. Vous pouvez suivre cette rubrique en vous abonnant à notre compte twitter ou à notre newsletter.


    1- L’importance du visuel
    Le dicton « je ne crois que ce que je vois » peut être employé pour l’élaboration d’une fiche produit. Généralement situé sur la gauche, le visuel doit être clairement optimisé tant sur la qualité de la photographie que sur l’élaboration de son zoom. En mettant l’accent sur une excellente qualité de photo et un nombre de visuels suffisants, cela permet en parallèle de pouvoir alléger le descriptif de son produit. Bien travailler son visuel, c’est permettre de donner des informations qui n’auront pas besoin d’être écrites. Parmi les sites vus, Jules et Zara sont incontestablement au point.

    Fiche produit du site de Jules
    Le traitement du visuel est la priorité chez Jules

    2- Délimiter ses blocs d’information
    Par la suite, mettre à disposition un descriptif pertinent et des étapes de choix (couleur et taille) efficaces sont également des priorités importantes. Cependant, il ne s’agit pas de les mettre en place n’importe comment. Celio et H&M proposent deux façons de procéder :

    • La marque française oriente sa fiche produit vers l’action de l’utilisateur. Après le visuel, il est proposé de choisir directement la couleur et la taille du produit. Le tout est élaboré en étapes numérotées avec des intitulés s’adressant directement au consommateur. Le descriptif plus détaillé du produit se trouve en dessous de l’image, moins visible.
    • Du côté des Suédois, description de l’article et choix sont alignés sur la droite de la fiche produit. La délimitation se fait à l’aide de deux colonnes qui permet un bon équilibre des informations. En complément de visuels de moyenne qualité, le descriptif est de suite lisible et l’on perçoit facilement les actions à mener avant d’ajouter sa chemise au panier.
    Fiche produit du site de Celio
    Celio oriente sa fiche produit sur l’action de l’utilisateur
    Fiche produit du site de H&M
    H&M propose une autre façon de présenter le descriptif

    3- Une bonne gestion des erreurs
    Il faut également prendre en compte que, après avoir bien mis en place ses informations, nous ne sommes jamais à l’abri d’une erreur (oubli du choix des tailles, mauvaise couleur) au moment de cliquer sur le bouton panier. Dans ce sens, l’initiative de prévenir avant de cliquer ou de corriger ce qui n’a pas marché est normal. Cependant, il est important de penser un message pertinent et une visibilité efficace. Généralement, les sites proposent une petite bulle d’information situé au dessus du bouton panier ou à l’emplacement où a été commise l’erreur. Voici deux exemples de messages d’erreur ci dessous:

    L'infobulle d'erreur chez Jules
    Jules propose une infobulle après le clic, mais peu visible
    La gestion des erreurs de H&M
    H&M prévient l’erreur, une infobulle visible sur le bouton

    Bien sûr, d’autres petites choses sont à penser pour optimiser sa fiche produit. Mais il est fondamental de beaucoup travailler ces trois points pour offrir une présentation efficace à l’utilisateur.