Desain Firefox untuk Masa Depan

• Desain baru Firefox Project Nova bukan menggantikan browser yang ada, melainkan merapikan Firefox di atas fondasi yang lebih konsisten dan bersih
• Fitur privasi ditempatkan lebih depan agar lebih mudah menemukan VPN gratis bawaan, penjelajahan privat, pilihan data, dan opsi mematikan fitur AI
• Tanpa mengorbankan pemblokiran pelacak maupun kecepatan, konten inti diproses lebih dulu, dan waktu muat halaman inti telah meningkat 9% selama setahun terakhir
• Akses ke grup tab, tampilan terpisah, dan tab vertikal ditingkatkan, serta compact mode dihadirkan kembali sesuai permintaan pengguna untuk memperbaiki alur kerja
• Komponen yang membulat, ikon·warna·teks baru, serta pertimbangan tema dan aksesibilitas disatukan dalam sistem desain bersama untuk meningkatkan konsistensi di desktop dan mobile

---

Arah Project Nova

• Perombakan desain dan sistem desain Firefox belakangan ini berfokus pada pembuatan browser yang lebih rapi, hangat, cepat, dan adaptif di atas fondasi yang lebih konsisten
• Nama internalnya adalah Project Nova, dan ini bukan browser baru yang menggantikan Firefox yang ada, melainkan pekerjaan merapikan elemen-elemen yang sudah ada
• Desain baru ini dijadwalkan rilis pada akhir tahun ini, dan tetap akan diberikan kepada pengguna sebagai Firefox
• Firefox mengarah menjadi browser yang sejak titik pemilihan sudah menyediakan privasi dan praktik data yang jelas sebagai default
• Desain baru membuat fitur seperti VPN gratis bawaan dan penjelajahan privat lebih mudah ditemukan dan digunakan
• Layar pengaturan didesain ulang agar pilihan terkait data lebih mudah dipahami dan dijalankan
• Ini mencakup kontrol untuk mematikan fitur AI sepenuhnya, teks yang lebih mudah dipahami, dan penyesuaian Enhanced Tracking Protection sesuai keseimbangan perlindungan dan kemudahan pakai yang diinginkan pengguna

Kecepatan, alur kerja, dan antarmuka

• Firefox membuat pemuatan halaman juga menjadi lebih cepat saat memblokir pelacak, dan tidak memandang privasi dan kecepatan sebagai hubungan yang saling bertentangan
• Konten inti halaman diprioritaskan lebih dulu daripada elemen opsional di sekitarnya, dan selama setahun terakhir waktu pemuatan konten halaman inti telah meningkat 9%
• Desain baru meningkatkan akses ke grup tab, tampilan terpisah, dan tab vertikal sehingga fitur produktivitas lebih mudah digunakan
• Sesuai permintaan pengguna, compact mode kembali disediakan, ditujukan bagi pengguna yang ingin elemen kontrol browser dibuat sepadat mungkin
• Desain Firefox menargetkan tampilan yang modern tetapi tidak generik, hangat namun presisi, dan lebih ekspresif tanpa lebih menonjol daripada web itu sendiri
• Tab memiliki bentuk yang lebih halus dan gradasi lembut, mempertegas kehadiran tab aktif dan menambahkan kesan cahaya di sekitar chrome browser
• Panel, menu, pengaturan, dan kontrol browser diubah menjadi komponen yang lebih membulat dan konsisten agar terasa seperti bagian dari sistem yang sama
• Ikon diperbarui agar terlihat lebih rapi dan seimbang di tema terang maupun gelap, membantu pengenalan cepat tanpa menambah kebisingan visual
• Jarak antar elemen di seluruh antarmuka disesuaikan ulang dengan mempertimbangkan lingkungan penggunaan browser dalam waktu lama
• Palet warna baru terinspirasi dari nuansa api, mencakup cahaya di sekitar tab aktif, ungu gelap berasap, dan warna terang yang menambah kehangatan
• Teks di Firefox berubah menjadi lebih langsung dan manusiawi, kadang memakai nada yang lebih playful atau berapi-api namun tetap menjaga ketulusan
• Token, komponen, pola, dan bahasa desain bersama yang dapat digunakan ulang memudahkan Firefox berkembang sehingga fitur baru tidak terlihat seperti tempelan, melainkan terasa terintegrasi
• Perombakan ini paling terlihat di desktop, tetapi melalui warna, ikon, teks, dan fondasi desain bersama, Firefox juga memberikan pengalaman yang lebih konsisten di mobile
• Firefox sebagai browser yang dapat dikustomisasi dengan DNA open source menambahkan tema dan wallpaper baru
• Seiring waktu, Firefox juga terus mengeksplorasi kontrol untuk menyesuaikan bentuk antarmuka seperti tab, komponen, dan penanganan visual terkait
• Aksesibilitas diperlakukan sebagai elemen inti dari kustomisasi, dengan mempertimbangkan kontras, keterbacaan, status fokus, perilaku keyboard, ukuran target, pengaturan sistem, kenyamanan visual, serta perilaku antarmuka di seluruh tema dan jendela
• Dark mode bagi banyak pengguna bukan sekadar preferensi, melainkan lingkungan default; bagi sebagian orang ini cara mengurangi kelelahan mata, dan bagi pengguna lain merupakan bagian dari pengaturan sistem yang lebih luas
• Firefox telah dibangun secara terbuka dengan bantuan kontributor dan pendukung di seluruh dunia, dan pengguna ikut berpartisipasi dalam proses membuat, menguji, memperluas, dan menyempurnakan browser
• Sistem desain baru ini masih terus dibentuk, dan Firefox terus menerima masukan tentang apa yang cocok dan apa yang justru mengganggu
• Mozilla menerima pendapat tentang Project Nova di Mozilla Connect

