{"id":12196,"date":"2026-02-05T13:42:23","date_gmt":"2026-02-05T13:42:23","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-notifications\/"},"modified":"2026-02-10T10:20:35","modified_gmt":"2026-02-10T10:20:35","slug":"page-notifications","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-notifications\/","title":{"rendered":"Page Notifications"},"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>Notifications<\/strong> permet \u00e0 l\u2019utilisateur de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>consulter toutes les <strong>notifications<\/strong> li\u00e9es \u00e0 son compte<\/li>\n\n\n\n<li>suivre les <strong>\u00e9v\u00e9nements importants<\/strong> (transactions, alertes, informations syst\u00e8me)<\/li>\n\n\n\n<li>distinguer les <strong>notifications lues<\/strong> et <strong>non lues<\/strong><\/li>\n<\/ul>\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.52.50-3-461x1024.jpeg\" alt=\"\" class=\"wp-image-12199 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-3-461x1024.jpeg 461w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-3-135x300.jpeg 135w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-3-450x1000.jpeg 450w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-3.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. Acc\u00e8s \u00e0 la page<\/h2>\n\n\n\n<p>Cette page est accessible depuis :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>l\u2019ic\u00f4ne \ud83d\udd14 <strong>Notifications<\/strong> situ\u00e9e dans l\u2019en\u2011t\u00eate de l\u2019application<\/li>\n\n\n\n<li>le menu principal de navigation<\/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 Ic\u00f4ne accueil<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> \ud83c\udfe0<\/li>\n\n\n\n<li><strong>Fonction :<\/strong> retour rapide vers la page <strong>Accueil<\/strong><\/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>\ud83d\udd14 <strong>Notifications<\/strong><\/p>\n\n\n\n<p>\ud83c\udfaf Indique clairement le contenu et la finalit\u00e9 de la page.<\/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\">3.3 Menu d\u2019options<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> \u22ee (menu contextuel)<\/li>\n\n\n\n<li><strong>Fonction possible :<\/strong>\n<ul class=\"wp-block-list\">\n<li>marquer toutes les notifications comme lues<\/li>\n\n\n\n<li>supprimer toutes les notifications<\/li>\n\n\n\n<li>acc\u00e9der aux param\u00e8tres de notifications<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><em>(Les options exactes d\u00e9pendent de la configuration de l\u2019application.)<\/em><\/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. Onglets de filtrage<\/h2>\n\n\n\n<p>La page propose deux onglets pour organiser l\u2019affichage :<\/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\">4.1 Onglet <strong>Toutes (0)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Affiche l\u2019ensemble des notifications<\/li>\n\n\n\n<li>Le chiffre <code>(0)<\/code> indique le <strong>nombre total<\/strong> de notifications disponibles<\/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 Onglet <strong>Non lues (0)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Affiche uniquement les notifications non consult\u00e9es<\/li>\n\n\n\n<li>Le chiffre <code>(0)<\/code> indique le <strong>nombre de notifications non lues<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc L\u2019onglet actif est visuellement mis en \u00e9vidence.<\/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\">5. Zone de contenu<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">5.1 \u00c9tat vide (aucune notification)<\/h3>\n\n\n\n<p>Lorsque l\u2019utilisateur n\u2019a aucune notification, l\u2019\u00e9cran affiche :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne centrale :<\/strong> cloche gris\u00e9e<\/li>\n\n\n\n<li><strong>Message principal :<\/strong><br><strong>Aucune notification<\/strong><\/li>\n\n\n\n<li><strong>Message secondaire :<\/strong><br><em>Vous recevrez ici vos notifications<\/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 clairement qu\u2019il n\u2019y a aucun contenu \u00e0 afficher<\/li>\n\n\n\n<li>Rassurer l\u2019utilisateur sur le futur usage de cette page<\/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 R\u00e9ception des notifications<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les notifications sont g\u00e9n\u00e9r\u00e9es suite \u00e0 :\n<ul class=\"wp-block-list\">\n<li>une transaction r\u00e9ussie ou \u00e9chou\u00e9e<\/li>\n\n\n\n<li>une recharge ou un transfert<\/li>\n\n\n\n<li>des messages syst\u00e8me ou promotionnels<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Elles apparaissent automatiquement dans la liste<\/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 Gestion des \u00e9tats<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Notification <strong>non lue<\/strong> : mise en avant visuelle<\/li>\n\n\n\n<li>\u2705 Notification <strong>lue<\/strong> : apparence att\u00e9nu\u00e9e<\/li>\n\n\n\n<li>\u2705 Mise \u00e0 jour des compteurs <em>(Toutes \/ Non lues)<\/em><\/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 Actions utilisateur possibles<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>consulter le d\u00e9tail d\u2019une notification<\/li>\n\n\n\n<li>marquer une notification comme lue<\/li>\n\n\n\n<li>utiliser le menu pour des actions globales<\/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\">7. R\u00e8gles UX \/ UI<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Interface simple et lisible<\/li>\n\n\n\n<li>Distinction claire entre \u00e9tat vide et \u00e9tat avec donn\u00e9es<\/li>\n\n\n\n<li>Navigation fluide entre les onglets<\/li>\n\n\n\n<li>Feedback visuel imm\u00e9diat apr\u00e8s une action utilisateur<\/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\">8. S\u00e9curit\u00e9 et confidentialit\u00e9<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les notifications sont <strong>strictement li\u00e9es au compte utilisateur<\/strong><\/li>\n\n\n\n<li>Aucune notification n\u2019est visible par un tiers<\/li>\n\n\n\n<li>Les donn\u00e9es affich\u00e9es sont prot\u00e9g\u00e9es et non modifiables sans autorisation<\/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. R\u00e9sum\u00e9<\/h2>\n\n\n\n<p>\u2705 Page d\u00e9di\u00e9e au <strong>suivi des \u00e9v\u00e9nements du compte<\/strong><br>\u2705 Syst\u00e8me d\u2019onglets clair pour filtrer les notifications<br>\u2705 Bon traitement de l\u2019<strong>\u00e9tat vide<\/strong><br>\u2705 \u00c9l\u00e9ment cl\u00e9 de l\u2019exp\u00e9rience utilisateur et de la transparence<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Objectif de la page La page Notifications permet \u00e0 l\u2019utilisateur de : 2. Acc\u00e8s \u00e0 la page Cette page est accessible depuis [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":27,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12196","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\/12196"}],"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=12196"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12196\/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=12196"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12196"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}