Améliorer les parcours d'erreur lors d'un message vérrouillé

[odelcroi]

Lorsque j'ai un message verrouillé, j'ai un message d'erreur avec un lien avec une FAQ pour comprendre ce qu'il se passe. J'aimerais comprendre comment faire en sorte que ca n'arrive plus.

Why

La PAIN numéro 1 des users issue meta : https://github.com/element-hq/element-meta/issues/245

What

Améliorer les parcours :

• les messages d'erreur ne sont pas les memes entre les versions web et mobile
• les messages d'erreur mobile disent "Ouvrez Tchap sur un autre appareil pour récupérer vos messages", cette démarche n'est plus celle que nous préconisons. Nous préconisons le code de récupération
• les FAQ mobile et la FAQ générale devrait être améliorée en mettant en avant que les messages vérrouillées peuvent arriver si on se connecte à un nouvel appareil OU si on tombe sur le bug UISI
• [x] les FAQ devraient mettre en avant le code de récupération et premier et en fallback le QR Code.
• [x] les FAQ ne devraient plus mentionner l'export et import manuel des "clef Tchap" ios : https://aide.tchap.beta.gouv.fr/fr/article/messages-verrouilles-comment-les-recuperer-iphone-xotgv1/ android : https://aide.tchap.beta.gouv.fr/fr/article/messages-verrouilles-comment-les-recuperer-android-m6e371/ général : https://aide.tchap.beta.gouv.fr/fr/article/messages-verrouilles-comment-les-recuperer-atnp15/

Attention sur web, on a parfois un message vérouillé car il n'a pas encore été dévérouillé. Il n'y a pas de barre de progression qui annonce que les messages sont en train d'être dévérouillé. Le message d'erreur doit donc prendre en compte que le déveouillage est en cours.

How

### Tasks
- [x] Définir le message d'erreur sur les 3 appareils
- [x] MAJ les FAQ avec screenshots
- [ ] https://github.com/tchapgouv/tchap-ios/issues/976
- [ ] https://github.com/tchapgouv/tchap-product/issues/282

[odelcroi]

@areox-net ce qu'on s'est dit au dernier sync produit

[areox-net]

Merci @odelcroi, je me suis assigné ce ticket pour poursuivre le travail. Je vais rassembler mes screenshot de chaque client sur une planche Figma qui nous servira aussi pour produire les bonnes images pour chaque article FAQ.

[areox-net]

• Evolutions UI suite à l’atelier journée Tchap [Débloquer les messages verrouillés](https://www.notion.so/D-bloquer-les-messages-verrouill-s-83a259460d374474ba61563b21d935bb?pvs=21)

• Une planche Figma est en cours de remplissage pour rassembler les écrans des cas principaux dans le fil de discussion [Lien](https://www.figma.com/file/3qu9dfXgLomL6u04mpaTip/Tchap?type=design&node-id=3848-32635&mode=design&t=ccMAF8CcIfW7mbjJ-4)

• J'ai aussi fait quelques tests pour accompagner l'utilisateur avec le chatbot Crisp et des reponses automatiques successives

[areox-net]

@NicolasBuquet a déjà amélioré les articles actuels. De mon coté, j'ai commencé à rediger un brouillon de nouvel article iOS complément revu, avec une explication assez pédagogique en intro et l'illustration des 3 cas de figure principaux. https://app.crisp.chat/website/6dacc68e-de3a-4511-8177-1339616098de/helpdesk/articles/fr/f425d272-4d04-4eb8-8177-72d28bc46d1f/

Il ne faut pas oublier aussi cet article (et ces collegues iOS et Android) que j'ai commencé à mettre à jour: https://aide.tchap.beta.gouv.fr/fr/article/pourquoi-mes-messages-sont-ils-verrouilles-z8w0tl/?bust=1708688417013

[areox-net]

• [x] Au passage il faudra penser à vérifier et mettre à jour les liens de rebondissement entre les articles

[areox-net]

@odelcroi @NicolasBuquet J'ai du mal à voir la difference de solution entre ces deux cas:

• aucun messages est lisible
• seulement une partie est illisible

[odelcroi]

closing this meta issue (for now , feel free to reference