Optimisation du tunnel de commande mobile (2ème partie)

Transcription

1 Audit, Conception et Optimisation de l'expérience utilisateur Optimisation du tunnel de commande mobile (2ème partie) Expérience client et collants verts n 14

2 ECC n 13 : Optimisation du tunnel de cde mobile (1) BESOIN D UN EXPERT POUR AUDITER VOTRE TUNNEL? WEXPERIENCE FLASH AUDIT 2

3 10 conseils pour optimiser votre tunnel de commande mobile

4 AGRANDISSEZ LES TAILLES DE VOS BOUTONS En toute logique, un smartphone n offre pas le même confort d utilisation qu un écran de PC. L écran peut bouger, la lumière peut se refléter sur l écran, l espace manque. Pour rendre l interface plus confortable, agrandissez et rendez plus visibles vos boutons comme c est le cas sur Amazon (à gauche), et pas sur Laredoute (à droite) 4

5 UTILISEZ BIEN LES CONTRASTES Améliorez le guidage en jouant sur les contrastes. Sur Amazon, la couleur de fond est différente de la couleur des champs. 5

6 HIÉRARCHISEZ BIEN VOS COULEURS Quel est le bouton le plus important sur cette page : le noir et le blanc? Choisir 2 couleurs totalement opposés n aide pas l utilisateur à deviner l action principal. 6

7 EVITEZ LES INTERACTIONS NON CONVENTIONNELLES Sur le site de la FNAC, à priori, le panier n est pas modifiable. En fait, il l est, mais il faut cliquez sur le bouton «modifier» qui se trouve en haut à droite de la page. Ce genre d ergonomie, même si elle n est pas mauvaise en soi, peut dérouter les utilisateurs. 7

8 AGRANDISSEZ EXAGÉRÉMENT LES ZONES DE CLICS Si vous utilisez un bouton radio, par exemple, rendez toute la ligne cliquable au doigt, même si vous ne le montrez pas. Cela permet de diminuer les erreurs de ciblage de manière invisible. 8

9 PRÉENREGISTREZ LES INFORMATIONS DE PAIEMENT Sur les 3 sites benchmarqués, les informations de paiement étaient préenregistrées via le site web desktop. Sur mobile, cela permet d éviter 2 écueils : les erreurs de saisie, ainsi que le risque de devoir sortir sa carte bleue en public. C est donc un gain de temps considérable. 9

10 FAUT-IL INDIQUER LES ÉTAPES DE LA COMMANDE? A priori, ça n est pas une obligation. Sur les 3 sites benchmarqués, seul La Redoute affiche ces étapes. Mais cela prend de la place et n apporte pas de vraie plus value à l interface. 10

11 EVITEZ DE DEMANDER À L UTILISATEUR D ALLER DANS SES RÉGLAGES Sur le site de la FNAC, il est possible de se géolocaliser pour trouver un magasin FNAC, malhereusement, il est demandé à l utilisateur d aller dans ses paramètres de configuration. Cela fait sortir l utilisateur du tunnel de commande et risque surtout de le perdre s il n est pas à l aise avec son téléphone. 11

12 N UTILISEZ PAS DE CARACTÈRES TROP PETITS Pensez à vos lecteurs agés de plus de 50 ans! A partir de cet âge, la presbytie les guette et il devient fastidieux de lire les petits caractères. Si vous le pouvez, réduisez la longueur de vos phrases et augmentez la taille de caractère. N utilisez pas des contrastes durs à lire. Tous vos utilisateurs n ont pas un écran retina. 12 Le orange sur fond blanc n est pas accessible

13 PAIMENT EN UNE PAGE OU EN PLUSIEURS? La FNAC propose 2 tunnels de commande. En 1 page ou en plusieurs pages, comme sur LaRedoute. 13

14 Programme des EEC suivants Introduction à l optimisation du tunnel de commande Ergonomie du panier L identification et la création de compte La livraison Le paiement La confirmation de commande Tunnel de commande mobile (1ère partie) Tunnel de commande mobile (2ème partie) 14

15 Merci de votre attention! Des questions?