[XSSS] Amélioration UX, wording et organisation des settings sécurité.

[areox-net]

Suite à un travail d'analyse du parcours XSSS mono-device sur iOS, voici une proposition de parcours amélioré.

Ici un résumé des modification à faire.

1. Changer l'ordre des sections des settings Sécurité.

• Nouvel ordre:

1. Sauvegarde automatique des message
2. Mes sessions
3. Signature croisée
4. Cryptographie
5. Pin & Face ID

2. Changer les noms des sections settings Sécurité.

• Mes sessions > Appareils connectés
• Cryptographie > Clés Tchap

3. Changer le wording de la section Sauvegarde automatique:

Si activée:

• picto checkmark.circle.fill vert + "Activée: cet appareil sauvegarde vos messages".

Si pas activée:

• Etat: picto xmark.circle.fill gris + "Desactivée: cet appareil ne sauvegarde pas vos messages".
• Bouton: Configurer > Activer

Avant

Après

3bis. Changer le wording de la section Signature Croisée:

Si activée:

• picto checkmark.circle.fill vert + "Activée sur cet appareil".

Si pas activée:

• Etat: picto xmark.circle.fill gris + "Desactivée sur cet appareil".
• Bouton: Configurer > Activer

4. Page génération code de Récupération

• Titre: "Notez votre Code de Récupération"
• Message "Notez ce code dans un endroit sûr. 
Vous aurez à le copier / coller pour récupérer vos messages, donc évitez la capture d’écran."
• Bouton: "Copier le code"
• Ajouter sur le bouton un message "Attention : c'est la seule fois que votre code est affiché !"
• Virer le bouton Continuer. L'appuis sur le bouton "Copier le Code" declanche directement la modale
• Titre de la modale: "Conservez-le en lieu sûr" + texte de la modale "la" -> "le"
• Texte de la modale aligné à gaiche, plus éspacé et modifié:
  "✓ Dans votre gestionnaire de mot de passe
  ✓ Sur une clé USB ou un disque de sauvegarde
  ✓ Sur votre ordinateur ou cloud"

Avant

Après

5. Page récupération des message depuis device avec code

• Titre: Récupération des messages
• Bouton: Terminé > Terminer
• (Si possible faire ce bouton comme le grand bouton de la création du Code)

Avant

Après

6. Modale suppresion de la sauvegarde

• Message: "En supprimant la sauvegarde automatique, vous risquez de perdre vos messages."

7. Modale activation de la Signature Croisée

• Titre en français: "Activer la signature croisée."

Après

8. Modale réinitialisation de la Signature Croisée

• Titre en français: "Êtes-vous sur ?"
• Message en français: "Faites cette opération seulement si vous avez perdu tous vos autres appareils vérifiés."
• Bouton en français: "Réinitialiser"

Après

9. Modale vérification appareil (suite à deconnexion)

• Message en français: "Une fois votre appareil vérifié, vous pourrez récupérer vos messages."

Après

10. Page vérification appareil (suite à deconnexion)

• Titre en français: "Vérifiez cet appareil"
• Message en français: "Vérifiez cet appareil pour récupérer vos messages. Si vous avez un autre appareil connecté à Tchap, ouvrez l’application et suivez les instructions."
• Message bouton en français: "Vous n’avez pas d’autre appareil ?"
• Bouton: "Utilizer le Code de Récupération"

Avant

Après

11. Page insertion Code de Récuperation

• Titre: "Récupération des messages"
• Message: "Insérez votre Code de Récupération pour vérifier cet appareil."
• Bouton: "Utilizer le Code de Récupération"
• Message 2: "Vous avez perdu votre Code de Récupération ? Générer un nouveau code"

Avant

Après

12. Modale insertion mauvais Code de Récuperation

• Titre: "Code erroné"
• Message: "Vérifiez que vous avez saisi le Code de Récupération le plus récent."

[NicolasBuquet]

@areox-net Dans la partie 4 "Génération du code de récupération", où intervient la modification suivante ?

• Titre de la modale: "Conservez-le en lieu sûr"

[areox-net]

@areox-net Dans la partie 4 "Génération du code de récupération", où intervient la modification suivante ?

• Titre de la modale: "Conservez-le en lieu sûr"

@NicolasBuquet Il s'agit de la modale qui s'ouvre une fois copié le code. Aujourd'hui le texte est Conservez-la... (je sais un petit detail)

[NicolasBuquet]

@areox-net Ok, je ne vopyais pas où c'était. J'ai passé au masculin les autres textes de la modale aussi.

[NicolasBuquet]

@areox-net Dans ton step 7, j'ai une autre modale qui s'intercale :

[areox-net]

@areox-net Dans ton step 7, j'ai une autre modale qui s'intercale :

@NicolasBuquet Ca conrespond à la modale du point 8, non? Reset Signature croisée.

[NicolasBuquet]

@areox-net Oui, en effet. J'allais t'écrire pour te dire que je viens de la voir ! Désolé.