Firefox-Design für die Zukunft

 (blog.mozilla.org)
1 Punkte von GN⁺ 2 시간 전 | 1 Kommentare | Auf WhatsApp teilen
  • Das neue Firefox-Design Project Nova ersetzt den bestehenden Browser nicht, sondern überarbeitet Firefox auf einer konsistenteren und aufgeräumteren Grundlage
  • Funktionen zum Datenschutz werden stärker in den Vordergrund gerückt, damit sich das integrierte kostenlose VPN, privates Browsen, Datenauswahl und das Deaktivieren von AI-Funktionen leichter finden lassen
  • Ohne einen Zielkonflikt zwischen Tracker-Blockierung und Geschwindigkeit zu sehen, wird zuerst der Kerninhalt verarbeitet; in den vergangenen 12 Monaten hat sich die Ladezeit zentraler Seiteninhalte um 9 % verbessert
  • Tab-Gruppen, geteilte Ansicht und die Zugänglichkeit vertikaler Tabs werden verbessert, und auf Wunsch der Nutzer wird der compact mode wieder angeboten, um den Arbeitsfluss zu verbessern
  • Abgerundete Komponenten, neue Icons, Farben und Formulierungen sowie Aspekte von Themes und Barrierefreiheit werden in einem gemeinsamen Designsystem gebündelt, um die Konsistenz zwischen Desktop und Mobile zu erhöhen

Die Ausrichtung von Project Nova

  • Die jüngste Überarbeitung von Firefox-Design und Designsystem konzentriert sich darauf, den Browser auf einer konsistenteren Grundlage aufgeräumt, warm, schnell und anpassungsfähig zu machen
  • Der interne Name ist Project Nova; es handelt sich nicht um einen neuen Browser, der Firefox ersetzt, sondern um eine Überarbeitung bestehender Elemente
  • Das neue Design soll Ende dieses Jahres veröffentlicht werden und wird den Nutzern weiterhin als Firefox bereitgestellt
  • Firefox versteht sich als Browser, der Datenschutz und klare Datenpraktiken von dem Moment der Entscheidung an standardmäßig bietet
  • Das neue Design macht Funktionen wie das integrierte kostenlose VPN und privates Browsen leichter auffindbar und einfacher nutzbar
  • Die Einstellungsseite wurde neu gestaltet, damit sich datenbezogene Entscheidungen leichter verstehen und umsetzen lassen
  • Enthalten sind eine Steuerung zum vollständigen Deaktivieren von AI-Funktionen, verständlichere Formulierungen und Anpassungen der Enhanced Tracking Protection, abgestimmt auf das vom Nutzer gewünschte Gleichgewicht zwischen Schutz und Bedienbarkeit

