Firefox次世代分頁瀏覽計畫:Tabcandy

Firefox次世代分頁瀏覽計畫:Tabcandy

ADVERTISEMENT

自從我們上次追蹤了Firefox 4.0的預定功能之後,6月應該就要發表第一個Beta公開測試版了,這幾天伺服器上最新的trunk版已經從原本的A5Pre推進到了A6Pre版。我們裝起來玩了幾分鐘,老實說外表跟前版沒什麼兩樣,玩著玩著卻意外發現一個很有趣的分頁管理功能。

Firefox 4.0預定將下拉式功能表濃縮成單一選單,雖然預設看不見,不過在功能列上按右鍵取消勾選「menu bar」就會出現了。由於trunk版的代號是Minefield,所以選單上的標籤也是Minefield而不是先前預告的Firefox,另外不知道為什麼它的位置也沒有放到預定的視窗最上緣,並沒有節省操作介面高度的效果。

上次報導時,有讀者提醒我們這個選單的創意好像是由Opera先提出來的,我們也特別比對一下Opera瀏覽器的官網說明,新的Opera選單的確是相似度超高,而且看下拉出來的項目已經把所有功能分層分類,相較之下Firefox的排列邏輯還有點亂,有些常用項目也不見了。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲從A6Pre版開始也一如預告般釋出64位元版的Firefox了。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲在功能表上按右鍵,並於彈出的快選單裡取消勾選「Menu Bar」。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲在原來的功能表位置出現了單一的「Minefield」下拉選單,選「Customize」可以再切換找回傳統功能表。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲Opera選單早就有了同樣的設計,看起來項目排列也很合理完整。

提到預定的介面變更,上次我們介紹的Chromatic Pixel現在又張貼了新的操作介面展示,主要是說明掌管介面設計的團隊,如何將傳統需要開啟小設定視窗的操作邏輯,融合到Firefox主視窗裡執行,讓使用者經驗更一致。

在展示畫面的最後我們看到一些很讓人好奇的「Tabcandy」貼圖,記得在上次寫作Firefox 4.0預定功能時,小編就看過這個計畫的相關說明,當時的實驗性濃厚,想不到介面設計團隊已經把它的呈現方式都畫出來了,看來似乎是有希望整合到Firefox 4.0主程式一起發表。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲Chromatic Pixel新展示的介面設計,選項設定畫面也不必另開小視窗。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲Tabcandy示範畫面,注意右上像風車的小圖示在其他展示畫面裡也會出現。

搜尋Tabcandy這個關鍵字,可以找到幾個下載網頁,還有TabCandy Dashboard這個專案簡介頁面。在上方「Get the alpha」的段落裡,提示Tabcandy可以在Firefox 3.6和新的Minefield版下運作,另外下載連結會不斷更新,所以呼籲大家別放到部落格或推特報導(不知道是怕連結會變還是產品還沒成熟)。

右方有個Screencast影片,相當值得一看,雖然它還是警告我們「你看的有可能和後續發展差很多」,不過播一遍這支MOV影片後,大概可以了解Tabcandy如何透過群組和區塊的概念來管理分頁,還有各個區塊間的移動、縮放、整理都是看影片說故事會最簡單,不過是英文發音就是了。

簡單的說,雖然已經有像FoxTab這樣的擴充套件可以讓各個分頁像Mac的Expose一樣排排站,它的本質上還是一整列的分頁們,只是翻頁效果變得比較炫而已。而Tabcandy更進一步將分頁整理為群組(類似我們介紹過的Fences),於是你可以把看T客邦文章的分頁們歸為一組,收Gmail、開行事曆之類的Google服務們擺在一起,而且可以將某個性質的群組固定放在特定的方位,利用「空間記憶」來增進瀏覽、切換分頁時的效率。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲進入Tabcandy專案頁面,按「Get the Alpha」下的連結即可下載套件。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲Tabcandy必須用手動安裝,所以要先把XPI存到本機。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲按「Ctrl+O」,在開啟對話框裡找到並執行剛剛的XPI檔。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲重新啟動瀏覽器,工具列上就會出現代表Tabcandy的四格小圖了。

在Tabcandy介紹影片當中提到,如果Firefox 4.0順利加入這個套件,這些分頁的群組、以及它們的歷史記錄也是可以被搜尋的,甚至可以在指定的分組、指定的篩選條件下找資料。也就是說,操作分頁也可以像在作業系統運用桌面搜尋一樣的簡單。不過,這個Alpha版的確也有大大小小的問題,雖然不至於搞到當機,但是常常出現不正確的畫面和結果。

