note de process · design system · 2025
Repenser un composant Timeline que les designers devaient régulièrement adapter
Un petit projet, mais assez révélateur de ma façon de travailler : j’avais moi-même utilisé ce composant, je voyais régulièrement les designers le détacher pour l’adapter, et j’ai reconstruit une version à partir des situations qu’il devait réellement couvrir.
en bref
- rôle
- Contribution au Design System · bibliothèque Figma SG Markets
- périmètre
- Reconstruction du composant Timeline en parallèle du composant existant
- statut
- Départ avant le déploiement et avant les retours d’intégration
Comprendre le composant existant
J’avais moi-même utilisé le composant et je voyais régulièrement le même comportement dans l’équipe : les designers devaient le détacher ou le modifier.
J’ai commencé par analyser précisément le composant existant, rassembler les différentes situations dans lesquelles il était utilisé et identifier ce qui semblait trop rigide ou peu clair. J’ai également étudié d’autres patterns séparément avant de passer à la reconstruction.
Le reconstruire à côté du composant existant
J’ai reconstruit une nouvelle version en parallèle du composant alors utilisé par les équipes, afin de ne rien modifier dans l’existant pendant l’exploration.
J’ai utilisé des slots là où les équipes avaient réellement besoin de liberté, tout en gardant l’orientation, les états et les autres comportements contrôlés par des propriétés et des variables.
Où le projet s’est arrêté
J’ai quitté l’équipe avant le déploiement ; je n’ai donc pas de données d’adoption ni de retours d’intégration à présenter.
Ce que je peux montrer, c’est la méthode : partir des situations que les personnes rencontrent déjà, plutôt que d’un écran isolé.