Immersive-ways · Menu
Montpellier
Essais Visuels & Recherches

Index des Publications

Accueil / articles

Recherches Approfondies & Protocoles Visuels

Étude #01 2026-10-23 · Justine Bourgeois

Comment réduire la charge cognitive pour accélérer la prise de décision sur une page de vente ?

Analyse de la loi de Hick appliquée aux pages de vente : méthodes pour alléger la charge cognitive, structurer les offres et accélérer la conversion.

Analyse de la loi de Hick appliquée aux pages de vente : méthodes pour alléger la charge cognitive, structurer les offres et accélérer la conversion.

Recherche menée à Montpellier Échanger sur cette étude →
Étude #02 2026-10-09 · Justine Bourgeois

Comment définir une échelle typographique modulaire pour harmoniser ses interfaces responsive ?

Méthode pas-à-pas pour construire une échelle typographique modulaire fluide avec CSS clamp, du ratio harmonique au dimensionnement sur mobile.

Méthode pas-à-pas pour construire une échelle typographique modulaire fluide avec CSS clamp, du ratio harmonique au dimensionnement sur mobile.

Recherche menée à Montpellier Échanger sur cette étude →
Étude #03 2026-09-09 · Justine Bourgeois

Design tokens en variables CSS ou framework utilitaire : quel choix pour la longévité de votre interface ?

Comparatif d'architecture front-end entre variables CSS natives et frameworks utilitaires : impact sur la dette technique, les thèmes et le poids du bundle.

Comparatif d'architecture front-end entre variables CSS natives et frameworks utilitaires : impact sur la dette technique, les thèmes et le poids du bundle.

Recherche menée à Montpellier Échanger sur cette étude →
IM

Justine Bourgeois

Architecte Design System & Ergonomie d'Interface Ancrage : Montpellier · France

Conceptrice d'interfaces et architecte Design System à Montpellier, je documente la création de bibliothèques de composants accessibles, l'usage des Design Tokens W3C et le développement de micro-animations CSS natives qui guident l'attention sans dégrader l'INP.

Prendre Contact Direct →

Un état d’interface doit se reconnaître avant de se décrire

Immersive Ways travaille la perception, les interactions et la cohérence des composants. Le design system est un vocabulaire partagé pour les écrans et leurs états, avec des arbitrages visuels explicités.

Une commande au fil de ses états

Prenons un bouton qui confirme l'envoi d'une demande. Au repos, pendant l'attente et après le résultat, le lecteur doit comprendre ce qui se passe et ce qu'il peut encore faire. Cet exemple de composition confronte libellé, contraste, position et message. Le changement de couleur peut participer au signal, mais le sens doit aussi rester exprimé.

Regarder les variantes ensemble

Une planche d'états rassemble le contenu normal, l'attente, l'erreur et la réussite dans leur contexte d'écran. La hiérarchie typographique aide à distinguer action principale, aide et information de suivi. Un composant isolé peut être cohérent avec la charte et devenir ambigu une fois entouré d'autres actions. Les espacements et l'ordre de lecture se discutent donc à l'échelle du parcours.

Ce que la documentation transmet

Le dossier expose l'usage du composant, les variantes justifiées et les situations où une autre composition est préférable. Les décisions de perception restent distinctes des mesures de performance du navigateur. Une capture finale montre une intention ; les observations d'usage permettent de vérifier si le lecteur comprend effectivement l'état et la suite de l'action.

Attente
Libellé et état visuel rendent l’envoi en cours compréhensible.
Erreur
Le message donne une suite possible et reste associé à l’action concernée.
Réussite
La confirmation et la prochaine action se distinguent du bouton initial.

Pour approfondir : Visibilité de l’état du système, Nielsen Norman Group.