Améliorer le parcours de renouvellement de compte (mail de vie)

[odelcroi]

Tasks

Preview Give feedback

1. https://github.com/tchapgouv/tchap-infra/pull/2674
2. Améliorer l'écran de compte expiré tchap-ios#1021
   iOS +1
   
3. Wording modal renew account tchap-web-v4#980
   P2 account expiration +2
4. Améliorer l'écran de compte expiré tchap-android#1035
   +0

problèmes remontés

• les agents ne recoivent pas le mail (problème de delivery)
• les agents n'ont pas le temps de cliquer sur le lien car ils sont en vacances ou ils n'ont pas vu le mail

pistes envisagées

• envoyer 3 relances avant l'expiration
• améliorer la deliverability mail
• Rappeler le titre de l'email dans les écrans pour que les users le retrouvent plus facilement

Parcours Expiration de compte

Web

ecran

email

confirmation screen

iOS

Android

[odelcroi]

@areox-net nous nous proposons d'envoyer plusieurs relances avant l'expiration du compte

Les templates (et les titres des emails) pourraient être différents selon la relance. Qu'en penses-tu?
On peut utiliser le même template dans un premier temps

@mcalinghee je viens de penser que le titre de l'email (l'accroche pour ouvrir le mail) pourrait être différent selon la relance.
Du genre :
titre : Votre compte Tchap expire dans 45 jours
titre : Urgent : votre compte Tchap expire demain

[areox-net]

@odelcroi Je pense qu'on peut les concevoir pour faire en sorte que la phrase principale soit toujours bien lisible meme en lisant le mail en diagonale:
"Votre compte Tchap expire dans 45 jours"

Quand le nr de jours est trop petit on pourrait passer sur des couleurs plus alerte "rouge"

[areox-net]

Voici des pistes de nouveaux template

[areox-net]

Pour marquer davantage le fait qu'il faut cliquer sur le bouton on peut mettre la phrase en gras.

[Delphgateau]

Il faudrait enlever la dernière phrase dans le cadre du nettoyage de printemps car on ne sait pas encore si on va remettre en place le mail d'expiration de façon régulière :
"Afin de vérifier l'accès...régulièrement une demande de renouvellement par email"

[areox-net]

Maquette à jour. Si ça vous va je peux commencer à travailler sur le premier template. On pourra toujours affiner les phrases en HTML.

[areox-net]

Voici mes proposition pour cette UX.
Planche Figma disponible ici https://www.figma.com/file/3qu9dfXgLomL6u04mpaTip/Tchap?type=design&node-id=4063-33564&mode=design&t=QyIN2SWQRzyHKQFA-4

En generale:

• Raccourcir le stextes et les intitulé des boutons. L'action principale doit etre simple
• Avoir un titre explicite

Modale Web:

Modale Android

Modale iOS

Page de confirmation (suite au clic dans le mail): la uniformiser avec celle de la confiration reset mot de passe
Je propose de ne pas mentionner la date de validité, surtout si nous sommes pas surs.

NB: L'l'intégration de cette dernière page est déjà dans la meme PR que le template mail.

[odelcroi]

• Raccourcir le stextes et les intitulé des boutons. L'action principale doit etre simple

Au changement des écrans, tu suggères qu'un nouvel email soit envoyé automatiquement c'est cela? De ce fait, le bouton, "envoyer un nouvel email" deviendrais inutile.

@NicolasBuquet @yostyle what do you think? ca peut fonctionner comme ca coté mobile sans trop de changement?

[NicolasBuquet]

@odelcroi
Côté iOS, la modification est très simple (enlever le bouton d'action "renvoyer un email" de la modale).
Côté Android, ce doit être très simple aussi.

Par contre, ce bouton était présent (à mon avis) dans le cas où l'utilisateur ne retrouvait pas cet email.
Que peut faire l'utilisateur dans ce cas là suite aux modifications proposées par @areox-net ?

[areox-net]

@odelcroi @NicolasBuquet Attention, je ne propose pas de changement de comportement des modales mais seulement de wording.
Mes maquettes reprennent le parcours actuel où le bouton "envoyer un nouvel email" disparait une fois qu'on a appuyé dessus.
Quand on fait "continuer" (et l'utilisateur a bien cliqué sur le mail) la modale se referme.

[NicolasBuquet]

@areox-net
Ok Angelo, merci pour cette précision. Ce n'était pas clair pour moi.

[NicolasBuquet]

@areox-net @odelcroi
Ça avance :

[yostyle]

Le rendu final sur Android

[odelcroi]

@areox-net
: nous n'avons pas défini le titre du mail de renouvellement, ce sera le meme pour les 3 relances
Voici quelques propositions :
1 - "Tchap : votre compte expire bientôt"
2 - "Tchap : renouveler votre compte maintenant"
3 - "Tchap : une action est requise de votre part"

[areox-net]

@odelcroi Je ne pense pas qu'il faut repeter "Tchap" car c'est déjà le sender du mail. Je pense que:

• "Votre compte expire dans N jours" marche bien et peut devenir
• "Urgent: votre compte expire dans N jours" quand le nr de jours est moins de 3.

[julie-ri]

@areox-net dans le mail est-ce qu'on peut mettre "votre compte Tchap est lié à votre adresse mail" plutôt que corrélé ?

[areox-net]

@julie-ri Ca me semble bien. Plus clair et friendly.

@MarcWadai Peux-tu faire la modif directement dans le template ou tu veux que je fasse une PR ?

[MarcWadai]

@areox-net Le changement a été fait dans la même PR :)