Back to flin
flin

Navigation sidebar : une petite correction qui a tout changé

Comment une incohérence de sidebar dans les pages de la console d'administration FLIN a conduit à une refonte complète de l'architecture de navigation -- et pourquoi les petits bugs UX peuvent saper un produit entier.

Juste Thales Gnimavo & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinadminuxnavigationsidebardebugging

La session 260 devait être une correction rapide. Le tableau de bord de la console avait fière allure. Mais quand on naviguait du tableau de bord à l'éditeur de requêtes, la sidebar changeait. Disposition différente. Icônes différentes. Structure différente. Trois pages, trois sidebars. La console ressemblait à trois applications différentes collées ensemble.

Ce n'était pas un problème esthétique mineur. C'était un destructeur de confiance. La session 260 a réécrit la sidebar dans chaque sous-page de la console pour correspondre à la disposition à deux colonnes du tableau de bord. La vraie solution est venue avec l'architecture SPA shell : un seul shell.html contient la sidebar, l'en-tête et la navigation, et les pages de contenu sont chargées comme des fragments HTML injectés dans la zone de contenu principale.

La leçon plus large s'applique à FLIN lui-même. FLIN remplace 47 technologies, ce qui signifie qu'il doit donner la sensation d'un système cohésif unique, pas de 47 wrappers cousus ensemble. Chaque incohérence érode le sens d'unité qui rend FLIN convaincant.


Ceci est la partie 141 de la série « Comment nous avons construit FLIN », documentant comment un CEO à Abidjan et un CTO IA ont appris qu'une navigation cohérente vaut plus que cent fonctionnalités.

Navigation de la série : - [140] Observabilité et monitoring - [141] Navigation sidebar : une petite correction qui a tout changé (vous êtes ici) - [142] Améliorations de la gestion des entités

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude zerosuite

Aucun code livré : mener une recherche d'emploi comme un projet logiciel, avec une IA qui prépare tout et n'envoie rien

Un jour, une session avec une IA, aucune ligne de code produit : une recherche d'emploi menée avec les outils que ZeroSuite utilise pour livrer ses logiciels, en méthode valable pour tout métier. Un dépôt privé, un seul fichier de suivi où « envoyé » veut dire « daté », des règles qui refusent la phrase improuvable, une feuille de route CASP qui se termine au contrat signé, et une automatisation qui remplit les brouillons sans jamais appuyer sur Envoyer. Avec un guide pas à pas à télécharger.

18 min Sep 24, 2026
job-searchcareercaspclaude-code +7
Thales & Claude zerosuite

Ça marche, et ce n'est pas fini

Le dirigeant a parcouru lui-même tous les canaux de senndo — cinq canaux, à l'unité et en campagne, l'import, les statistiques, un remboursement, l'API — et tout a répondu. Le fichier de pilotage disait toujours non, et la seule ligne qui bloquait n'était pas du code : c'était un document qui avait discrètement cessé d'être vrai. Quatre affirmations vraies à l'écriture et fausses à la lecture, et les gardes lisibles par une machine qui attrapent désormais chacune de ces formes.

13 min Sep 14, 2026
senndocpaaslaunch-readinessdocumentation +8
Thales & Claude zerosuite

Le navigateur entre les mains de Claude : piloter le Chrome du dirigeant

Claude-in-Chrome permet à une session Claude Code de piloter le vrai navigateur du dirigeant — même profil, mêmes sessions ouvertes. Ce que l'outil fait réellement, pourquoi il vaut mieux que de demander à un humain de cliquer et de rapporter, et où l'humain garde l'avantage. Ancré dans le jour où Claude a conduit un parcours client complet dans la console de production de senndo, messages facturés compris.

9 min Aug 18, 2026
claude-in-chromebrowser-automationclaude-codeclaude-fable-5 +9