未来のためのFirefoxデザイン
(blog.mozilla.org)- Firefoxの新しいデザイン Project Nova は、既存ブラウザーを置き換えるのではなく、より一貫性がありすっきりした基盤へFirefoxを整備する取り組み
- プライバシー保護 機能をより前面に配置し、内蔵の無料VPN、プライベートブラウジング、データ選択、AI機能の無効化を見つけやすくする
- トラッカー遮断と速度をトレードオフにせず、中核コンテンツを先に処理し、過去1年間で主要ページの読み込み時間が 9%改善
- タブグループ、分割表示、縦型タブの使いやすさを高め、ユーザーの要望に応じて compact mode を再提供し、作業フローを改善
- 丸みのあるコンポーネント、新しいアイコン・色・文言、テーマとアクセシビリティへの配慮を共有デザインシステムとしてまとめ、デスクトップとモバイルの 一貫性 を高める
Project Novaの方向性
- Firefoxの最近のデザインおよびデザインシステム刷新は、より 一貫した基盤 の上で、ブラウザーをすっきりとして温かみがあり、高速で適応性の高いものにすることへ重点を置いている
- 内部名称は Project Nova であり、既存のFirefoxを置き換える新ブラウザーではなく、既存要素を整える取り組みである
- 新デザインは今年末のリリースを予定しており、ユーザーには引き続きFirefoxとして提供される
- Firefoxは、選択した時点から プライバシー保護 と明確なデータ慣行をデフォルトで提供するブラウザーを目指している
- 新デザインは 内蔵の無料VPN やプライベートブラウジングのような機能を、より見つけやすく使いやすいものにする
- 設定画面は、データに関する選択をより理解しやすく実行しやすいよう再設計されている
- AI機能を完全に無効化する操作、よりわかりやすい文言、ユーザーが望む保護と使い勝手のバランスに合わせた Enhanced Tracking Protection の調整が含まれる
速度、作業フロー、インターフェース
- Firefoxはトラッカーを遮断するときにページ読み込みも高速化し、プライバシー保護と速度 を相反関係とは見なしていない
- ページの中核コンテンツを周辺の任意要素より先に優先処理し、過去1年間で主要ページコンテンツの読み込み時間が 9%改善 した
- 新デザインは タブグループ、分割表示、縦型タブ の使いやすさを高め、生産性機能をより簡単に使えるようにする
- ユーザーの要望に応じて compact mode が再提供され、ブラウザーのコントロール要素をできるだけ圧縮して使いたいユーザー向けとなる
- Firefoxのデザインは、現代的に見えつつありきたりではなく、温かみがありながら精密で、より表現力がありつつWebそのものより目立たない方向を目標としている
- タブはより滑らかな形状とほのかなグラデーションを備え、アクティブタブの存在感を高め、ブラウザークローム周辺に光の印象を加える
- パネル、メニュー、設定、ブラウザーコントロールは、同じシステムの一部と感じられるよう、より丸みがあり一貫したコンポーネントへ変わる
- アイコンはライト・ダークテーマ全体でよりすっきりとバランスよく見えるよう更新され、視覚的ノイズを増やさずに素早い認識を助ける
- インターフェース全体の 間隔 は、ブラウザーを長時間使う環境を考慮して再調整されている
- 新しいカラーパレットは炎の印象から着想を得ており、アクティブタブ周辺の光、濃いスモーキーな紫、温かみを加える明るいトーンを含む
- Firefoxの文言は、より直接的で人間味があり、ときにより遊び心や炎のようなトーンを用いつつも、誠実さを保つ方向へ変わる
- 再利用可能なトークン、コンポーネント、パターン、共有デザイン言語により、新機能が後付けに見えず統合された印象を与える形でFirefoxを進化させやすくする
- 刷新はデスクトップで最も目立つが、共有された色・アイコン・文言・デザイン基盤を通じて、モバイルでもより一貫したFirefox体験を提供する
- FirefoxはオープンソースのDNAを持つ カスタマイズ可能なブラウザー として、新しいテーマや壁紙を追加する
- 時間の経過とともに、タブ、コンポーネント、関連する視覚処理など、インターフェース形状を調整するコントロールもさらに検討している
- アクセシビリティ はカスタマイズの中核要素として扱われ、コントラスト、可読性、フォーカス状態、キーボード動作、ターゲットサイズ、システム設定、視覚的快適さ、テーマやウィンドウ全体にわたるインターフェース動作を考慮している
- ダークモードは多くのユーザーにとって単なる好みではなく標準環境であり、一部の人には目の疲れを軽減する手段で、他のユーザーにはより広いシステム設定の一部となっている
- Firefoxは世界中の貢献者と支援者の助けを受けて公開の場で作られてきており、ユーザーはブラウザーを作り、テストし、拡張し、改善する過程に参加している
- 新しいデザインシステムはまだ形成途中であり、何がうまく機能し何が妨げになるのかについて、引き続きフィードバックを受けている状態である
- MozillaはProject Novaへの意見を Mozilla Connect で受け付けている
1件のコメント
Lobste.rsの意見
コンパクトモードなら、少なくとも「タブ/アドレスバーが浮いた島みたいに分離される」ような妙なことにはならなそう
視覚的ヒエラルキーが悪く、完全に誤解を招くうえ、空間もかなり無駄にしている
Firefoxの新しい分割構造では伝統的な視覚的ヒエラルキーにも問題があるので、よく考えればFirefoxに限っては正当な理屈があるとしぶしぶ認めるけれど、それでもほとんどの適用例はただ馬鹿っぽく見える
いったい何を考えてこんなものを作っているのか本当に知りたい
例えば https://apple.com/newsroom/2025/… では、この画像の左サイドバーが内側に引っ込んでいるのは単純におかしいし、背景の動画は左右の不一致が滑稽で、最後のMessagesのスクリーンショットは内側に引っ込んだ左サイドバーの不条理さをさらによく示している。提示されている情報のヒエラルキーを考えればわかる
タイトルを見て怯えながら開いたけれど、主にそれほど気にならないものばかりで、かなりうれしい驚きだった
皮肉ではなく、最近は「未来のためのデザイン」みたいな言葉を見ると惨事を予想してしまう
すでに十分機能的でモダンなのに、わざわざUIの再設計をする必要があるのかはよくわからない。それでもたぶん1週間もすれば慣れると思う
Mozillaはこの15年間、デザイン関連の仕事があまりにも下手で、もう笑えないレベルだ。この新しいデザインシステムもすでに古臭く見える
Mozillaは、既存の自己選択的なユーザー層をつなぎ止めることと、まだFirefoxを使っていないより広い大衆にアピールする新しい試みとの間で板挟みになっている
特に新しい縦型コンパクトタブを使うと、ブラウザ全体は上部の細いアドレスバーと左側の細いタブバーくらいになる。何がそんなに笑いものになるほどひどいのかわからない
年寄りみたいに雲に向かって怒鳴る人間になってしまうけれど、なぜMozillaが10代みたいに最新のデザイントレンドを追わなければならないと感じるのかわからない
Chromeを使いたいわけではないが、少なくともあちらのほうが一貫していて本質に集中している。浮遊するUIは怒りを誘う
/r/unixpornを見すぎて、i3-gapsを使う人が多いのを見てしまったのか？ すでにアドレスバーとメインウィンドウの間に余白があるのに、なぜさらに必要なんだ？
ターミナルでも枠の周囲に無駄な空間が出ないよう完璧なフォントサイズを選ぶ人間として言っている
すべてはそこから派生している
公益に献身する財団が運営するFirefox組織なら、どんな姿になるだろう？
グラデーションや「光る」影をいじる流行は、一時期はかなり良く見えたけれど、今ではAI生成CSSっぽさを示すサインになってしまった
Claudeに「ウェブサイトを作って」と頼むと、とてもよく似た結果が出てくる。見た目が悪いわけではないが、その文脈のせいで安っぽく感じられて好きになれない
スキューモーフィズムが「未来」だった時代もあったし、ガラス上の影や丸い角がそうだった時代もあった
未来がフラットで尖っていた時代、明るい色だった時代、パステルだった時代もあったし、ガラス上の影がまた戻ってきたこともあった
最近はその周期がどんどん短くなっている気がする
これもいずれ過ぎ去るだろう
既定のブラウザクロームをくすんだグレー一色にせず、色のアクセントを入れてみるのは気に入った
自分の端末ではたぶんオフにすると思うが、新しい色の組み合わせのおかげでFirefoxがかなり独特に見えるだろうという点は認める
「コンパクトモードを復活させます。恋しいという声があり、私たちは耳を傾けました。ブラウザコントロールをできるだけ密に使いたいなら、このモードはあなたのためのものです。」
本当にすばらしい。ずっと前から廃止予定だったコンパクトモードを使い続けてきたので、公式に戻ってくるのはうれしい
「コンパクトモードを復活させます。恋しいという声があり、私たちは耳を傾けました。ブラウザコントロールをできるだけ密に使いたいなら、このモードはあなたのためのものです。」
これは心からありがたいが、実際には完全に削除されたことはなかった
about:configでbrowser.compactmode.showをtrueに設定したあと、「ツールバーをカスタマイズ」で再び有効にできたただ、新しいデザインのコンパクトモードが、現在版の「サポートされていない」コンパクトモードと同じくらい高密度であることを本当に願う
Tree Style Tabが答えだ。これらのゴミを隠してTree Style Tabを使えさえすれば、Mozillaがどれだけ台無しにしても構わない