1. Objectif de la page

La page Confirmer le transfert constitue la dernière étape avant l’exécution d’un transfert d’argent via IretiPay.

Elle permet à l’utilisateur de :

• vérifier l’exactitude des détails du transfert
• ajouter une description facultative
• confirmer ou annuler l’opération avant validation finale

🎯 Cette étape est essentielle pour réduire les erreurs et sécuriser l’envoi.

2. Contexte d’accès

Cette page est accessible après :

• la sélection du bénéficiaire
• la saisie du montant
• le choix du moyen de paiement IretiPay

Elle s’affiche sous forme de fenêtre modale / panneau glissant au‑dessus de la page précédente.

3. Structure générale de la page

3.1 Type d’affichage

• Panneau modal avec coins arrondis
• Fond arrière assombri
• Interaction focalisée sur la confirmation

4. En‑tête de la page

4.1 Icône de validation

• Icône : ✅ coche dans un cercle
• Signification :
  • étape de validation finale
  • action sécurisée

4.2 Titre

Confirmer le transfert

Indique clairement que l’utilisateur est sur le point d’exécuter l’opération.

4.3 Indicateur de glissement

• Petite barre horizontale en haut du panneau
• Indique que la modale peut être fermée ou glissée

5. Carte récapitulative du transfert

Cette section affiche un résumé non modifiable des informations clés.

5.1 Informations affichées

• Bénéficiaire :
  Kim
• Numéro :
  07 59 40 03 49
• Montant :
  100 FCFA

📌 Toutes ces informations sont en lecture seule afin d’éviter toute modification involontaire à cette étape.

6. Champ Description (optionnel)

6.1 Champ de saisie

• Libellé : Description (optionnel)
• Placeholder :
  Ex : Remboursement, cadeau…
• Limite : 100 caractères
• Compteur : 0 / 100

6.2 Fonction

• Permet d’ajouter une note personnelle associée au transfert
• Visible dans :
  • l’historique des transactions
  • le détail du transfert

📌 Ce champ est facultatif et n’empêche pas la validation s’il est vide.

7. Boutons d’action

7.1 Bouton Annuler

• Style : bouton secondaire
• Fonction :
  • ferme la page de confirmation
  • annule le processus de transfert
• Aucune transaction n’est exécutée

7.2 Bouton Confirmer

• Style : bouton principal (bleu)
• Fonction :
  • valide définitivement le transfert
  • déclenche :
    • la demande d’authentification (PIN / biométrie)
    • puis l’exécution du transfert
• Action critique :
  • irréversible après validation

8. Navigation inférieure

Éléments visibles :

• 🏠 Accueil
• 📷 QR Code (bouton central)
• 🧾 Factures

📌 La navigation reste visible mais l’utilisateur est encouragé à terminer ou annuler l’action en cours.

9. Comportements fonctionnels attendus

• ✅ Vérification finale avant exécution
• ✅ Blocage si le solde est insuffisant
• ✅ Affichage d’un écran de succès ou d’échec après confirmation
• ✅ Enregistrement du transfert dans l’historique

10. Cas d’erreurs à gérer

• Solde insuffisant
• Problème réseau
• Session expirée
• Échec de l’authentification (PIN incorrect)

👉 Chaque cas doit afficher un message clair avec une action corrective.

11. Sécurité

• Authentification obligatoire avant exécution
• Aucune modification possible des données critiques
• Transfert interne IretiPay gratuit et instantané
• Traçabilité complète de l’opération

12. Règles UX / UI

• Hiérarchie claire de l’information
• Bouton Confirmer bien mis en évidence
• Texte explicatif minimal et rassurant
• Étape de confirmation obligatoire

13. Résumé

✅ Dernière étape avant l’envoi d’argent
✅ Vérification complète des informations
✅ Option d’ajout de description
✅ Sécurité et fiabilité renforcées