えむもじら

Windows Theme Project (Progress Report) #3 « Chromatic Pixel から Firefox 3.7 と 4.0 の Windows 版テーマ更新の進捗情報の抜粋です。アイデアの絞り込みが終わり、メニュー項目の検討と実装を開始するそうです。

Firefox 3.7

• デフォルトではメニューバーを隠す（Vista と 7 のみ。XP は除外）
• 既存のメニュー項目を Page/Tools ボタンにまとめなおす（実装方法は要検討）
• ブックマークメニュー項目をブックマークウィジェットに移す。これはブックマークツールバー（デフォルト）またはナビゲーションバー上に表示される。
• ホームタブを追加する。3.7 ではホームページを表示し、4.0 で拡張する。
• ストップ/リロードボタンを一つにまとめる。カスタマイズで分離可能。
• ロケーションバー下にアクティブタブのプログレス「ライン」。バックグラウンドタブの場合はタブの最上部に表示。

Firefox 4.0

• App タブの導入
• ロケーションバーと検索バーの統合（カスタマイズで分離可能）
• タブを最上部に配置するオプション（おそらくは左/右への配置も）
• バーの中に他の検索エンジンに切り替えるためのドロップダウン付き検索「ボタン」
• ロケーションバーにストップ/リロードボタンを統合可能にする（TBD）
• ホームタブ機能の拡張
• ブックマークバーがデフォルトのままの場合はブックマークバーは非表示とする
• ステータスバーは非表示。拡張機能のための場所は別途作る。
• プロファイル/ID の UI

同じく、Theme Revamp: Further Exploration « Chromatic Pixel ではツールバーの試行を行っています。

ブックマークツールバーのバリエーション

Glass 上でツールバーにいろいろなスタイルを試してみる実験:

• Flat Box: シンプルな半透明背景
• Inset Box: 上と似ているが、押し込み効果付き
• Expanded Background (Translucent White): タブストリップの背景をナビゲーションバーまで拡大。自然な背景となるように白の半透明。
• Expanded Background (Translucent Grey): 少し暗めだが自然な背景。
• Expanded Background (Translucent Light Blue): Windows 7 のツールバーの青にマッチ
• No Background: フローティングツールバー項目。見やすさからみて、おそらく最も劣る

ナビゲーションボタンのスタイルのバリエーション

ナビゲーションツールバーのボタンに異なるスタイルを適用してみた。Smooth style（オリジナル）、よりガラス質/シャープ、よりプラスチック質のスタイル

ガラス質スタイルは私には強すぎる。プラスチックスタイルは XP に向いているかもしれない。

ボタンのホバー

ホバー状態を扱う最初のアイデア。これはより自然なスタイルにするために色を統合する場所として良いかもしれない。

資料

• 方向性を定めつつあるFirefox 3.7/4.0の新UI - Mozilla Flux
• Firefox 4.0ではツールバーのカスタマイズ画面も大改修の予定 - Mozilla Flux
• Firefox/Projects/Windows Theme Revamp - MozillaWiki
• Firefox/3.7 Windows Theme Mockups - MozillaWiki
• Firefox/4.0 Windows Theme Mockups - MozillaWiki
• Menubar Handling « Chromatic Pixel
• Windows Theme Project (Progress Report) « Chromatic Pixel
• Windows Theme Project (Progress Report) #2 « Chromatic Pixel
• Customization UI Thoughts - mozilla.dev.usability | Google グループ