Comment construire une expérience optimale pour le m-commerce, présentation de soutenance dans le cadre de la formation MBAMCI du Pôle Leonard de Vinci
L’expérience utilisateur est devenu ces derniers temps un phénomène de mode, mais c’est surtout un travail où l’on place l’utilisateur au centre des préoccupations. L’expérience utilisateur fait partie d’un processus complet et ne se résume pas au design ou à l’ergonomie. Dans un univers ultra connecté où le mobile a pris une place prépondérante il est devenu essentiel pour les professionnels du Marketing et du E-commerce de traiter ce sujet en particulier, car le constat en France est sans appel le mobile est peu exploité et l’expérience utilisateur est souvent décevante.
Les ventes m-commerce prennent de plus en plus d’importance, mais une mauvaise conception de l’expérience impacte fortement le ROI. Partant de ce constat j’ai pu analyser le fait que les entreprises n’intègrent pas le mobile et l’expérience utilisateur au centre de leurs préoccupations, car elle ne mesurent pas l’impact que cela représente et ne savent pas comment aborder le problème. Cette présentation à donc pour but de démystifier l’expérience utilisateur mobile et de guider pas à pas les professionnels pour la construction d’une expérience utilisateur mobile optimisée afin de réussir en m-commerce.
5. LA DEMARCHE UX MOBILE
Définition de l’expérience utilisateur
L’expérience utilisateur est un processus psychologique, elle est
propre à chaque individu et forcément subjective et dépend
également du contexte
6. LA DEMARCHE UX MOBILE
Les éléments de l’UX
L’UX est constitué d’un vaste ensemble d’éléments et de
connaissances (contenu, visuel, typographie, fonctionnalités,
l’architecture de l’information, temps de réponse…)
8. « En 2020, le m-commerce devrait peser autant que l’e-
commerce sur terminaux fixes au niveau mondial. Entre 25% et
30% des clients d’Amazon n’achètent d’ores et déjà que sur
mobile » Source Mobile Marketing Association France – 2015
LA DEMARCHE UX MOBILE
L’explosion du Mobile
9. Alors que la part du mobile dans l’e-commerce atteindra 40% à la
fin de cette année, la France ne devrait pas dépasser 28%,
estime Criteo
LA DEMARCHE UX MOBILE
L’explosion du Mobile
des sites du CAC
40 ne sont pas
mobile friendly
1/3
13. 71% des utilisateurs
attendent le même
temps de chargement
d'un site Web mobile
et un site internet 74% attendent moins
de 5 secondes pour le
chargement d’une
page (60% attendent
moins de 3 secondes!)
30% ne reviennent pas
sur le site après une
expérience utilisateur
décevante
LA DEMARCHE UX MOBILE
Attentes des utilisateurs
14. 77.7%
51.5%
-2.5%
Customer Experience Leaders
S1P 500 Index
Customer Experience Laggards
LA DEMARCHE UX MOBILE
Impact de l’expérience utilisateur
Source: Watermark Consulting 2014
Les entreprises ayant
une bonne expérience
utilisateur surperforme
comparé aux autres
selon l’Index Forrester
Customer Experience
CXi
Cumul de 7 années de rendement
d’actions
31. RECHERCHE D’IDEES
Value proposition Canvas
Trouver les propositions de valeurs grâce à la
compréhension des désirs et des points de crises de vos
clients
32. RECHERCHE D’IDEES
Les Personas
Création de personnages fictifs qui représentent de façon
crédible un groupe d’utilisateurs. Pour définir les besoins
et les aspirations de vos utilisateurs
33. Zone Profil
Éléments de la personnalité
Expertise:
A Faire / A ne pas Faire
Référents & Influences
Appareils et plates-formes
Produit / service utilisées en
relation avec le domaine
Traits de personnalités
Citations clés
Expérience
Objectifs
Marque-relation
Type d'utilisateur
RECHERCHE D’IDEES
Les Personas
35. RECHERCHE D’IDEES
Le contenu Mobile
Karen MC Grane
Architecte de l’information, auteur Stratégie de Contenu
Mobile
« Vous avez un site web ? Alors vous
devez migrer votre contenu sur les
appareils mobiles. Point barre »
36. RECHERCHE D’IDEES
La création des parcours clients
Imager pour mieux structurer
Les ambitions - Les activités - Les anxiétés
37. RECHERCHE D’IDEES
Les Parcours Clients
Identifier les points de contact engagés avec votre marque
et en déceler les faiblesses
40. CONCEPTION
Comprendre le device
Pour comprendre un iPhone, un Android ou un Windows
Phone, vous devez l’avoir en main, et l’expérimenter
personnellement.
46. CONCEPTION
L’adaptivité
En combinant les capacités du smartphone nous
comprenons le contexte d’utilisation et ainsi prévoir ce que
qu’il souhaite à un moment donné.
.
52. « Testing one user early in the project is better than testing 50 near the end » -Steve Krug-
des problèmes d’UX peuvent
être résolus en testant le service
sur 5 utilisateurs
85%
CONCEPTION
Les tests utilisateurs
53. 1 - RECRUTER DES
UTILISATEURS
2 - ÉTABLIR UN GUIDE DE TEST
3 - CONDUIRE LES TESTS
3 - ANALYSER LES RÉSULTATS
CONCEPTION
Les tests utilisateurs
56. REALISATION
Le Responsive Design
Le Responsive Design est aujourd'hui une solution
incontournable si l'on veut conserver sa présence sur
internet et ce, quel que soit le support de navigation
emprunté.
57. REALISATION
Application native VS Application Web / Hybride
VS
Vos choix de développement impacteront l’expérience
utilisateur si vous avez le budget adéquat préférez le
développement natif
Pour comprendre le principe de l’expérience utilisateur, il faut également comprendre ce que l’on entend par expérience. Stéphane Vial, dans son ouvrage Court traité du design, le définit ainsi : « C’est un design qui se vit, qui s’éprouve, s’expérimente. L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée. » Quant à Sylvie Daumal, dans son ouvrage, Design d’expérience utilisateur, la définit ainsi : « C’est la perception et le ressenti d’un individu qui utilise un système dans le contexte d’une interaction humaine-machine » Dans ces deux définitions on comprend que l’expérience est un processus psychologique, qu’elle est propre à chaque individu et forcément subjective. Nous n’éprouvons pas le même ressenti face aux évènements, aux émotions. Ce qui peut sembler aisé pour l’un peut être extrêmement complexe pour d’autres. Ainsi le contenu (textuel ou visuel), le design de l’interface, la manipulation du système (au doigt, à la voix, à l’espace) ne sont évidemment pas compris, ressentis ni maitrisé de la même façon. L’expérience n’est pas figée dans le temps, elle se transforme.
Pour comprendre le principe de l’expérience utilisateur, il faut également comprendre ce que l’on entend par expérience. Stéphane Vial, dans son ouvrage Court traité du design, le définit ainsi : « C’est un design qui se vit, qui s’éprouve, s’expérimente. L’utilisateur en ressent immédiatement l’effet parce que son expérience s’en trouve instantanément transformée, améliorée, augmentée. » Quant à Sylvie Daumal, dans son ouvrage, Design d’expérience utilisateur, la définit ainsi : « C’est la perception et le ressenti d’un individu qui utilise un système dans le contexte d’une interaction humaine-machine » Dans ces deux définitions on comprend que l’expérience est un processus psychologique, qu’elle est propre à chaque individu et forcément subjective. Nous n’éprouvons pas le même ressenti face aux évènements, aux émotions. Ce qui peut sembler aisé pour l’un peut être extrêmement complexe pour d’autres. Ainsi le contenu (textuel ou visuel), le design de l’interface, la manipulation du système (au doigt, à la voix, à l’espace) ne sont évidemment pas compris, ressentis ni maitrisé de la même façon. L’expérience n’est pas figée dans le temps, elle se transforme.
Comme le disait Eric Schmidt, le président de Google, sur Bloomberg TV début 2014 « Mobile has won »
« Ask a Billionaire : Eric Schmidt’s 2014 Predictions »
En cette début d’année 2015, le m-commerce représente un tiers des transactions en ligne et Criteo prévoit 40% d’ici la fin de l’année. Comparé aux autres les prévisions pour la France sont de 28% assez éloigné de notre homologue anglais qui devrait représenter 45%. Pour la France c’est l’iPad qui booste les transactions avec 9% des transactions e-commerce et 3% de taux de conversion. Une exception française puisque la plupart des transactions des pays étrangers se font sur smartphone.
En 2007, alors que se tient une conférence majeure à San Francisco et que tous les hôtels sont surbookés, les fondateurs d’Airbnb ont l’idée de mettre à disposition 3 lits dans leur salon. De là, ils créent un site internet où sont répertoriés quelques appartements de particuliers, photos à l’appui. Alors que le concept stagne pendant 2 ans, ils réalisent que les photos sont la cause principale de leur échec. Une fois ce «détail» gommé, c’est le début du succès. plus de 300 000 logements dans 34 000 villes et 192 pays
Fin 2008, en voyage à Paris pour la conférence du Web (LeWeb), Garrett Camp et Travis Kalanick débattent jusqu’à des heures tardives des problèmes de taxi à San Francisco (et dans le monde entier certainement). De là est née l’application Uber, le service de «limousines noires» (voitures de standing) pouvant être commandées à l’aide de son smartphone et dont la géolocalisation permet au chauffeur de venir vous chercher à l’endroit exact où vous vous trouvez. 45 pays disposent du service Uber 50,000 conducteurs embauchés chaque mois 2 Uber double son chiffre d'affaires tous les six mois
JOCE
Gagner en certitude > une modification est moins couteuse en début de projet
Ne pas avoir peur de se remettre en question en phase de recherche et de création
Représentation actuelle d’un projet linéaire
Prise de connaissance de l’environnement, du projet, du métier, des acteurs du projet, de la concurrence…
Comprendre l’historique et les objectifs de l’entreprise
Comprendre les attentes, les souhaits des clients et utilisateurs
il existe toujours un décalage entre ce que les utilisateurs déclarent et ce qu’ils font vraiment. C’est d’autant plus avéré avec le mobile qui est par essence utilisé dans un contexte en mobilité.
Générer un maximum d’idées et de concepts sur la base des axes définis dans la phase précédente.
Sortir du cadre.
Dessiner / tangibiliser les idées
C comme censure : aucune idée ne doit être censurée ou auto-censurée. Les critiques sont interdites entre les participants. A la formulation "votre idée n'est pas réalisable", l'animateur doit substituer la question "comment faire pour la réaliser ?".
Q comme quantité : il s'agit de produire beaucoup d'idées. Une véritable ruée vers l'or. Il faut creuser, piocher pour découvrir des pépites.
F comme fantaisie : l'originalité et la singularité sont recherchées. La fantaisie se manifeste plus facilement dans un groupe où l'ambiance rime avec jeux, plaisir, humour, complicité.
D comme démultiplier : la dynamique créative se fait surtout par association d'idées en rebondissant sur les idées des autres.
. Chaque participant reçoit un modèle de six formes simples, appelé le « six-up », dans lequel il doit dessiner six versions de l’interface dans un temps limité (dix à quinze minutes)
Une proposition de valeur est l'endroit où l’offre produit de votre entreprise recoupe avec les désirs de votre client. Il est l'ajustement magique entre ce que vous faites et pourquoi les gens achètent. Votre proposition de valeur est le point de crise entre la stratégie de l'entreprise et la stratégie de marque.
Les personas est une technique très répandue pour présenter les résultats des recherches utilisateurs, l’objectif est de créer des personnages fictifs qui représentent de façon crédible un groupe d’utilisateurs. Le concept a été inventé par Angus Jenkinson au début des années 90, dans son Beyond Segmentation lui même déjà introduit les concepts de "moment of truth" et "touchpoints" dans la gestion de la relation client. Puis, c’est Alan Cooper qu’i l’a rendu populaire grâce à son livre The Inmates are Running the Asylum.
http://www.centreforintegratedmarketing.com/gfx/documents/beyond_segmentation.pdf
Le parcours client regroupe les différents processus et interactions entre un client et une entreprise, depuis le moment où un besoin apparaît, jusqu’à l’achat et l’utilisation du produit/service.
Déférence, l’interface n’entre jamais en compétition avec l’utilisateur, elle permet aux utilisateurs de comprendre, d’interagir avec le contenu
Clarté, le texte est lisible dans toutes les tailles, les icônes sont précises et claires, l’habillage est subtile et approprié, enfin l’accent sera mis sur la fonctionnalité
Profondeur, les couches visuelles et les mouvements réalistes participeront au plaisir (de l’expérience utilisateur) et à la compréhension des utilisateurs
Des couleurs vives pour maximiser le contraste et limiter la pollution visuelle Des unités d’information sous forme de cartes (ou “widgets”)Des ombres portées générées en temps réel, pour donner de la profondeur
Des animations et transitions très poussées pour donner plus de sens à chacune des actions
Comprendre le comportement de l’utilisateur et connecter cela avec des API permet de comprendre et de nous adapter à ses besoins. La plupart du temps, utiliser une source de données n’est pas suffisant; il faut combiner les technologies (connectivité réseau, le comportement de l’utilisateur et les données des capteurs). C’est la seule façon de comprendre le contexte
Dans cet environnement complexe de développement il est parfois difficile de faire un choix sur les coûts de développement à utiliser. Les choses se feront à travers la détermination de quelques facteurs fondamentaux et la façon dont l’expérience utilisateur sera affectée. Dans le cas où les facteurs tels que la disponibilité de l’application sans connexion Internet, ou les notifications et les ressources du terminal sont importantes et vous permettrons de vous diriger vers les applications natives comme étant le choix le plus approprié.
Une enquête de 2014 du « Standish Group » fait le constat suivant : « 41 % des projets informatiques sont arrêtés en cours de route, 55 % sont fortement challengés; seuls 4 % des projets peuvent être considérés comme des succès. ».
Les méthodes agiles partent du principe que spécifier et planifier dans les détails l’intégralité d’un produit avant de le développer est contre productif. Cela revient à planifier dans les détails un trajet « Paris – Narbonne » en voiture par les petites routes. Spécifiant chaque villes et villages traversés, l’heure de passage associée, chaque rue empruntée dans les agglomérations, les litres d’essence consommés, les kilomètres parcourus, etc. Les imprévus ne manqueront pas d’arriver : embouteillages, déviations, travaux, sens de circulation inversés, voire la panne. Rendant votre planification et vos spécifications très vite obsolètes. Combien de temps aurez vous passé à planifier cet itinéraire, comment réagirez vous face à vos frustrations de ne pas pouvoir appliquer votre plan à la lettre ?
Hapiness : Mesure des attitudes des utilisateurs, souvent recueillies par enquête. Par exemple : la satisfaction, la perception d’utilisation, le net promoter score
Engagement : Mesure le niveau d’implication des utilisateurs. Par exemple : Nombre de visites par utilisateur et par semaine, nombre de connexion par utilisateur et par jour, nombre de partage sur les réseaux sociaux.
Adoption : Mesure le gain de nouveaux utilisateurs d'un produit ou d'une fonctionnalité. Par exemple : les mises à jour de la dernière version, les nouveaux comptes créés, les achats effectués par les nouveaux utilisateurs.
Rétention : Le taux calculant le nombre de visiteurs récurrents. Par exemple : le nombre d'utilisateurs actifs restants au fil du temps, le taux de renouvellement, les achats répétés.
Task Success : Mesure l’efficience, l'efficacité et le taux d'erreur. Par exemple : le succès du résultat de recherche, le temps de télécharger une photo, la création avec succès d'un profil complet.
Mais imaginer des solutions mobiles est finalement facile, mais parfois difficile à réaliser. Car les entreprises, ses processus et ses systèmes d’information n’ont pas été conçus pour le mobile. Les technologies employées sont trop rigide, leurs processus trop linéaire, et l’organisation trop cloisonnée. L’attente des clients dans en mobilité perturbe massivement ces façons bien intentionnés mais figées de faire des affaires.