走Ribbon UI風:Firefox 4新介面搶先目睹

作者:mojolouu 發表於 2009-12-24 15:30

F0e294fbfdf37b6fc2f933e438647324f95591ef

從7月開始,Mozilla就計畫翻修已經使用多年的Firefox介面,給使用者一個全新的使用感受。現在介面的構想已經有了初步的結果,Mozilla計畫參與者Stephen Horlander在他的部落格chromatic pixel整理了Firefox新介面最新的提案,簡單來說就是使用與微軟Ribbon UI類似,更簡潔更容易操作的介面。

全新的使用者介面將應用在Firefox 4,並不會套用在Firexfox 3.7等版本,也就是說,想試用新介面還得再等等。綜觀這個目前最新的介面提案最重大的變更是採用「App Button」來取代原本複雜的功能選單。App Button參考了微軟的Ribbon UI設計,將相關的功能選項分組,然後使用不同的「分頁標籤」來區別不同的功能群組,讓整個介面看起來更簡潔,減少選單列佔據的空間,使用者也可快速找到要使用的功能,降低點擊滑鼠的次數。Ribbon UI最先出現在Office 2007,後來也應用在Windows 7小畫家、WordPad等附屬軟體上。

在Ribbon UI風格介面提案之前,開發小組曾經參考Safari及Chrome如何簡化選單,提升使用性的設計,而開發出將功能選單置放在「Page」及「Tool」兩個按鈕下的介面,這個介面優劣參半。而目前最新的提案就是這個參考Window 7及MS Office Ribbon UI風格介面的App Button設計。開發小組認為App Button的好處是:較不複雜、佔用較少空間、讓瀏覽工具列看起來不那麼凌亂,以及與Windows內建軟體及未來的Office 2010介面相似等。總的來說,就是App Button可以讓Firefox的介面更簡潔、易用、清爽。

這個提案其他比較明顯的介面變更還包括了:

  • App Button上將使用文字標示,而不使用圖示,這樣做的好處是避免使用者看了圖示,卻不知道按鈕功能而影響操作。
  • 原本Firefox最上方顯示網站名稱的「名稱列」會被移除,以節省垂直空間,避免同時顯示名稱列、分頁標籤名稱時,介面看起來過於擁擠雜亂。
  • 重新設計的按鈕外型變得更清爽、更立體。
  • 瀏覽工具列旁會繼續保留搜尋工具列列。
  • 新增「書籤按鈕」。在未顯示書籤工具列時,書籤按鈕會出現在搜尋列右方。而顯示書籤工具列時,書籤按鈕會顯示在書籤工具列上。

目前新介面尚未完全確定,各位讀者,不知道你們對這個Ribbon UI風格的新介面有什麼看法?

Fx-4_0-Mockup-Win7-i03-AppButton-ToT

▲Firefox 4將搭載重新設計過、更簡潔的使用者介面。新介面最大的特色是採用App Button取代原本的功能選單。(來源:chromatic pixel

3_5-4_0-Comparison

▲新舊介面對照圖:左邊是新介面,右邊是目前3.x版的Firefox介面。

wordpad_win7

▲App Button的概念來源是Office 2007及Windows 7附屬軟體的Ribbon UI。

800px-Fx-3_7-Direction-Phase-01

▲之前開發小組的介面構想之一,將功能選單放置在右邊Page與Tools兩個按鈕內。

Fx-4_0-Mockup-Win7-i03-AppButton-ToB-BookmarkBar

▲目前位址,最終的介面並未確定,這是其中一種可能:分頁標籤列在網址列下方,中間還多了書籤工具列。

Fx-4_0-Mockup-Win7-i03-AppButton-ToT-BookmarkBar

▲另一個可能的介面,分頁標籤列在網址列上方。

大家的回應

  • Avatar
    1.  pivot (發表於 2009-12-24 17:00)

    >使用與微軟Ribbon UI類似
    就是那個所謂華麗卻永遠找不到那些功能在哪,被評為難用的繡花枕頭,耐下心來用了幾個小時,因為人類的適應力很強的關係,所以才覺得沒那麼不堪的Ribbon介面嗎?
  • Avatar
    2.  阿堯 (發表於 2009-12-24 17:03)

    個人認為第一張圖片看起來比較好
  • Avatar
    3.  sntc06 (發表於 2009-12-24 17:55)

    看個人吧科科。
    現在如果從2007降回到2003,我認為那些「你需要的功能雖然都知道在哪裡但是卻深深埋在一層又一層的工具列和選單下面」的舊UI會嚴重拖累我的工作效率,基本上我給Ribbon很高的分數,尤其是Office 2010。

    扯遠了,我覺得現在FX應該關注的是JS速度的問題吧,UI什麼的都只是小改進,到時候佈景主題還是會被改掉XD
    各大Browser現在都快得跟什麼一樣,相較之下FX就稍微慢了一點了 (不比較IE)。
  • Avatar
    4.  Jacob (發表於 2009-12-24 18:23)

    我也蠻喜歡ribbon介面的說 ^^"

    各大Borwser比看誰的瀏覽速度快
    而IE是往別的方面走 .... orz...
  • Avatar
    5.  elgoog (發表於 2009-12-24 19:43)

    啊啊啊!什麼時候才能用這種介面啊?
  • Avatar
    6.  tony (發表於 2009-12-24 20:04)

    我不喜歡網頁名稱顯示方式的設計,也就是像目前chrome的設計。
    是只有我有這種困擾嗎?
    有些網頁名稱較長,或是太多分頁導致tab太短,這時看tab根本就不知道那是哪個網頁...
  • Avatar
    7.  Lemon (發表於 2009-12-24 21:43)

    分頁本來就會這樣,滑鼠移上去就可以看到完整名稱了,撲....不然你可以用ie6阿
  • Avatar
    8.  wayne7382 (發表於 2009-12-24 21:44)

    office2007 真的很好用(至少好找多了)

    果然還是得嘗新
  • Avatar
    9.  npnufn (發表於 2009-12-24 22:56)

    to Lemon
    也沒這麼不堪吧?XD
    唉咿7跟8也是可以把分頁關掉的XD
  • Avatar
    10.  tov (發表於 2009-12-25 07:48)

    難用的繡花枕頭是這裡另一篇「Office 2010,Outlook當臉書用」對Ribbon UI的評價
    在MS的軟體上叫做永遠找不到功能在哪裡
    同樣的設計到了firefox評價變成是簡潔、易用、清爽
  • Avatar
    11.  Moses (發表於 2009-12-25 10:06)

    我只關心記憶體使用量的改善及使用GPU運算的可能性。
  • Avatar
    12.  jscorpio (發表於 2009-12-25 15:10)

    我關心的是什麼時候分頁標籤才能回到網頁下面.
  • Avatar
    13.  hitsmaxft (發表於 2009-12-25 16:29)

    @jscorpio
    #content>tabbox{-moz-box-direction: reverse;}
  • Avatar
    14.  wellss (發表於 2010-01-01 17:20)

    1.第一張圖我最喜歡,分頁我習慣把它放最上面,因為不這樣做頁面看起來有點亂。
    2.書籤鈕我會希望能夠移至左邊,總之保留給使用者自訂就對了。
    3.書籤工具列對我而言純屬多餘...所以一定設定不顯示,所以最後一張不看好。
    4.Ribbon 工具列是很好易用的創新設計,對此深表肯定。
    5.希望在 flash 動畫處理記憶體問題能有改進,以前瀏覽時會莫名停頓lag的問題。

發表回應