(Étude de cas)

La Poste · Conformité

Deux outils internes conçus coup sur coup pour le même groupe : déclarer un cadeau, signaler un conflit d’intérêt. Le second est né des composants du premier.

Rôle : Product Designer Contexte : Mission Atos pour La Poste Secteur : Service public
UXUI DesignConformité

Confidentialité : le projet est couvert par une clause de confidentialité. Les écrans ci-dessous en sont un extrait, expurgé de toute donnée métier.

(Contexte)

La déontologie d’un groupe public ne tient pas dans une note de service. Elle tient dans ce que les gens déclarent, et dans ce qu’on peut prouver ensuite.

Mission menée chez Atos pour La Poste : outiller deux obligations distinctes, les cadeaux et invitations, les conflits d’intérêt. Même population, mêmes managers, mais deux cycles de décision différents. J’ai conçu les deux, dans cet ordre, et le second a hérité du premier.

ClientLa Poste · conformité et déontologie
ContexteMission Atos
Périmètre2 produits · 22 écrans · desktop et mobile
ActeursCollaborateur, manager, déontologue
Mon rôleProduct Designer
(Problématique)

Comment rendre une obligation déontologique assez simple pour qu’on la respecte, et assez tracée pour qu’elle tienne devant un contrôle ?

(Objectifs)
01

Rendre la déclaration évidente

Un parcours guidé, en deux étapes, pour qu’un collaborateur déclare sans avoir à comprendre la règle avant.

02

Outiller la décision

Donner au manager de quoi instruire un dossier, rendre un avis, solliciter le déontologue, et laisser une trace de chaque étape.

03

Ne pas repartir de zéro

Concevoir le second outil sur les composants du premier, pour que les deux produits se ressemblent et coûtent moins cher à maintenir.

(Parcours & écrans)

Premier outil · déclarer un cadeau, côté collaborateur

Le collaborateur déclare un cadeau ou une invitation, reçu ou offert. Il visualise ses déclarations et leur statut, puis remplit un formulaire guidé en deux étapes : d’abord le bénéficiaire, puis le donateur. Chaque écran est pensé pour le desktop comme pour le mobile.

La liste des déclarations et leurs statuts · vue desktop
La liste des déclarations et leurs statuts desktop
La liste des déclarations et leurs statuts · vue mobile
La liste des déclarations et leurs statuts mobile
Étape 1 : le bénéficiaire · vue desktop
Étape 1 : le bénéficiaire desktop
Étape 1 : le bénéficiaire · vue mobile
Étape 1 : le bénéficiaire mobile
Étape 2 : le donateur · vue desktop
Étape 2 : le donateur desktop
Étape 2 : le donateur · vue mobile
Étape 2 : le donateur mobile
Le détail d’une déclaration et son avis · vue desktop
Le détail d’une déclaration et son avis desktop
Le détail d’une déclaration et son avis · vue mobile
Le détail d’une déclaration et son avis mobile

Premier outil · instruire, côté manager

Le manager dispose d’un espace pour traiter les déclarations en attente. Pour chacune, il consulte le détail, rend un avis favorable ou défavorable, ou sollicite l’avis du déontologue. Les statuts reflètent l’avancement, de la demande d’avis jusqu’à la décision finale.

Les déclarations à traiter · vue desktop
Les déclarations à traiter desktop
Les déclarations à traiter · vue mobile
Les déclarations à traiter mobile
Donner un avis ou solliciter le déontologue · vue desktop
Donner un avis ou solliciter le déontologue desktop
Donner un avis ou solliciter le déontologue · vue mobile
Donner un avis ou solliciter le déontologue mobile
Les statuts : en attente d’avis, puis décision · vue 1 sur 2
Les statuts : en attente d’avis, puis décision
Les statuts : en attente d’avis, puis décision · vue 2 sur 2
Les statuts : en attente d’avis, puis décision

Second outil · signaler un conflit d’intérêt, côté collaborateur

Le collaborateur visualise ses déclarations et leurs statuts depuis sa liste personnelle. Quand il identifie un conflit, il soumet un formulaire détaillé : type de conflit, date, nature des liens, réponses aux questions de conformité et pièce jointe. Il reçoit une confirmation à l'envoi.

La liste des déclarations et le détail d'un conflit en attente · vue desktop
La liste des déclarations et le détail d'un conflit en attente desktop
La liste des déclarations et le détail d'un conflit en attente · vue mobile
La liste des déclarations et le détail d'un conflit en attente mobile
Le formulaire de déclaration : type, date, nature du conflit, pièce jointe · vue desktop
Le formulaire de déclaration : type, date, nature du conflit, pièce jointe
Confirmation : la déclaration a bien été envoyée · vue desktop
Confirmation : la déclaration a bien été envoyée

Second outil · préconiser et clore, côté manager

Le manager dispose d'une vue dédiée listant les déclarations de son équipe avec leurs statuts. Pour chaque déclaration en attente, il accède au détail du conflit, rédige une préconisation et sélectionne une conclusion pour clore le dossier.

La liste des déclarations à traiter, avec les statuts en attente · vue desktop
La liste des déclarations à traiter, avec les statuts en attente
La liste des déclarations à traiter : le détail des statuts en attente
La liste des déclarations à traiter, avec les statuts en attente
Rédiger une préconisation et choisir une conclusion · vue desktop
Rédiger une préconisation et choisir une conclusion
La déclaration traitée : statut mis à jour et historique conservé · vue desktop
La déclaration traitée : statut mis à jour et historique conservé

Ce que le second outil doit au premier

Le second produit n’a pas été redessiné. La liste, les statuts, la fiche de détail, le formulaire en étapes : tout était déjà arbitré. Restait la différence : une préconisation écrite plutôt qu’un avis, et des pièces justificatives à joindre.

Repris du premier outil
  • Liste des déclarations et ses statuts
  • Fiche de détail avec panneau latéral
  • Formulaire guidé en étapes
  • Vue manager et file de traitement
  • Pastilles d’état, tableaux, pagination
Conçu pour le second
  • Typologie de conflit et nature des liens
  • Questions de conformité dans le formulaire
  • Pièce justificative à joindre
  • Préconisation rédigée, puis conclusion
  • Confirmation d’envoi au collaborateur

Du design system appliqué, sans que personne n’ait eu besoin de l’appeler comme ça.

(Solution)

La solution

Deux produits, un seul langage. Chacun couvre son cycle entier, du dépôt par le collaborateur jusqu’à la décision tracée du manager, sur desktop comme sur mobile. Un collaborateur qui a déjà déclaré un cadeau sait déjà déclarer un conflit d’intérêt.

(Impact)

22 écrans, deux produits, trois acteurs, deux cycles complets du dépôt à la décision tracée. Et le second outil a coûté bien moins cher que le premier, parce qu’il en réutilise la structure.

(Projet suivant)
Crédit Agricole