{"id":12191,"date":"2026-02-05T13:32:09","date_gmt":"2026-02-05T13:32:09","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/transfert-selectionner-un-contact\/"},"modified":"2026-02-10T10:20:35","modified_gmt":"2026-02-10T10:20:35","slug":"transfert-selectionner-un-contact","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/transfert-selectionner-un-contact\/","title":{"rendered":"Transfert &#8211; S\u00e9lectionner un contact"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">1. Objectif de la page<\/h2>\n\n\n\n<p>La page <strong>S\u00e9lectionner un contact<\/strong> permet \u00e0 l\u2019utilisateur de <strong>choisir un contact existant<\/strong> afin de r\u00e9aliser une op\u00e9ration, principalement :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>un <strong>transfert d\u2019argent<\/strong><\/li>\n\n\n\n<li>ou toute action n\u00e9cessitant un <strong>destinataire enregistr\u00e9<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Elle facilite la recherche rapide d\u2019un contact d\u00e9j\u00e0 connu.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"461\" height=\"1024\" data-src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-461x1024.jpeg\" alt=\"\" class=\"wp-image-12193 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-461x1024.jpeg 461w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-135x300.jpeg 135w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-450x1000.jpeg 450w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18.jpeg 486w\" data-sizes=\"(max-width: 461px) 100vw, 461px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 461px; --smush-placeholder-aspect-ratio: 461\/1024;\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. Contexte d\u2019acc\u00e8s<\/h2>\n\n\n\n<p>Cette page est accessible depuis :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le parcours <strong>Transfert<\/strong><\/li>\n\n\n\n<li>l\u2019option <strong>Choisir un contact existant<\/strong><\/li>\n\n\n\n<li>ou toute fonctionnalit\u00e9 n\u00e9cessitant la s\u00e9lection d\u2019un b\u00e9n\u00e9ficiaire<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. En\u2011t\u00eate de la page<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 Bouton retour<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> fl\u00e8che retour<\/li>\n\n\n\n<li><strong>Fonction :<\/strong> revenir \u00e0 la page pr\u00e9c\u00e9dente sans s\u00e9lection<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3.2 Titre<\/h3>\n\n\n\n<p><strong>S\u00e9lectionner un contact<\/strong><\/p>\n\n\n\n<p>\ud83c\udfaf Indique clairement l\u2019action attendue de l\u2019utilisateur.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. Barre de recherche de contact<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">4.1 Champ de recherche<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placeholder :<\/strong> <em>Rechercher un contact\u2026<\/em><\/li>\n\n\n\n<li><strong>Ic\u00f4ne :<\/strong> loupe<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>filtrer la liste des contacts<\/li>\n\n\n\n<li>recherche par <strong>nom<\/strong> et\/ou <strong>num\u00e9ro de t\u00e9l\u00e9phone<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Comportement :<\/strong>\n<ul class=\"wp-block-list\">\n<li>recherche dynamique \u00e0 la saisie<\/li>\n\n\n\n<li>insensible \u00e0 la casse<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4.2 Bouton d\u2019ajout<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> \u2795 (plus)<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>ajouter un <strong>nouveau contact<\/strong><\/li>\n\n\n\n<li>rediriger vers la page de cr\u00e9ation de contact ou de nouveau destinataire<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5. Liste des contacts<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">5.1 Titre de section<\/h3>\n\n\n\n<p><strong>Tous les contacts<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">5.2 \u00c9tat de chargement<\/h3>\n\n\n\n<p>Lorsque les contacts ne sont pas encore disponibles :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Indicateur visuel :<\/strong> loader circulaire<\/li>\n\n\n\n<li><strong>Message :<\/strong><br><em>Chargement des contacts\u2026<\/em><\/li>\n<\/ul>\n\n\n\n<p>\ud83c\udfaf Objectif :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>informer l\u2019utilisateur que les donn\u00e9es sont en cours de r\u00e9cup\u00e9ration<\/li>\n\n\n\n<li>\u00e9viter toute confusion ou action pr\u00e9matur\u00e9e<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">5.3 Source des contacts<\/h3>\n\n\n\n<p>Les contacts affich\u00e9s peuvent provenir :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>du <strong>r\u00e9pertoire interne de l\u2019application<\/strong><\/li>\n\n\n\n<li>des <strong>contacts autoris\u00e9s du t\u00e9l\u00e9phone<\/strong> (si permission accord\u00e9e)<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6. Comportements fonctionnels attendus<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">6.1 Chargement<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Chargement automatique \u00e0 l\u2019ouverture de la page<\/li>\n\n\n\n<li>\u2705 Rafra\u00eechissement rapide de la liste<\/li>\n\n\n\n<li>\u2705 Gestion des erreurs r\u00e9seau ou permission refus\u00e9e<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">6.2 S\u00e9lection d\u2019un contact<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un tap sur un contact :\n<ul class=\"wp-block-list\">\n<li>s\u00e9lectionne le destinataire<\/li>\n\n\n\n<li>redirige vers l\u2019\u00e9tape suivante (ex. saisie du montant)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">6.3 Cas d\u2019erreurs \u00e0 g\u00e9rer<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u274c Aucun contact trouv\u00e9<\/li>\n\n\n\n<li>\u274c Acc\u00e8s aux contacts refus\u00e9<\/li>\n\n\n\n<li>\u274c Erreur de synchronisation<\/li>\n\n\n\n<li>\u274c Connexion internet indisponible<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udc49 Dans chaque cas, un message clair et une action corrective doivent \u00eatre propos\u00e9s.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">7. Barre de navigation inf\u00e9rieure<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9l\u00e9ments visibles :<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83c\udfe0 <strong>Accueil<\/strong><\/li>\n\n\n\n<li>\ud83d\udcf7 <strong>QR Code<\/strong> (bouton central)<\/li>\n\n\n\n<li>\ud83e\uddfe <strong>Factures<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc Cette barre reste fixe pour garantir une navigation fluide.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">8. R\u00e8gles UX \/ UI<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Interface \u00e9pur\u00e9e et lisible<\/li>\n\n\n\n<li>Recherche rapide et efficace<\/li>\n\n\n\n<li>Indicateur de chargement visible<\/li>\n\n\n\n<li>Acc\u00e8s facile \u00e0 l\u2019ajout d\u2019un nouveau contact<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">9. S\u00e9curit\u00e9 et confidentialit\u00e9<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les contacts sont affich\u00e9s uniquement apr\u00e8s autorisation<\/li>\n\n\n\n<li>Aucune modification du r\u00e9pertoire sans action explicite de l\u2019utilisateur<\/li>\n\n\n\n<li>Les donn\u00e9es sont utilis\u00e9es uniquement dans le cadre de la transaction<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">10. R\u00e9sum\u00e9<\/h2>\n\n\n\n<p>\u2705 Page d\u00e9di\u00e9e \u00e0 la <strong>s\u00e9lection rapide d\u2019un destinataire<\/strong><br>\u2705 Recherche et ajout de contact int\u00e9gr\u00e9s<br>\u2705 Gestion claire des \u00e9tats de chargement<br>\u2705 \u00c9tape cl\u00e9 du parcours de transfert d\u2019argent<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Objectif de la page La page S\u00e9lectionner un contact permet \u00e0 l\u2019utilisateur de choisir un contact existant afin de r\u00e9aliser une op\u00e9ration, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":26,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12191","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\/12191"}],"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=12191"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12191\/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=12191"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12191"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}