詭異的是,目前Tabcandy本身也是一個分頁,這會讓操作邏輯很混淆。另外在bug清單中有一項是:「Windows縮圖爆醜」,大概是因為它是以Mac OS X開發的關係吧。而且Tabcandy似乎沒有考慮到在不同視窗之間工作的狀況,A視窗的分頁縮圖是沒辦法拖曳到B視窗的。

雖然Tabcandy還有很多問題要處理,不過小編相當喜歡它的創新概念,在很久以前我們已經討論過,現在的分頁瀏覽介面已經不敷使用了,目前小編已經慣用Too Many TabsTree Style Tab來抒緩分頁爆炸的問題。如果Tabcandy能夠順利整合到Firefox,讓這些分頁能夠進一步被搜尋,我想會是吸引使用者升級和轉檯的一大誘因。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲第一次啟動Tabcandy只會將分頁會部排排站列出來。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲按下方的「選單>group sites」會自動把同網域的分頁擺在一起。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲每個分頁和群組都是「活」的,可以自由改變大小、位置和分類。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲按了其中一個縮圖,分頁列上只會出現相同群組的分頁標籤,不過最右邊的分頁列表還是會顯示全部。

Firefox次世代分頁瀏覽計畫:Tabcandy

▲在先前Firefox 4.0發表預定功能時,Tabcandy在簡報裡是灰色的,代表還有一些問題需要解決。

黑眼bobo
作者

寫了超過十年的稿,以後還想繼續寫

使用 Facebook 留言
Ef8017874718d997b550aa199dec12e2?size=48&default=wavatar
2.  Irvin (發表於 2010年6月24日 22:53)
那顆 App Button 在 Firefox 4 佈景最早的設計是放在工具列最右邊,然後一直挪來挪去,有一陣子是設計在分頁列最左邊。

去年 12 月設計者的 Blog 最早提到關於 App Button 的設計
http://blog.stephenhorlander.com/2009/12/21/windows-themeui-update/

Opera 10.50 pre-alpha 也是去年12月底出來的,所以說,應該是大家是有志一同被 Win 7 的佈景影響了……

另外一提,Firefox 4 的 Mockup 一路看下來,都有把分頁列放下面的設計,如果不是很喜歡放上面這種 Chrome 風格的話,4.0應該也是可以切換啦。
Ef8017874718d997b550aa199dec12e2?size=48&default=wavatar
4.  Irvin (發表於 2010年6月24日 23:03)
講到 tab candy,就想到要推一下 extend firefox 3.5 比賽中得獎的套件 Voyage,國產作品喔!

https://addons.mozilla.org/zh-TW/firefox/addon/14650/
Ef8017874718d997b550aa199dec12e2?size=48&default=wavatar
5.  Irvin (發表於 2010年6月24日 23:13)
App button 裡面的項目應該是參考這個專案的結果:http://blog.mozilla.com/faaborg/2010/03/23/visualizing-usage-of-the-firefox-menu-bar/
資料來源是 Test Pilot 提供的:https://testpilot.mozillalabs.com/

Tab Candy 應該是從 Mozilla Labs Design Challenge: The Home Tab 的得獎作品中發展出來的,有一些很有意思的參賽作品概念影片,大家有興趣可以看看
http://design-challenge.mozillalabs.com/winter09/
Be0cd2c95730801919762e4687625f49?size=48&default=wavatar
6.  quablog (發表於 2010年6月25日 22:29)
----------------
去年 12 月設計者的 Blog 最早提到關於 App Button 的設計
http://blog.stephenhorlander.com/2009/12/21/windows-themeui-update/

Opera 10.50 pre-alpha 也是去年12月底出來的,所以說,應該是大家是有志一同被 Win 7 的佈景影響了……
---------------
一個是提到,一個是作出來
這在階段上好像不太一樣吧?

這年頭寬螢幕愈來愈多
分頁擺到左右邊(Vertical Tab)似乎最有效
Opera 還可以搜尋分頁標題找分頁……

Voyage 真的很有趣,謝謝
Ef8017874718d997b550aa199dec12e2?size=48&default=wavatar
7.  Irvin (發表於 2010年6月25日 22:52)
quablog: 一個是提出,一個是釋出,的確不太一樣,但是我覺得時間上應該不太會有一個學一個的可能。另外記得原作者在之前有提到,App Button 其實是學 Windows 7 小畫家的。
發表回應
謹慎發言,尊重彼此。按此展開留言規則