{"id":11116,"date":"2025-12-12T17:17:57","date_gmt":"2025-12-12T17:17:57","guid":{"rendered":"https:\/\/techhub.saworks.io\/?post_type=docs&p=11116"},"modified":"2026-02-10T10:20:34","modified_gmt":"2026-02-10T10:20:34","slug":"page-nouveau-destinataire","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-2-de-lapplication-iretipay\/page-nouveau-destinataire\/","title":{"rendered":"Nouveau Destinataire"},"content":{"rendered":"\n
\n

Lieu<\/h3>\n\n\n\n

Page d’accueil > Icone Transfert > icone (+)<\/strong><\/p>\n\n\n\n

1) Contexte & objectif<\/h2>\n\n\n\n

Nom de l\u2019\u00e9cran<\/strong> : Nouveau destinataire<\/code>
But<\/strong> : Collecter les informations minimales (nom + num\u00e9ro) pour cr\u00e9er un destinataire ad-hoc<\/strong> et poursuivre un transfert<\/strong> sans l\u2019enregistrer dans les contacts.<\/p>\n\n\n\n

R\u00e9sultat attendu<\/strong> : L\u2019utilisateur saisit un nom<\/strong> et un num\u00e9ro<\/strong>, l\u2019app valide<\/strong> et pr\u00e9remplit le code pays (+225)<\/strong>, v\u00e9rifie l\u2019existence d\u2019un compte (IretiPay dans l\u2019exemple), puis passe \u00e0 l\u2019\u00e9tape suivante du transfert (montant, r\u00e9capitulatif, etc.).<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

2) Structure & contenu <\/h2>\n\n\n\n

