1)Nom de l’écran

Accueil – Page principale après authentification.

1. Objectif de la page

La page Accueil est le point central de l’application.
Elle permet à l’utilisateur de :

• consulter rapidement son solde
• accéder aux actions principales (Recharge, Transfert)
• visualiser l’historique récent des transactions
• naviguer vers d’autres fonctionnalités clés

2. En-tête de la page

2.1 Informations utilisateur

• Nom de l’utilisateur : Annick
• Date : 5 fév 2026

Ces informations permettent d’identifier clairement le compte connecté et la date de consultation.

2.2 Icônes de l’en-tête

• ⚙️ Paramètres
  Permet d’accéder aux réglages du compte (profil, sécurité, préférences, etc.)
• 🔔 Notifications
  Permet de consulter les notifications liées aux transactions, alertes ou messages système

3. Affichage du solde

3.1 Zone du solde

• Le solde est masqué par défaut (représenté par des points ●●●●●●)
• Une icône œil barré permet :
  • d’afficher le solde réel
  • de masquer à nouveau le solde

🎯 Objectif :

• Protéger la confidentialité financière de l’utilisateur
• Éviter l’exposition du solde en public

4. Actions principales

Une carte centrale propose deux actions rapides :

4.1 Recharge

• Icône : Carte / téléphone
• Fonction : Permet d’ajouter de l’argent sur le compte via :
  • Mobile Money
  • Autres moyens de recharge disponibles

4.2 Transfert

• Icône : Flèches de transfert
• Fonction : Permet d’envoyer de l’argent vers :
  • un autre utilisateur
  • un nouveau destinataire

📌 Ces actions sont volontairement mises en avant pour un accès rapide.

5. Section Mes transactions

5.1 Titre

Mes transactions

5.2 Lien “Voir tout”

• Permet d’accéder à l’historique complet des transactions
• Affiche plus de détails (filtres, périodes, statuts, etc.)

5.3 Liste des transactions récentes

Chaque ligne de transaction contient :

a) Sens de la transaction

• ➡️ À : argent envoyé
• ⬅️ De : argent reçu

b) Nom du correspondant

• Exemple :
  • À Anicette BITAH
  • De Amongoa Bilé

c) Date et heure

• Format : JJ/MM/AAAA à HH:MM
• Exemple : 16/01/2026 à 11:19

d) Montant

• Rouge (-) : sortie d’argent
  Exemple : - 100 F CFA
• Vert (+) : entrée d’argent
  Exemple : + 200 F CFA

e) Statut

• Terminé (en vert)
  Indique que la transaction a été effectuée avec succès

6. Bouton central – QR Code

Description

• Bouton flottant au centre de la barre inférieure
• Icône QR Code

Fonction

• Permet de :
  • payer via QR Code
  • recevoir de l’argent
  • scanner un code pour une transaction rapide

📌 Élément clé pour les paiements rapides sans saisie manuelle.

7. Barre de navigation inférieure

Éléments disponibles :

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

🎯 Permet une navigation simple et cohérente entre les principales sections.

8. Règles et comportements attendus

• Les transactions sont affichées par ordre chronologique décroissant
• Les montants sont formatés en F CFA
• Les couleurs indiquent clairement le sens financier
• Les données doivent être actualisées en temps réel ou à l’ouverture de la page

9. Résumé

✅ Page orientée simplicité et rapidité
✅ Accès immédiat aux actions critiques
✅ Visualisation claire de l’historique financier
✅ Sécurité renforcée par le masquage du solde