tchapgouv / tchap-product

Discussions sur les différents points de design
3 stars 0 forks source link

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

Closed odelcroi closed 1 month ago

odelcroi commented 3 months ago
### Tasks
- [ ] https://github.com/tchapgouv/tchap-infra/pull/2674
- [ ] https://github.com/tchapgouv/tchap-ios/issues/1021
- [ ] https://github.com/tchapgouv/tchap-web-v4/issues/980
- [ ] https://github.com/tchapgouv/tchap-android/issues/1035

problèmes remontés

pistes envisagées

Parcours Expiration de compte

Web

ecran

Capture d’écran 2024-03-14 à 10 41 13

email

Capture d’écran 2024-03-14 à 10 41 59

confirmation screen

Capture d’écran 2024-03-14 à 10 41 47

iOS

ios_parcours_mail_vie

Android

20240318 android expire account gouv tchap dev

odelcroi commented 2 months ago

@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 commented 2 months ago

@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 commented 2 months ago

Voici des pistes de nouveaux template

image

image

areox-net commented 2 months ago

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

Screenshot 2024-04-05 at 12 20 15

Delphgateau commented 2 months ago

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 commented 2 months ago

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

image

areox-net commented 2 months ago

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:

Modale Web: image

Modale Android Screenshot 2024-04-15 at 16 12 07

Modale iOS Screenshot 2024-04-15 at 16 12 28

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. image

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

odelcroi commented 2 months ago
  • 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 commented 2 months ago

@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 commented 2 months ago

@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 commented 2 months ago

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

NicolasBuquet commented 2 months ago

@areox-net @odelcroi Ça avance : image

yostyle commented 2 months ago

Le rendu final sur Android image

odelcroi commented 2 months ago

@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 commented 2 months ago

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

julie-ri commented 1 month ago

@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 commented 1 month ago

@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 commented 1 month ago

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