Le design de Firefox pour l’avenir

• Le nouveau design de Firefox, Project Nova, ne remplace pas le navigateur existant : il vise à remettre Firefox en ordre sur une base plus cohérente et plus épurée
• Les fonctions de protection de la vie privée sont mises davantage en avant afin de rendre plus faciles à trouver le VPN gratuit intégré, la navigation privée, les choix liés aux données et la désactivation des fonctions d’IA
• Sans opposer blocage des traqueurs et rapidité, Firefox donne la priorité au contenu essentiel, et le temps de chargement des pages clés s’est amélioré de 9 % sur l’année écoulée
• L’accessibilité des groupes d’onglets, de la vue partagée et des onglets verticaux est renforcée, et le compact mode revient à la demande des utilisateurs pour améliorer le flux de travail
• Des composants plus arrondis, de nouvelles icônes, couleurs et formulations, ainsi qu’une prise en compte des thèmes et de l’accessibilité, sont réunis dans un système de design partagé afin d’améliorer la cohérence entre desktop et mobile

---

L’orientation de Project Nova

• La récente refonte du design et du système de design de Firefox vise à rendre le navigateur plus cohérent, plus épuré, plus chaleureux, plus rapide et plus adaptable
• Son nom interne est Project Nova : il ne s’agit pas d’un nouveau navigateur destiné à remplacer Firefox, mais d’un travail de remise en ordre des éléments existants
• Le nouveau design devrait être lancé d’ici la fin de l’année, tout en continuant à être proposé aux utilisateurs sous le nom de Firefox
• Firefox veut être un navigateur qui offre par défaut la protection de la vie privée et des pratiques de données claires, dès le moment du choix
• Le nouveau design rend des fonctions comme le VPN gratuit intégré et la navigation privée plus faciles à trouver et à utiliser
• L’écran des paramètres a été repensé pour permettre de mieux comprendre et appliquer les choix liés aux données
• Il comprend un contrôle permettant de désactiver complètement les fonctions d’IA, des formulations plus simples, ainsi que des réglages de Enhanced Tracking Protection adaptés à l’équilibre entre protection et facilité d’usage souhaité par l’utilisateur

Vitesse, flux de travail et interface