[GN⁺]

Komentar Lobste.rs

• Dalam mode compact, setidaknya sepertinya tidak akan muncul keganjilan seperti “tab/bilah alamat yang terpisah dan mengambang seperti pulau”

  • Selama beberapa tahun terakhir aku berusaha memahami kenapa gaya terpisah jadi tren, tapi khususnya Liquid Glass dari Apple terasa sangat jelas salah
    Hierarki visualnya buruk, sepenuhnya menyesatkan, dan juga membuang cukup banyak ruang
    Dalam struktur baru Firefox yang terbagi ini, hierarki visual tradisional juga memang punya masalah, jadi setelah dipikir-pikir aku dengan enggan mengakui bahwa khusus untuk Firefox ada argumen yang masuk akal, tapi tetap saja kebanyakan penerapannya cuma terlihat bodoh
    Aku benar-benar ingin tahu apa yang dipikirkan orang saat membuat hal seperti ini
    Misalnya, di https://apple.com/newsroom/2025/… sidebar kiri pada gambar ini yang menjorok ke dalam itu jelas salah, video di belakangnya punya ketidakselarasan kiri-kanan yang konyol, dan screenshot Messages di bagian akhir menunjukkan absurditas sidebar kiri yang menjorok ke dalam itu dengan lebih baik. Cukup pikirkan hierarki informasi yang ditampilkan

• Aku membuka tab ini dengan rasa takut setelah melihat judulnya, dan ternyata yang terlihat kebanyakan hal-hal yang tidak terlalu kupedulikan, jadi ini kejutan yang cukup menyenangkan
  Bukan sarkasme; belakangan ini kalau melihat frasa seperti “desain untuk masa depan”, aku jadi mengantisipasi bencana

• Aku tidak begitu yakin perlu ada desain ulang UI padahal sekarang sudah cukup fungsional dan modern. Tapi mungkin setelah sekitar seminggu aku akan terbiasa juga

