Comment Front accueille ses nouveaux clients ?

L'accueil des clients (ou l'onboarding utilisateur) est primordial afin de les convertir en prescripteurs.
Découvrez ici comment Front accueille ses clients.

Transcript

1. PARCOURS CLIENT Comment est l’onboarding utilisateur de Front ?
2. On commence comme la plupart des clients intéressés par un service : la recherche Google.
3. Chouette, ça à l’air en français
5. Ah ba non…
6. Ah ba non… Heureusement, je parle super bien anglais !
7. Proposition de valeur claire. Et quelle société ne souhaite pas être « customer- driven » ?
8. Call-to-action visible et très clair !
9. Et si je ne suis pas encore prêt, je peux regarder une vidéo !
10. Mais, avant de cliquer, allons voir ce qu’il se passe en dessous
11. Le bouton devient bleu en scrollant, il attire plus l’attention, malin !
12. En tout cas, si on n’avait pas compris que Front était fait pour les équipes, c’est chose faite !
13. Continuons
14. Bien, très clair
15. Des avis clients, toujours un bon élément de réassurance.
16. Surtout avec des avis si positifs !
17. Petite amélioration possible
18. Petite amélioration possible Mettre le logo de la société en plus du nom
19. Petite amélioration possible Mettre le logo de la société en plus du nom Et retrouver une des sociétés cités au-dessus serait encore mieux !
20. Jetons-nous dans le grand bain !
21. Jetons-nous dans le grand bain ! En revanche, je ne suis toujours pas américain… !
22. Les liens du header ont disparus, nous voici dans le tunnel !
23. Les liens du header ont disparus, nous voici dans le tunnel ! Ce changement est subtil et plutôt transparent. Certains tunnels opèrent des changements un peu…violents
24. Très bon point. Personne n’aime sortir sa CB pour tester un logiciel, surtout quand on doit demander à la compta
25. Les champs à remplir couvrent le minimum et sont bien expliqués
26. Les champs à remplir couvrent le minimum et sont bien expliqués Petit détail pratique, le champ est déjà sélectionné et je peux commencer à taper sans utiliser la souris.
27. L’indication est minimale ici, pas de précision sur l’obligation ou non de caractères spéciaux ou de majuscules.
28. Apparemment, mon mot de passe leur convient
29. Apparemment, mon mot de passe leur convient
30. Ce bouton était grisé jusqu’à ce que tous les champs soient remplis
31. Ce bouton était grisé jusqu’à ce que tous les champs soient remplis Donc, là c’est bon "
32. L’outil étant basé sur l’email, la vérification paraît normale.
33. L’outil étant basé sur l’email, la vérification paraît normale. Toujours bon à prévoir s’il y a eu une erreur dans l’email
34. Étonnant qu’il n’y ait que le code comme choix, pas de lien direct.
35. Étonnant qu’il n’y ait que le code comme choix, pas de lien direct. Et si on est pas rapide, il faut repartir de zéro
36. Heureusement, j’ai une super mémoire.
38. Yeah ! On y est !
39. Yeah ! On y est ! Enfin, presque…
40. C’est important de célébrer les petites victoires pour que l’utilisateur se sente impliqué
41. C’est important de célébrer les petites victoires pour que l’utilisateur se sente impliqué Et, on voit enfin l’interface… mais pourquoi je n’y suis toujours pas ?
42. C’est important de célébrer les petites victoires pour que l’utilisateur se sente impliqué Et, on voit enfin l’interface… mais pourquoi je n’y suis toujours pas ? Il faut que je télécharge quelque chose ?
43. C’est important de célébrer les petites victoires pour que l’utilisateur se sente impliqué Et, on voit enfin l’interface… mais pourquoi je n’y suis toujours pas ? Il faut que je télécharge quelque chose ? Si tôt dans la relation ?
44. Second choix aujourd’hui
47. Mais, mais…
48. Mais, mais… J’ai déjà tout tapé !
49. Bon, pas grave, retapons les infos
50. Bon, pas grave, retapons les infos En plus, j’ai un mot de passe super compliqué
51. Et voilà !
52. Et voilà ! Grrr
53. La 2ème fois était la bonne
54. La 2ème fois était la bonne Bon point, ils ont conservé mon numéro
55. Hop
56. Euh, ok…
57. Euh, ok… Est-ce véritablement INDISPENSABLE, là, tout de suite ?
58. Euh, ok… Est-ce véritablement INDISPENSABLE, là, tout de suite ? Suggestion : créer un dossier appelé « My Team Folder » et laisser la possibilité à l’utilisateur de le modifier.
59. Une 2ème étape pour ça ?
60. Une 2ème étape pour ça ? Ça doit être super important alors
61. Soit
62. « folder » ?
63. Good to know
64. Sympa le placeholder personnalisé
66. Ouh, ça à l’air compliqué là
67. Déjà, cette adresse fait un peu peur
68. Déjà, cette adresse fait un peu peur Ensuite, la « one last step », n’est pas clairement indiquée
69. Déjà, cette adresse fait un peu peur Ensuite, la « one last step », n’est pas clairement indiquée Il faut lire les petits caractères gris pour comprendre que c’est un transfert d’adresse email
70. Déjà, cette adresse fait un peu peur Ensuite, la « one last step », n’est pas clairement indiquée Il faut lire les petits caractères gris pour comprendre que c’est un transfert d’adresse email Et il n’y a ni Gmail ou G Suite dans la liste…
71. Laissons ça pour plus tard donc.
72. Non, c’est bon, je veux voir l’interface maintenant !!
73. Je « skip », pas encore de « teammate » pour l’instant.
74. Je « skip », pas encore de « teammate » pour l’instant. Et puis bon, je ne sais pas encore si je peux recommander l’outil, je n’ai toujours pas pu « jouer » avec.
75. Ok, pourquoi pas.
76. Ok, pourquoi pas. Le timing est plutôt bon
77. Ok, pourquoi pas. Le timing est plutôt bon Mais bon, je préférerais quand même jouer avec l’outil.
78. En élève modèle, j’ai regardé la vidéo
79. Allez, go maintenant
80. Aaaahhh !
81. Aaaahhh ! En tout cas, ceinture et bretelles, pas de risque que l’utilisateur soit perdu
82. L’interface se trouve en dessous. Cela nous donne d’autant plus envie d’y aller.
83. Ok, je comprends mieux le « folder ».
84. Passons rapidement sur les autres étapes du tutorial
89. Nous voici dans le coeur du sujet.
90. Nous sommes donc dans un dossier « Demo ».
91. Nous sommes donc dans un dossier « Demo ». Pratique pour le supprimer ensuite !
92. MAGNIFIQUE mise en scène de la prise en main de l’outil
93. MAGNIFIQUE mise en scène de la prise en main de l’outil D’utiliser l’outil pour présenter l’outil est toujours le meilleur moyen d’habituer l’utilisateur à l’interface
94. Le point bleu est une base de l’UI pour les emails et attire bien l’oeil ici
95. On peut s’interroger sur l’intérêt de mettre cela en avant
96. Surtout lorsqu’on découvre qu’il s’agit de nouveautés.
97. Surtout lorsqu’on découvre qu’il s’agit de nouveautés. Pas très pertinent pour un nouvel utilisateur.
98. Je ne détaillerai pas les autres « emails » qui « éduquent » chacun sur une fonctionnalité.
99. Je ne détaillerai pas les autres « emails » qui « éduquent » chacun sur une fonctionnalité. Et qui sont très bien faits.
100. C’en est tout pour l’interface en elle-même, mais l’outil vit dans un environnement, et Front le gère très bien.
101. 1h après l’email de validation du compte, cet email est arrivé.
102. 1h après l’email de validation du compte, cet email est arrivé. En français !
103. Et le timing de ce genre d’email n’est pas anodin ! Trop souvent des emails sont envoyés au moment de l’inscription.
104. Et le timing de ce genre d’email n’est pas anodin ! Trop souvent des emails sont envoyés au moment de l’inscription. Ce qui risque de détourner l’attention de l’utilisateur en dehors de l’outil inutilement.
105. CONCLUSION Front met un oeuvre un très bon onboarding, pas loin du cas d’école. Quelques petites améliorations pourraient être apportés, comme de pré-authentifier l’utilisateur ou d’alléger un peu les explications, mais globalement, je leur donne : " " " " "
106. L’ÉTUDE DE L’ONBOARDING DE FRONT EST TERMINÉE Retrouvez d’autres décryptages sur UX-Onboarding.com