Ayoub Ibn SlimaneDesigner UX/UI
Tous les projets

04Outil de pilotage2026

Bourg Palette

Une console qui montre, d'un coup d'œil, ce qui tourne, ce qui attend et ce qui a échoué.

Rôle
UX/UI, design system, développement
Période
Octobre 2026
Livrables
Interface temps réel, modes nuit et jour, commandes au clavier
Console Bourg Palette en mode nuit : quatre zones de projet, chaque tâche est un point lumineux, la liste des tâches à droite
Le mode nuit : chaque tâche émet sa propre lumière.

Le contexte

Je fais tourner des tâches de fond sur plusieurs projets : synchronisations, vérifications, rapports programmés. Sans vue d'ensemble, je découvrais une tâche bloquée des heures après.

Le problème

Rendre lisible une information dense et changeante, sans transformer l'écran en tableau de bord bruyant.

Trois décisions clés

le cœur du cas d'étude

  1. 01

    Abandonner la première piste

    La contrainte
    Une première version jouait la carte du rétro façon console de jeu. À l'usage, elle faisait gadget et noyait les états.
    Le choix
    Une direction « nuit néon » : fond sombre, verre dépoli, chaque tâche émet sa propre lumière.
    Ce que ça change
    L'état se lit à la couleur et à la position, plus à la décoration.
  2. 02

    Une seule couleur chaude

    La contrainte
    Six états à distinguer, dont un seul demande vraiment d'agir.
    Le choix
    L'ambre est la seule couleur chaude de l'écran, réservée à ce qui attend une réponse.
    Ce que ça change
    Ce qui a besoin de moi ressort immédiatement, même en coin d'écran.
  3. 03

    Écrire la conséquence en clair

    La contrainte
    Programmer une tâche à 18 h peut vouloir dire une seule fois, ou tous les jours pour toujours.
    Le choix
    Le formulaire affiche sous le champ ce qui va réellement se passer, et c'est le modèle de tâche qui décide de la répétition, pas l'heure.
    Ce que ça change
    Aucune tâche ne se répète sans qu'on l'ait vu venir.

Le produit

Les résultats

des faits, pas des promesses

  • 714tests automatisés
  • 86 %de couverture de code
  • 4,5:1de contraste minimum, mesuré sur chaque couleur des deux modes
  • 100 %des actions au clavier comme à la souris

Ce que j'en retiens

C'est un test de contraste qui a révélé que l'état « en veille » était illisible depuis le début, à 2,05:1. Mesurer plutôt que regarder a changé ma façon de valider une palette.