En-t\u00eate<\/h3>\n\n\n\n
    \n
  • Bouton retour<\/strong> (fl\u00e8che) \u2192 revient \u00e0 l\u2019\u00e9cran pr\u00e9c\u00e9dent (ex. liste de b\u00e9n\u00e9ficiaires\/transfert).<\/li>\n\n\n\n
  • Titre<\/strong> : Nouveau destinataire<\/code>.<\/li>\n\n\n\n
  • Sous-titre<\/strong> : Remplissez les informations ci-dessous pour proc\u00e9der au transfert<\/code> (helper text).<\/li>\n<\/ul>\n\n\n\n
    <\/div>\n\n\n\n

    Formulaire<\/h3>\n\n\n\n
      \n
    1. Nom du destinataire<\/strong>(champ texte)<\/em>\n
        \n
      • Ic\u00f4ne personne.<\/li>\n\n\n\n
      • Placeholders explicites, format libre mais contr\u00f4les basiques.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Num\u00e9ro du destinataire<\/strong>(champ num\u00e9rique)<\/em>\n
          \n
        • Ic\u00f4ne t\u00e9l\u00e9phone.<\/li>\n\n\n\n
        • Info op\u00e9rateurs en aide contextuelle : Orange (07\/05), MTN (02\/04\/06), Moov (01)\u2026<\/em><\/li>\n\n\n\n
        • Le code pays +225<\/strong> est ajout\u00e9 automatiquement<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
          <\/div>\n\n\n\n

          Encadr\u00e9 d\u2019information (vert)<\/h3>\n\n\n\n
            \n
          • Titre : Transfert d\u2019argent<\/strong>.<\/li>\n\n\n\n
          • Points cl\u00e9s :\n
              \n
            • Ces informations seront utilis\u00e9es pour ce transfert uniquement<\/strong>.<\/li>\n\n\n\n
            • Le destinataire ne sera pas ajout\u00e9<\/strong> \u00e0 vos contacts.<\/li>\n\n\n\n
            • Le code pays +225<\/strong> sera automatiquement<\/strong> ajout\u00e9 au num\u00e9ro.<\/li>\n\n\n\n
            • V\u00e9rification si le num\u00e9ro poss\u00e8de un compte IretiPay<\/strong>.<\/li>\n\n\n\n
            • V\u00e9rifiez bien<\/strong> le nom et le num\u00e9ro avant de continuer.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
              <\/div>\n\n\n\n

              CTA principal<\/h3>\n\n\n\n
                \n
              • Bouton : Continuer le transfert<\/code><\/strong> (bleu).<\/li>\n\n\n\n
              • \u00c9tat : d\u00e9sactiv\u00e9<\/strong> tant que le formulaire n\u2019est pas valide.<\/li>\n<\/ul>\n\n\n\n
                <\/div>\n\n\n\n

                Navigation (barre inf\u00e9rieure)<\/h3>\n\n\n\n
                  \n
                • Accueil<\/strong>, Factures<\/strong>, Devises<\/strong>, R\u00e9glages<\/strong>.<\/li>\n\n\n\n
                • Bouton flottant QR<\/strong> (bleu) \u2192 entr\u00e9e rapide via scan (optionnel pour ce flux).<\/li>\n<\/ul>\n\n\n\n
                  <\/div>\n\n\n\n

                  3) R\u00e8gles fonctionnelles<\/h2>\n\n\n\n
                    \n
                  1. Champ Nom<\/strong>\n
                      \n
                    • Obligatoire.<\/li>\n\n\n\n
                    • Longueur : 2\u201350 caract\u00e8res.<\/li>\n\n\n\n
                    • Autoris\u00e9s : lettres (accentu\u00e9es), espaces, tirets, apostrophes.<\/li>\n\n\n\n
                    • Interdits : chiffres seuls, emojis, caract\u00e8res de contr\u00f4le.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • Champ Num\u00e9ro<\/strong>\n
                        \n
                      • Obligatoire.<\/li>\n\n\n\n
                      • Pr\u00e9fixe +225<\/strong> (C\u00f4te d\u2019Ivoire) ajout\u00e9 automatiquement<\/strong> si absent.<\/li>\n\n\n\n
                      • Format E.164<\/strong> : +225XXXXXXXXXX<\/code> (10 chiffres apr\u00e8s l\u2019indicatif).<\/li>\n\n\n\n
                      • Pr\u00e9validation op\u00e9rateur<\/strong> (facultative) :\n
                          \n
                        • Orange : 07<\/code> + 8 chiffres<\/li>\n\n\n\n
                        • MTN : 05<\/code> + 8 chiffres<\/li>\n\n\n\n
                        • Moov : 01<\/code> + 8 chiffres
                          (Adapter selon la nomenclature la plus r\u00e9cente.)<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                        • Validation & \u00e9tats<\/strong>\n
                            \n
                          • Le bouton Continuer<\/strong> s\u2019active uniquement si nom<\/code> et num\u00e9ro<\/code> sont valides.<\/li>\n\n\n\n
                          • \u00c0 la soumission :\n
                              \n
                            • V\u00e9rification d\u2019existence<\/strong> du compte destinataire (IretiPay).<\/li>\n\n\n\n
                            • Si existe<\/strong> \u2192 passer \u00e0 l\u2019\u00e9cran montant<\/strong>.<\/li>\n\n\n\n
                            • Si n\u2019existe pas<\/strong> \u2192 proposer transfert via mobile money<\/strong> (selon op\u00e9rateur) .<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                            • Contacts<\/strong>\n
                                \n
                              • Ce destinataire n\u2019est pas enregistr\u00e9<\/strong> en contacts (usage ponctuel).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                              • Gestion des erreurs<\/strong>\n
                                  \n
                                • Num\u00e9ro invalide : Num\u00e9ro non valide. V\u00e9rifiez l\u2019indicatif et la longueur.<\/code><\/li>\n\n\n\n
                                • Nom invalide : Nom incomplet.<\/code><\/li>\n\n\n\n
                                • Compte inexistant : Ce num\u00e9ro n\u2019est pas inscrit. Voulez-vous continuer via mobile money ?<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
                                  <\/div>\n\n\n\n

                                  4) UX & accessibilit\u00e9 <\/h2>\n\n\n\n
                                    \n
                                  • Clavier num\u00e9rique<\/strong> forc\u00e9 sur le champ num\u00e9ro.<\/li>\n\n\n\n
                                  • Masque\/formatage<\/strong> : afficher +225<\/code> en pr\u00e9fixe non \u00e9ditable, champ pour 10 chiffres.<\/li>\n\n\n\n
                                  • Auto-espace<\/strong> \/ anti-collage<\/strong> : filtrer les caract\u00e8res non num\u00e9riques, ignorer espaces.<\/li>\n\n\n\n
                                  • Labels et aides<\/strong> lisibles, contraste WCAG AA.<\/li>\n\n\n\n
                                  • Lecteurs d\u2019\u00e9cran<\/strong> :\n
                                      \n
                                    • Champ nom : \u201cNom du destinataire, requis\u201d.<\/li>\n\n\n\n
                                    • Champ num\u00e9ro : \u201cNum\u00e9ro du destinataire, code pays +225 ajout\u00e9 automatiquement\u201d.<\/li>\n\n\n\n
                                    • Encadr\u00e9 : \u201cInformation : Transfert d\u2019argent. \u2026\u201d<\/li>\n\n\n\n
                                    • Bouton : \u201cContinuer le transfert, d\u00e9sactiv\u00e9\/activ\u00e9\u201d.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                    • Erreurs<\/strong> : texte + bordure rouge + description ARIA.<\/li>\n\n\n\n
                                    • Pr\u00e9vention des fautes<\/strong> : confirmer le num\u00e9ro au prochain \u00e9cran (r\u00e9capitulatif).<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

                                      Lieu Page d’accueil > Icone Transfert > icone (+) 1) Contexte & objectif Nom de l\u2019\u00e9cran : Nouveau destinataireBut : Collecter les informations […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":11000,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-11116","docs","type-docs","status-publish","hentry"],"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/6a70e7c73db9f245e650948d09d74f61?s=96&d=mm&r=g","author_name":"Annick N'dri","_links":{"self":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/11116"}],"collection":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/comments?post=11116"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/11116\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/11000"}],"wp:attachment":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/media?parent=11116"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=11116"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=11116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}