• Firefox estime que le blocage des traqueurs peut aussi accélérer le chargement des pages, et ne voit pas la vie privée et la vitesse comme des éléments en opposition
• Le contenu essentiel d’une page est traité en priorité avant les éléments périphériques optionnels, et le temps de chargement du contenu principal des pages a progressé de 9 % au cours de l’année écoulée
• Le nouveau design améliore l’accessibilité des groupes d’onglets, de la vue partagée et des onglets verticaux afin de rendre les fonctions de productivité plus simples à utiliser
• À la demande des utilisateurs, le compact mode est de retour pour ceux qui veulent comprimer au maximum les éléments de contrôle du navigateur
• Le design de Firefox veut paraître moderne sans être générique, chaleureux mais précis, plus expressif sans prendre le dessus sur le web lui-même
• Les onglets adoptent des formes plus douces et de subtils dégradés, renforçant la présence de l’onglet actif et ajoutant une impression de lumière autour du chrome du navigateur
• Les panneaux, menus, paramètres et contrôles du navigateur évoluent vers des composants plus arrondis et plus cohérents, afin de donner l’impression de faire partie d’un même système
• Les icônes ont été mises à jour pour paraître plus nettes et équilibrées dans les thèmes clair et sombre, facilitant une reconnaissance rapide sans augmenter le bruit visuel
• Les espacements dans l’ensemble de l’interface ont été réajustés en tenant compte d’un environnement où le navigateur est utilisé pendant de longues périodes
• La nouvelle palette de couleurs s’inspire de l’idée du feu, avec une lueur autour de l’onglet actif, des violets fumés profonds et des tons clairs apportant plus de chaleur
• Les formulations de Firefox deviennent plus directes et plus humaines, avec parfois un ton plus joueur ou plus ardent, tout en conservant leur sincérité
• Des tokens, composants et motifs réutilisables, ainsi qu’un langage de design partagé, facilitent l’évolution de Firefox pour que les nouvelles fonctions semblent intégrées plutôt qu’ajoutées après coup
• La refonte est la plus visible sur desktop, mais grâce à des couleurs, icônes, formulations et fondations de design partagées, elle offre aussi une expérience Firefox plus cohérente sur mobile
• En tant que navigateur personnalisable doté d’un ADN open source, Firefox ajoute de nouveaux thèmes et fonds d’écran
• Avec le temps, Firefox explore aussi davantage de contrôles permettant d’ajuster la forme de l’interface, comme les onglets, les composants et les traitements visuels associés
• L’accessibilité est traitée comme un élément central de la personnalisation, en prenant en compte le contraste, la lisibilité, les états de focus, le comportement au clavier, la taille des cibles, les réglages système, le confort visuel, ainsi que le comportement de l’interface à travers les thèmes et les fenêtres
• Le mode sombre n’est pas seulement une préférence pour beaucoup d’utilisateurs, mais un environnement par défaut ; pour certains, c’est un moyen de réduire la fatigue visuelle, et pour d’autres, une partie d’un ensemble plus large de réglages système
• Firefox est construit publiquement avec l’aide de contributeurs et de soutiens du monde entier, et les utilisateurs participent au processus de création, de test, d’extension et d’amélioration du navigateur
• Le nouveau système de design est encore en cours de formation, et Mozilla continue de recueillir des retours sur ce qui fonctionne bien et ce qui gêne
• Mozilla recueille les avis sur Project Nova sur Mozilla Connect

[GN⁺]

Commentaires sur Lobste.rs

• En mode compact, on évitera au moins le non-sens du genre « les onglets et la barre d’adresse qui flottent comme des îlots séparés »

  • J’essaie depuis des années de comprendre pourquoi le style détaché est à la mode, mais Liquid Glass d’Apple, en particulier, me paraît tellement évidemment raté
    La hiérarchie visuelle est mauvaise, c’est complètement trompeur, et ça gaspille aussi pas mal d’espace
    Avec la nouvelle structure segmentée de Firefox, la hiérarchie visuelle traditionnelle pose aussi problème, donc en y réfléchissant bien, j’admets à contrecœur qu’il peut y avoir un argument valable dans le cas précis de Firefox, mais dans la plupart des cas d’usage, ça a juste l’air idiot
    J’aimerais vraiment savoir ce que les gens ont en tête quand ils fabriquent ce genre de chose
    Par exemple, sur https://apple.com/newsroom/2025/…, la barre latérale gauche en retrait dans cette image est simplement fausse, la vidéo en arrière-plan rend le décalage gauche-droite ridicule, et la capture d’écran de Messages vers la fin montre encore mieux l’absurdité de cette barre latérale gauche en retrait. Il suffit de regarder la hiérarchie de l’information présentée

• J’ai ouvert l’onglet avec appréhension en lisant le titre, et j’ai eu la bonne surprise de voir surtout des choses qui ne me dérangent pas vraiment
  Ce n’est pas ironique : aujourd’hui, dès que je vois une formule comme « design pour l’avenir », je m’attends à une catastrophe

• Je ne sais pas trop s’il y avait besoin d’une refonte de l’UI alors que c’est déjà suffisamment fonctionnel et moderne. Cela dit, je m’y serai probablement habitué au bout d’une semaine

