Évolution de l'interface GitLab : épurer pour mieux avancer

Cette année, l'interface produit a traversé une période de simplification. Dans la continuité du mode sombre, la tendance s'est orientée vers une interface plus sobre. Nous avons allégé le chrome applicatif, réduit la palette de couleurs et adopté des contrôles plus neutres. Cette évolution peut donner une impression de recul, mais c'est précisément dans ces phases de recentrage que la structure se révèle, et que l'on peut construire quelque chose de nouveau.

La nouvelle interface utilisateur est conçue pour un autre type de tâches, où vous n'avez plus à chercher le bon bouton, car il apparaît au moment précis où vous en avez besoin. Il s'agit d'un changement conceptuel qui nécessite de l'espace pour s'exprimer, et nous lui ouvrons la voie.

Le secteur technologique traverse des cycles similaires. Le remplacement des boutons physiques par des écrans tactiles a d'abord semblé être une régression, jusqu'à ce que les gestes, la voix et le retour haptique permettent une interaction et une expression d'une tout autre profondeur. Les câbles ont cédé la place au sans-fil, et chaque changement de génération a introduit de véritables frictions pendant un temps. Ce qui compte, ce n'est pas ce que nous laissons derrière, c'est ce que le changement rend possible.

Voici ce qui a changé dans l'interface de GitLab :

• Actions et contrôles neutralisés (boutons, champs de formulaire, bascules, onglets) avec des contrastes renforcés
• Amélioration des thèmes d'instance couvrant une surface plus étendue
• Mise à jour de la palette neutre et introduction de tons neutres teintés pour les thèmes
• Nouveau halo lumineux attirant l'attention sur les interactions avec GitLab Duo et les moments nécessitant une action de l'utilisateur

Composants avant (à gauche) et après

Thèmes de l'interface avant (en haut) et après

Le halo lumineux apparaît sous le panneau GitLab Duo

Les raisons de cette évolution

Notre version de ce cycle a débuté il y a plusieurs années, lorsque nous avons supprimé de nombreuses variantes Bootstrap, puis poursuivi avec la migration vers des jetons de conception. Plutôt que de partager une palette surchargée, nous avons défini plus précisément des catégories telles que les actions, les retours et les contrôles. Dans le produit, la couleur était problématique : elle était trop présente et donnait à certains écrans un aspect « sapin de Noël ». D'une manière générale, les logiciels d'entreprise limitent l'usage de la couleur afin que, lorsqu'elle apparaît, elle soit porteuse de sens. C'est la direction que nous suivons depuis des années.

Ce type de changements est rarement parfait dès la première tentative. Ce qui semble fonctionner correctement lors de la revue et des premiers tests ne révèle ses problèmes qu'avec une utilisation à grande échelle sur l'ensemble de la surface produit. Un utilisateur peut avoir du mal à distinguer deux états ou à localiser un élément de contrôle, ce qui peut aussi révéler des problèmes d'expérience utilisateur ou de composition qu'il convient de corriger. Ce n'est pas propre à ce déploiement, c'est ainsi que fonctionne l'itération. Nous tenons à jour un ticket dédié aux retours sur l'interface utilisateur et traitons les commentaires au fur et à mesure.

Nous avons évité de mentionner l'IA jusqu'ici, mais le moment est venu. Une interface plus sobre et épurée n'est pas une fin en soi. La prochaine vague d'interfaces ne se limitera pas à des éléments en attente d'un clic, elle s'exprimera dans des moments intelligents et auto-révélateurs. Une interface déjà surchargée noie ce type d'interaction.

Nous sommes conscients que tous les changements ne seront pas perçus de la même façon, parfois pour des raisons subjectives, parfois pour des raisons très objectives. Cette distinction nous importe, et nous souhaitons connaître vos retours dans les deux cas. N'hésitez pas à laisser un commentaire dans le ticket dédié aux retours d'expérience.