{"id":12185,"date":"2026-02-05T12:21:40","date_gmt":"2026-02-05T12:21:40","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/trouver-un-agent-iretipay\/"},"modified":"2026-02-10T10:20:35","modified_gmt":"2026-02-10T10:20:35","slug":"trouver-un-agent-iretipay","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/trouver-un-agent-iretipay\/","title":{"rendered":"Trouver un agent IretiPay"},"content":{"rendered":"\n
\n

1. Objectif de la page<\/h2>\n\n\n\n

La page Trouver un agent IretiPay<\/strong> permet \u00e0 l\u2019utilisateur de localiser un agent IretiPay \u00e0 proximit\u00e9<\/strong> afin d\u2019effectuer une recharge du compte en esp\u00e8ces<\/strong>.<\/p>\n\n\n\n

Elle facilite l\u2019acc\u00e8s aux points physiques de recharge en s\u2019appuyant sur la g\u00e9olocalisation<\/strong>.<\/p>\n\n\n\n

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

2. Contexte d\u2019acc\u00e8s<\/h2>\n\n\n\n

Cette page est accessible depuis :<\/p>\n\n\n\n

    \n
  • Accueil<\/strong><\/li>\n\n\n\n
  • Recharger le compte<\/strong><\/li>\n\n\n\n
  • Esp\u00e8ces \u2192 Agent IretiPay<\/strong><\/li>\n<\/ul>\n\n\n\n

    Elle s\u2019affiche sous forme de fen\u00eatre modale \/ panneau glissant<\/strong> au\u2011dessus de la page pr\u00e9c\u00e9dente.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    3. Structure g\u00e9n\u00e9rale de la page<\/h2>\n\n\n\n

    3.1 Type d\u2019affichage<\/h3>\n\n\n\n
      \n
    • Panneau modal avec coins arrondis<\/li>\n\n\n\n
    • Fond semi\u2011transparent sur la page arri\u00e8re<\/li>\n\n\n\n
    • Contenu centr\u00e9 et focalis\u00e9 sur l\u2019action principale<\/li>\n<\/ul>\n\n\n\n
      <\/div>\n\n\n\n

      4. En\u2011t\u00eate de la page<\/h2>\n\n\n\n

      4.1 Titre<\/h3>\n\n\n\n

      Trouver un agent IretiPay<\/strong><\/p>\n\n\n\n

      \ud83c\udfaf Indique clairement l\u2019action attendue : rechercher un agent.<\/p>\n\n\n\n

      <\/div>\n\n\n\n

      4.2 Indicateur visuel<\/h3>\n\n\n\n
        \n
      • Petite barre horizontale en haut du panneau<\/li>\n\n\n\n
      • Sert d\u2019indication que le panneau peut \u00eatre gliss\u00e9 ou ferm\u00e9<\/strong><\/li>\n<\/ul>\n\n\n\n
        <\/div>\n\n\n\n

        5. Zone d\u2019information \u2013 Localisation des agents<\/h2>\n\n\n\n

        5.1 Carte informative<\/h3>\n\n\n\n
          \n
        • Ic\u00f4ne :<\/strong> rep\u00e8re de localisation (pin)<\/li>\n\n\n\n
        • Titre :<\/strong> Localisation des agents<\/em><\/li>\n\n\n\n
        • Description :<\/strong>
          Trouvez l\u2019agent le plus proche de votre position<\/em><\/li>\n<\/ul>\n\n\n\n

          \ud83c\udfaf Objectif :<\/p>\n\n\n\n

            \n
          • Expliquer l\u2019utilit\u00e9 de la fonctionnalit\u00e9<\/li>\n\n\n\n
          • Rassurer l\u2019utilisateur sur le r\u00e9sultat attendu (agent le plus proche)<\/li>\n<\/ul>\n\n\n\n
            <\/div>\n\n\n\n

            6. Bouton d\u2019action principal<\/h2>\n\n\n\n

            6.1 Bouton : Localiser les agents<\/strong><\/h3>\n\n\n\n
              \n
            • Couleur :<\/strong> Vert<\/li>\n\n\n\n
            • Ic\u00f4ne :<\/strong> Cible \/ GPS<\/li>\n\n\n\n
            • Position :<\/strong> Sous la zone d\u2019information<\/li>\n\n\n\n
            • Action :<\/strong>\n
                \n
              • Demande l\u2019autorisation d\u2019acc\u00e8s \u00e0 la g\u00e9olocalisation<\/strong><\/li>\n\n\n\n
              • D\u00e9tecte la position actuelle de l\u2019utilisateur<\/li>\n\n\n\n
              • Affiche la liste ou la carte des agents IretiPay disponibles \u00e0 proximit\u00e9<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                <\/div>\n\n\n\n

                7. Comportements fonctionnels attendus<\/h2>\n\n\n\n

                7.1 G\u00e9olocalisation<\/h3>\n\n\n\n
                  \n
                • \u2705 Demande de permission GPS au premier usage<\/li>\n\n\n\n
                • \u2705 Utilisation de la position actuelle de l\u2019utilisateur<\/li>\n\n\n\n
                • \u2705 Recherche des agents dans un rayon d\u00e9fini (ex. 1 \u00e0 5 km)<\/li>\n<\/ul>\n\n\n\n
                  <\/div>\n\n\n\n

                  7.2 Cas d\u2019erreurs \u00e0 g\u00e9rer<\/h3>\n\n\n\n
                    \n
                  • \u274c GPS d\u00e9sactiv\u00e9<\/li>\n\n\n\n
                  • \u274c Permission refus\u00e9e<\/li>\n\n\n\n
                  • \u274c Aucun agent trouv\u00e9 \u00e0 proximit\u00e9<\/li>\n\n\n\n
                  • \u274c Probl\u00e8me de connexion internet<\/li>\n<\/ul>\n\n\n\n

                    \ud83d\udc49 Dans ces cas, un message clair et une action corrective doivent \u00eatre propos\u00e9s.<\/p>\n\n\n\n

                    <\/div>\n\n\n\n

                    8. Barre de navigation inf\u00e9rieure<\/h2>\n\n\n\n

                    Toujours visible derri\u00e8re le panneau :<\/p>\n\n\n\n

                      \n
                    • \ud83c\udfe0 Accueil<\/strong><\/li>\n\n\n\n
                    • \ud83d\udcf7 QR Code<\/strong> (bouton central)<\/li>\n\n\n\n
                    • \ud83e\uddfe Factures<\/strong><\/li>\n<\/ul>\n\n\n\n

                      \ud83d\udccc Assure la continuit\u00e9 de navigation dans l\u2019application.<\/p>\n\n\n\n

                      <\/div>\n\n\n\n

                      9. R\u00e8gles UX \/ UI<\/h2>\n\n\n\n
                        \n
                      • Action principale unique et bien mise en \u00e9vidence<\/li>\n\n\n\n
                      • Texte clair et concis<\/li>\n\n\n\n
                      • Ic\u00f4nes explicites (localisation)<\/li>\n\n\n\n
                      • Interaction rapide pour \u00e9viter toute friction utilisateur<\/li>\n<\/ul>\n\n\n\n
                        <\/div>\n\n\n\n

                        10. R\u00e9sum\u00e9<\/h2>\n\n\n\n

                        \u2705 Page orient\u00e9e recherche rapide d\u2019agent<\/strong>
                        \u2705 Utilisation de la g\u00e9olocalisation<\/strong> pour une meilleure exp\u00e9rience
                        \u2705 Interface simple, intuitive et guid\u00e9e
                        \u2705 \u00c9tape cl\u00e9 pour la recharge en esp\u00e8ces<\/strong><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

                        1. Objectif de la page La page Trouver un agent IretiPay permet \u00e0 l\u2019utilisateur de localiser un agent IretiPay \u00e0 proximit\u00e9 afin d\u2019effectuer […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":25,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12185","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\/12185"}],"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=12185"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12185\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12142"}],"wp:attachment":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/media?parent=12185"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12185"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}