Geschwindigkeit, Arbeitsfluss und Oberfläche

  • Firefox lädt Seiten beim Blockieren von Trackern auch schneller und sieht Datenschutz und Geschwindigkeit nicht als Gegensätze
  • Der Kerninhalt einer Seite wird vorrangig vor optionalen Elementen im Umfeld verarbeitet; in den vergangenen 12 Monaten hat sich die Ladezeit zentraler Seiteninhalte um 9 % verbessert
  • Das neue Design verbessert den Zugang zu Produktivitätsfunktionen wie Tab-Gruppen, geteilter Ansicht und vertikalen Tabs, damit sie leichter nutzbar sind
  • Auf Wunsch der Nutzer wird der compact mode wieder angeboten und richtet sich an Menschen, die die Steuerelemente des Browsers möglichst platzsparend nutzen möchten
  • Das Firefox-Design soll modern wirken, ohne beliebig zu sein, warm, aber präzise, und ausdrucksstärker, ohne stärker aufzufallen als das Web selbst
  • Tabs erhalten weichere Formen und subtile Farbverläufe, betonen den aktiven Tab stärker und verleihen dem Bereich um das Browser-Chrome ein Gefühl von Licht
  • Panels, Menüs, Einstellungen und Browser-Steuerelemente werden zu runderen und konsistenteren Komponenten weiterentwickelt, damit sie sich wie Teile desselben Systems anfühlen
  • Die Icons wurden aktualisiert, damit sie in hellen und dunklen Themes sauberer und ausgewogener wirken und eine schnelle Wiedererkennung unterstützen, ohne visuelles Rauschen zu erhöhen
  • Die Abstände in der gesamten Oberfläche wurden mit Blick auf eine Umgebung neu abgestimmt, in der der Browser lange genutzt wird
  • Die neue Farbpalette ist vom Eindruck von Feuer inspiriert und umfasst Licht rund um den aktiven Tab, tiefes rauchiges Violett und helle Töne, die mehr Wärme vermitteln
  • Die Sprache in Firefox wird direkter und menschlicher und nutzt teils einen verspielteren oder feurigeren Ton, ohne an Aufrichtigkeit zu verlieren
  • Wiederverwendbare Tokens, Komponenten, Muster und eine gemeinsame Designsprache erleichtern die Weiterentwicklung von Firefox, damit neue Funktionen nicht wie angehängt wirken, sondern integriert
  • Die Überarbeitung fällt auf dem Desktop am stärksten auf, sorgt aber durch gemeinsame Farben, Icons, Formulierungen und Designgrundlagen auch auf Mobile für ein konsistenteres Firefox-Erlebnis
  • Firefox ergänzt als anpassbarer Browser mit Open-Source-DNA neue Themes und Hintergrundbilder
  • Mit der Zeit wird auch weiter an Steuerungen gearbeitet, mit denen sich Formen der Oberfläche wie Tabs, Komponenten und verwandte visuelle Behandlungen anpassen lassen
  • Barrierefreiheit wird als zentrales Element der Anpassbarkeit behandelt; berücksichtigt werden Kontrast, Lesbarkeit, Fokuszustände, Tastaturverhalten, Zielgrößen, Systemeinstellungen, visueller Komfort sowie das Verhalten der Oberfläche über Themes und Fenster hinweg
  • Der Dunkelmodus ist für viele Nutzer nicht nur eine Vorliebe, sondern die Grundeinstellung; für manche reduziert er die Augenbelastung, für andere ist er Teil umfassenderer Systemeinstellungen
  • Firefox wurde mit Hilfe von Mitwirkenden und Unterstützern auf der ganzen Welt offen entwickelt, und Nutzer beteiligen sich am Erstellen, Testen, Erweitern und Verbessern des Browsers
  • Das neue Designsystem ist noch im Entstehen, und es wird weiterhin Feedback dazu eingeholt, was gut funktioniert und was stört
  • Mozilla sammelt Rückmeldungen zu Project Nova auf Mozilla Connect

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2 시간 전
Lobste.rs-Kommentare

  • Im Kompaktmodus scheint es zumindest nicht zu diesem Unsinn mit „Tabs/Adressleiste als schwebende Inseln“ zu kommen

    • Ich versuche seit Jahren zu verstehen, warum dieser separierte Stil so populär ist, aber besonders Apples Liquid Glass wirkt auf mich derart offensichtlich falsch.
      Die visuelle Hierarchie ist schlecht, völlig irreführend und verschwendet zudem ziemlich viel Platz.
      Bei Firefox’ neuer aufgeteilten Struktur gibt es ebenfalls Probleme mit der traditionellen visuellen Hierarchie, sodass ich nach längerem Nachdenken widerwillig einräume, dass es zumindest bei Firefox ein legitimes Argument dafür geben könnte, aber die meisten Anwendungen davon sehen einfach nur dumm aus.
      Ich würde wirklich gern wissen, was man sich dabei denkt.
      Zum Beispiel ist in https://apple.com/newsroom/2025/… die nach innen versetzte linke Sidebar in diesem Bild einfach falsch, das Video dahinter hat eine lächerliche Links-rechts-Inkonsistenz, und der Messages-Screenshot am Ende zeigt die Absurdität der nach innen versetzten linken Sidebar noch deutlicher. Man muss nur die präsentierte Informationshierarchie betrachten.

  • Ich habe den Tab nach dem Titel mit einer gewissen Angst geöffnet, war dann aber angenehm überrascht, weil ich größtenteils Dinge sah, die mich kaum stören.
    Nicht sarkastisch gemeint, aber bei Formulierungen wie „Design für die Zukunft“ rechne ich inzwischen mit einer Katastrophe.

  • Ich bin mir nicht sicher, ob überhaupt ein UI-Redesign nötig ist, wenn es bereits funktional genug und modern ist. Wahrscheinlich habe ich mich aber nach etwa einer Woche daran gewöhnt.

  • Mozilla ist bei Designarbeit in den letzten 15 Jahren so schlecht gewesen, dass es inzwischen nicht einmal mehr lustig ist. Auch dieses neue Designsystem wirkt jetzt schon veraltet.

    • Mozilla hat das Problem einer schrumpfenden Nutzerbasis, sodass immer mehr der verbleibenden Nutzer Leute sind, die Firefox seit Langem verwenden, sich daran gewöhnt haben und ihn genau so mögen, wie er ist.
      Mozilla steckt zwischen dem Festhalten an dieser bestehenden, selbstselektierten Nutzerbasis und neuen Versuchen, ein breiteres Publikum anzusprechen, das Firefox bisher noch nicht nutzt.
    • Wirklich? Der Chrome-Bereich des Browsers ist inzwischen so weit minimiert, dass mir kaum noch ein Design einfällt, das man überhaupt als schlecht bezeichnen könnte.
      Vor allem mit den neuen vertikalen Kompakt-Tabs besteht der gesamte Browser praktisch nur noch aus einer dünnen Adressleiste oben und einer schmalen Tab-Leiste links. Ich verstehe nicht, was daran so absurd schlecht sein soll.

  • Ich klinge jetzt wie ein alter Mann, der Wolken anschreit, aber ich verstehe nicht, warum Mozilla das Gefühl hat, wie ein Teenager jedem neuen Designtrend hinterherlaufen zu müssen.
    Ich will Chrome nicht benutzen, aber dort wirkt wenigstens alles konsistenter und stärker auf das Wesentliche fokussiert. Schwebende UI macht mich wütend.
    Haben sie zu viel /r/unixporn angeschaut und gesehen, wie viele Leute i3-gaps verwenden? Es gibt doch bereits Abstand zwischen Adressleiste und Hauptfenster, warum braucht man noch mehr?
    Gesagt von jemandem, der im Terminal die perfekte Schriftgröße auswählt, damit um den Rand herum kein Platz verschwendet wird.

    • Weil Mozilla ein Problem hat, über das man öffentlich nicht sprechen kann. Ihr Ziel ist es, zu verhindern, dass Google wegen Monopolmacht zerschlagen wird.
      Daraus ergibt sich alles andere.
      Wie würde wohl eine Firefox-Organisation aussehen, die von einer Stiftung betrieben wird, die tatsächlich dem Gemeinwohl verpflichtet ist?

  • Der Trend, mit Verläufen und „glühenden“ Schatten zu arbeiten, sah eine Zeit lang ziemlich gut aus, aber inzwischen ist er zu einem Signal für KI-generiertes CSS geworden.
    Wenn man Claude sagt: „Erstell mir eine Website“, kommt etwas sehr Ähnliches dabei heraus. Es sieht nicht unbedingt schlecht aus, aber genau dieser Kontext lässt es billig wirken, und deshalb mag ich es nicht.

  • Es gab eine Zeit, in der die „Zukunft“ Skeuomorphismus war, und eine Zeit, in der sie aus Schatten auf Glas und abgerundeten Ecken bestand.
    Es gab eine Zeit, in der die Zukunft flach und kantig war, eine Zeit mit leuchtenden Farben, eine mit Pastelltönen, und dann kamen die Schatten auf Glas wieder zurück.
    In letzter Zeit scheinen die Zyklen immer kürzer zu werden.
    Auch das wird vorübergehen.

  • Mir gefällt, dass man nicht einfach nur stumpfes Grau für den Browser-Chrome als Standard lässt, sondern farbliche Akzente ausprobiert.
    Auf meinem Gerät würde ich das wahrscheinlich deaktivieren, aber ich erkenne an, dass Firefox mit den neuen Farbkombinationen ziemlich eigenständig wirken wird.
    „Wir bringen den Kompaktmodus zurück. Die Leute haben gesagt, dass sie ihn vermissen, und wir haben zugehört. Wenn du deine Browser-Steuerelemente so dicht wie möglich gepackt haben willst, ist dieser Modus für dich.“
    Wirklich großartig. Ich benutze den seit Langem zur Ausmusterung vorgesehenen Kompaktmodus schon seit Jahren weiter, deshalb freue ich mich, dass er offiziell zurückkommt.

  • „Wir bringen den Kompaktmodus zurück. Die Leute haben gesagt, dass sie ihn vermissen, und wir haben zugehört. Wenn du deine Browser-Steuerelemente so dicht wie möglich gepackt haben willst, ist dieser Modus für dich.“
    Dafür bin ich ehrlich dankbar, aber tatsächlich war er nie vollständig entfernt worden.
    In about:config konnte man browser.compactmode.show auf true setzen und ihn dann unter „Symbolleisten anpassen“ wieder aktivieren.
    Ich hoffe nur sehr, dass der Kompaktmodus im neuen Design genauso dicht gepackt ist wie der derzeitige „nicht unterstützte“ Kompaktmodus.

  • Tree Style Tab ist die Antwort. Solange ich diesen Müll ausblenden und Tree Style Tab benutzen kann, ist es mir egal, wie sehr Mozilla sonst alles vermurkst.