• Mozilla sudah sangat buruk dalam pekerjaan terkait desain selama 15 tahun terakhir sampai rasanya bahkan tidak lucu lagi. Sistem desain baru ini pun sudah kelihatan usang

  • Mozilla punya masalah basis pengguna yang menyusut, jadi makin lama makin banyak penggunanya adalah orang-orang yang sudah lama memakainya, sudah terbiasa, dan menyukai tampilannya yang sekarang
    Mozilla terjepit antara mempertahankan basis pengguna lama yang terseleksi sendiri itu, dan melakukan upaya baru untuk menarik publik yang lebih luas yang belum memakai Firefox
  • Benarkah? Sekarang area chrome browser sudah diminimalkan sedemikian rupa sampai aku hampir tidak bisa memikirkan desain yang bisa dibilang benar-benar buruk
    Terutama kalau memakai tab vertikal compact yang baru, keseluruhan browser pada dasarnya cuma menjadi bilah alamat tipis di atas dan bilah tab tipis di kiri. Aku tidak paham apa yang begitu buruk sampai layak ditertawakan

• Ini mungkin terdengar seperti orang tua yang berteriak ke awan, tapi aku tidak paham kenapa Mozilla merasa harus mengejar tren desain terbaru seperti remaja
  Aku tidak ingin memakai Chrome, tapi setidaknya tampilannya lebih konsisten dan fokus pada inti. UI mengambang itu memancing amarah
  Apa mereka kebanyakan melihat /r/unixporn lalu melihat begitu banyak orang memakai i3-gaps? Sudah ada ruang kosong antara bilah alamat dan jendela utama, kenapa masih perlu lebih banyak lagi?
  Ini datang dari seseorang yang bahkan memilih ukuran font yang pas supaya tidak ada ruang terbuang di sekitar border pada terminal

  • Karena Mozilla punya masalah yang tidak bisa mereka katakan secara terbuka. Tujuan mereka adalah mencegah Google dipecah karena kekuatan monopolinya
    Segalanya mengikuti dari situ
    Akan seperti apa organisasi Firefox jika dijalankan oleh yayasan yang benar-benar berdedikasi pada kepentingan publik?

• Tren memakai gradasi dan bayangan yang “bercahaya” dulu sempat terlihat cukup bagus, tapi sekarang sudah menjadi tanda yang terasa seperti CSS hasil generasi AI
  Kalau meminta Claude untuk “membuatkan situs web”, hasilnya akan sangat mirip. Bukan berarti terlihat buruk, tapi aku jadi tidak suka karena konteks itu membuatnya terasa murahan

• Pernah ada masa ketika “masa depan” itu adalah skeuomorphism, dan ada masa ketika itu berarti bayangan di atas kaca dan sudut membulat
  Pernah juga masa depan itu datar dan runcing, warna cerah, pastel, lalu bayangan di atas kaca kembali lagi
  Belakangan ini siklusnya terasa makin pendek
  Ini juga akan berlalu

• Aku suka ide menambahkan aksen warna alih-alih hanya menyisakan abu-abu kusam pada chrome browser bawaan
  Di perangkatku mungkin akan kumatikan, tapi aku akui kombinasi warna baru itu akan membuat Firefox terlihat cukup khas
  “Kami menghadirkan kembali mode compact. Orang-orang bilang mereka merindukannya, dan kami mendengarkan. Jika Anda ingin kontrol browser sepadat mungkin, mode ini untuk Anda.”
  Keren sekali. Aku sudah terus memakai mode compact yang sejak lama direncanakan untuk dihapus, jadi senang melihatnya kembali secara resmi

• “Kami menghadirkan kembali mode compact. Orang-orang bilang mereka merindukannya, dan kami mendengarkan. Jika Anda ingin kontrol browser sepadat mungkin, mode ini untuk Anda.”
  Ini benar-benar patut diapresiasi, tapi sebenarnya mode itu tidak pernah benar-benar dihapus
  Di about:config, Anda bisa mengatur browser.compactmode.show menjadi true lalu menyalakannya kembali dari “Sesuaikan Toolbar”
  Hanya saja aku benar-benar berharap mode compact pada desain baru ini sama padatnya dengan mode compact “tidak didukung” di versi saat ini

• Tree Style Tab adalah jawabannya. Selama aku bisa menyembunyikan sampah ini dan memakai Tree Style Tab, aku tidak peduli seberapa parah Mozilla merusaknya