• Mozilla est tellement mauvais sur tout ce qui touche au design depuis 15 ans que ça n’en est même plus drôle. Ce nouveau système de design a déjà l’air daté

  • Mozilla a un problème de base d’utilisateurs en baisse, ce qui fait qu’il reste de plus en plus de gens qui l’utilisent depuis longtemps, s’y sont habitués et aiment Firefox tel qu’il est aujourd’hui
    Mozilla est coincé entre la rétention de cette base d’utilisateurs auto-sélectionnée et de nouvelles tentatives pour séduire un public plus large qui n’utilise pas encore Firefox
  • Vraiment ? Aujourd’hui, la zone chrome du navigateur est tellement réduite qu’il est difficile de penser à un design qui soit vraiment mauvais
    Surtout avec les nouveaux onglets compacts verticaux, tout le navigateur se résume à une fine barre d’adresse en haut et une fine barre d’onglets à gauche. Je ne vois pas ce qu’il y a de ridiculement mauvais là-dedans

• Je vais parler comme un vieux qui crie contre les nuages, mais je ne comprends pas pourquoi Mozilla ressent le besoin de courir après les dernières modes du design comme un ado
  Je n’ai pas envie d’utiliser Chrome, mais au moins c’est plus cohérent et plus concentré sur l’essentiel. L’UI flottante me met hors de moi
  Ils ont trop regardé /r/unixporn et vu tous ces gens qui utilisent i3-gaps ou quoi ? Il y a déjà de l’espace entre la barre d’adresse et la fenêtre principale, pourquoi en rajouter ?
  Je dis ça en tant que personne qui choisit la taille de police parfaite dans son terminal pour qu’il n’y ait aucun espace gaspillé autour des bordures

  • Parce qu’il y a un problème dont Mozilla ne peut pas parler publiquement. Leur objectif est d’empêcher le démantèlement de Google pour abus de position dominante
    Tout découle de là
    À quoi ressemblerait Firefox s’il était géré par une fondation réellement dévouée à l’intérêt public ?

• La mode des dégradés et des ombres « lumineuses » a eu son moment où ça paraissait plutôt bien, mais maintenant c’est devenu le signe révélateur d’un CSS généré par IA
  Si on demande à Claude de « créer un site web », on obtient quelque chose de très similaire. Ce n’est pas moche, mais j’en viens à le détester parce que ce contexte lui donne un côté cheap

• Il y a eu une époque où le « futur », c’était le skeuomorphisme, et une époque où c’était les ombres sur du verre et les coins arrondis
  Il y a eu une époque où le futur était plat et anguleux, une époque de couleurs vives, une époque pastel, puis le retour des ombres sur du verre
  Ces derniers temps, on dirait que les cycles raccourcissent de plus en plus
  Ça passera aussi

• J’aime bien l’idée d’ajouter des touches de couleur au chrome par défaut du navigateur au lieu de le laisser dans un gris terne
  Sur mes machines, je le désactiverai probablement, mais je reconnais que les nouvelles combinaisons de couleurs donneront à Firefox un aspect assez distinctif
  « Nous réintroduisons le mode compact. Vous nous avez dit qu’il vous manquait, et nous vous avons écoutés. Si vous voulez utiliser les contrôles du navigateur de la manière la plus dense possible, ce mode est fait pour vous. »
  Vraiment génial. J’utilise le mode compact depuis longtemps alors qu’il était prévu pour suppression, donc je suis ravi de le voir revenir officiellement

• « Nous réintroduisons le mode compact. Vous nous avez dit qu’il vous manquait, et nous vous avons écoutés. Si vous voulez utiliser les contrôles du navigateur de la manière la plus dense possible, ce mode est fait pour vous. »
  Merci sincèrement pour ça, mais en réalité il n’avait jamais été entièrement supprimé
  On pouvait le réactiver dans about:config en passant browser.compactmode.show à true, puis l’activer de nouveau dans « Personnaliser la barre d’outils »
  J’espère simplement que le mode compact du nouveau design sera aussi dense que le mode compact « non pris en charge » de la version actuelle

• Tree Style Tab est la réponse. Tant que je peux masquer cette camelote et utiliser Tree Style Tab, peu importe à quel point Mozilla massacre le reste