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

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 bonMais 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’outilD’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