Firefox 4.0 使用者介面再度更新!

根據參與Firefox介面設計的開發者Stephen Horlander在他的Blog上表示,目前最新的Firefox 4.0介面是長這樣:



看起來已經和之前發佈的介面又不太一樣了。之前我寫過【Firefox 3.7 與 4.0 將改頭換面!】來介紹Firefox 3.7和4.0的介面,現在來比對一下:

之前的4.0介面:



最新發表的介面:



最重要的改變就是多了一個他們稱為【App Bar】的按鈕。這樣的設計有以下幾點好處:

  • It is less complex (比較沒有這麼複雜)
  • Takes up less space (佔用較少的空間)
  • Instead of two potentially conflicting locations for menu items, there is now only one unified location (現在選單進入點就只有這麼一個,不會有混淆的情況產生)
  • Can be placed in the upper left analogous to the Menubar paradigm it is replacing (如同其他軟體一樣,將選單置放在左上角)
  • Similar to the far more ubiquitous Office 2008/2010 + Windows 7 application menu (和Office 2008/2010及Windows 7的介面相似)
  • Reduces clutter on the Navigation Toolbar (將工具列混亂情況降低)
  • It also creates a more flexible and rich canvas for perhaps doing some decidedly non-menu-esque things (在上方介面區建立更有彈性的空間)


的確這樣的設計就和Windows 7 裡面的應用程式很像,我們可以看看WordPad和小畫家:





都是類似的設計概念,據說這種設計理念叫做【Ribbon UI】介面概念。不同的是,你可以看到Firefox直接在App Bar上放上文字(Firefox文字),而不是用任何圖示,而使用【Firefox】文字的原因在於這個按鈕包含了所有瀏覽器的功能,所以他不是叫做File或其他的文字,就是叫做【Firefox】。

另外比較大的改變就是保留了【獨立的搜尋框】、【書籤介面的變更】和【更加清楚的網址列】

  • 獨立的搜尋框

原本的構想是要將搜尋的動作整合到網址列中,也就是上方只有一條Bar,輸入網址和搜尋都在那解決。但是後來經過討論後,覺得搜尋的動作應該要越簡潔越好,因此還是把它獨立出來,也就是和現在的設計類似,將搜尋框放在網址列的右邊。

  • 書籤介面的變更

最新的想法是,預設書籤是不顯示的,會變成一個按鈕保留在搜尋列的右邊。也就是下圖的【5】的地方。



如果將書籤顯示的話就和現在類似,出現在工具列下方。

  • 更加清楚的網址列
網址列會顯示網域名稱等資訊。同時,他也提供了幾組不同的介面設計供大家參考

  • 分頁置於最下方


  • 將書籤隱藏的介面




  • 各種不同的組合方式:




看了這麼多,你喜歡哪一種呢?

【相關閱讀】
Windows Theme/UI Update | Chromatic Pixel
火狐4.0 全新介面亮相
Firefox/4.0 Windows Theme Mockups

Share this post!

Bookmark and Share

4 意見:

jhangyu 提到...

我喜歡文字+圖示的那一種,可惜他們選的跟我想得不一樣,希望未來能有自訂空間

kevingo 提到...

jhangyu您好:)

我自己也是比較喜歡文字加圖示XD
不過自訂的話可能要期待套件的幫忙了。

csie-tw 提到...

感覺很像google chrome

kevingo 提到...

外觀的確蠻像Chrome的,希望效能也是:P