Premier Ministre (DILA) · 2022 – 2023 · PublicSIGNALE
Refonte de l'espace de travail de SIGNALE, l'outil du Gouvernement pour répondre aux AmendementUne proposition de modification d'un texte de loi, déposée par un parlementaire et soumise au vote. Elle peut ajouter, retirer ou réécrire une phrase du texte. des parlementaires. Trois ateliers avec un groupe de travail interministériel, puis des Maquette statiqueL'image fidèle d'un écran futur, sur laquelle on ne peut pas encore cliquer. Elle montre à quoi ressemblera l'outil avant qu'il soit construit. validées par la DILA.
L'enjeu : un écran où chaque agent traite ses amendements vite, sans perdre le fil des versions, et que tous les ministères acceptent.
3Ateliers de co-construction interministériels
- UX UI
- Product design
Situation
Des milliers d'amendements, un dossier à remettre au ministre
Quand un texte de loi arrive au Parlement, députés et sénateurs déposent des amendements. Parfois des milliers. Pour chacun, les services du Gouvernement doivent donner un avis et rédiger une réponse, souvent dans un délai très court, et tout finit dans le Dossier de bancLe dossier que le ministre garde sur son banc pendant le débat au Parlement. Il donne, pour chaque amendement, la position du Gouvernement et sa réponse., celui que le ministre a sous les yeux en séance.
SIGNALE centralise ce travail. Porté par la DILA et le Secrétariat général du Gouvernement, cet outil web récupère les amendements et l'ordre de discussion, le DérouleurLa liste des amendements dans l'ordre où ils seront discutés en séance. Cet ordre est fixé par les services du Parlement., puis rassemble les réponses de tous les ministères. Chaque agent y dispose d'un Espace de travailDans SIGNALE, la zone personnelle d'un agent : les amendements qui lui sont confiés pour un texte. Les autres ne peuvent pas les modifier tant qu'ils y sont. : sa zone personnelle, où personne d'autre ne peut modifier les amendements qui lui sont assignés.
Cet espace ne ressemblait pas au dérouleur. Certains ministères voulaient qu'il s'en rapproche, d'autres préféraient améliorer l'affichage existant. La DILA ne pouvait pas trancher seule : le besoin devait sortir d'une concertation entre ministères.
Tâche
Rendre l'espace confortable sans toucher au reste
Comment rendre l'espace de travail de SIGNALE plus confortable sans perturber le reste de la plateforme ?
C'est la question posée en restitution. J'ai travaillé chez Luminess, au sein de Pure Agency, son agence design, en binôme avec un expert UX/UI. Je préparais et animais les ateliers, puis je concevais les maquettes et le prototype Figma.
- 01
Un périmètre tenu
Les écrans de l'espace de travail, son parcours et la liste de ses futures fonctions, sans toucher aux autres écrans de SIGNALE ni au menu de l'application.
- 02
Trois profils dans le même outil
Les contributeurs donnent un avis puis rédigent la réponse, pendant que les coordinateurs assignent les amendements et repèrent ceux qui n'ont encore ni avis ni réponse. Les administrateurs gèrent la technique.
- 03
Une charte déjà en place
La charte graphique de SIGNALE existait. Le travail portait sur l'organisation de l'écran : espace perdu, information mal hiérarchisée, fonctions utiles restées inexploitées.
Action
Trois ateliers en trois semaines
Pré-lancement le 22 septembre 2022, lancement le 29 : la DILA nous présente l'espace de travail. Puis un atelier de trois heures par semaine, et un point hebdomadaire avec la DILA.
Cartographier les tâches avec les agents
Atelier 1, le 4 octobre : découverte et empathie. Nous avons posé avec le groupe interministériel une Story mapUn grand tableau de post-it qui range ce que les utilisateurs font, de la tâche générale au geste précis. Il sert à voir tout le parcours d'un coup et à décider quoi construire d'abord., de l'activité aux gestes précis : transférer un amendement, créer un lot, taguer, retrouver un amendement archivé. Les questions ouvertes y restent visibles.
La story map issue des ateliers : chaque colonne part d'un besoin d'agent et descend jusqu'au geste dans l'écran. Regarder ailleurs, puis trier
Un BenchmarkUne comparaison méthodique de ce qui existe déjà, ici les prix de plusieurs fournisseurs. Elle sert à choisir en connaissant les options. de Google, Evernote et Substack pour trois usages : listes de documents, traitement de texte, navigation entre notes. L'atelier 2, le 11 octobre, a hiérarchisé les fonctions. Quatre recommandations en sont sorties : un repère pour savoir où on se trouve, un tableau proche du dérouleur, des versions consultables, un historique des modifications.
Refaire l'arborescence et itérer
J'ai redessiné l'ArborescenceLe plan d'un site, dessiné comme un arbre : les grandes rubriques, puis les pages rangées sous chacune. C'est ce qui décide combien de clics il faut pour trouver une information. de l'espace, avant et après. L'atelier 3, le 18 octobre, a critiqué les premiers écrans. L'itération suivante a ajouté trois onglets (En cours, Traités, Favoris), le fil d'Ariane et une barre d'actions unique.
Une itération montrée en restitution : à droite, les onglets et le tableau calqué sur le dérouleur. (Noms floutés.) Montrer ce qui a changé dans le texte
Une réponse se rédige pendant que l'amendement bouge encore. La version comparée met deux états côte à côte, lignes numérotées, passage supprimé barré en rouge. Et si l'amendement change après coup ? L'agent choisit de modifier sa réponse ou de la confirmer.
La version comparée : l'agent voit d'un coup d'œil ce qui a changé avant de valider sa réponse.
Le dispositif
- Durée
- Septembre à novembre 2022 (refonte de l'espace de travail), puis une seconde intervention sur le dérouleur.
- Client
- DILA, Direction de l'information légale et administrative.
- Outils
- Figma.
- Rôle
- Designer UX/UI chez Luminess (Pure Agency), en binôme avec un expert UX/UI : préparation et animation des ateliers, maquettes et prototype Figma.
Résultat
Une version validée, restituée le 16 novembre 2022
La restitution a présenté la démarche et seize planches de maquettes validées. On y trouve les listes en cours, traités et favoris, le transfert, le traitement d'un amendement en plein écran, les versions comparées et le journal des modifications. Un prototype Figma accompagnait les maquettes.
Une seconde intervention a suivi. Le dérouleur devait parfois afficher des dizaines de milliers d'amendements, comme pour la réforme des retraites, et l'affichage devenait trop lent. Nous avons proposé de paginer le dérouleur par 2 000 lignes, de le pré-filtrer sur les amendements sans dossier de banc, avec un message qui explique ce filtre, et de donner aux coordinateurs un tableau de bord.
- Planches de maquettes en version validée
- 16
Ce qui n'est pas mesuréJe ne sais pas si ces maquettes ont été développées et mises en service, ni avec quel effet sur le travail des agents.
Ce que j'en retiens
Chaque réponse engage le Gouvernement, alors j'ai gardé les étapes et je les ai rendues lisibles. L'agent voit où il en est, ce qui a changé et qui a fait quoi.
Projets suivants
- Monaco Industrial Property OfficeMCIPO · 2023Simplifier la protection d'une marque, d'un brevet ou d'un dessin à Monaco.
- La Maison Perchée2021 – 2025Transmettre de la connaissance et guider des bénévoles de l'association avec un référentiel clair et des ressources personnalisables.
- VisiperfVISIPERF · 2020 – 2021Donner à chaque magasin franchisé des outils pour attirer des clients locaux tout en respectant l'image de marque nationale.
- ADEME, Recherche & DéveloppementADEME · 2023 – 2024Centraliser les financements et les programmes scientifiques pour propulser les innovations dédiées à la transition écologique.
