Archive

Posts Tagged ‘browser’

重新設計瀏覽器與彈跳視窗

星期三, 二月 4, 2009 10 留言

一切都是源自於我的這句碎念

如果彈跳視窗開在原來的分頁「裡面」,而不另開新分頁。這樣一來,我可以很清楚的知道網頁間的關係。而且同在一分頁中,可以一起關掉,或隨主分頁關閉而關閉。

根據我胡思亂想之後,我把我的想法畫 (Mockups) 了下來。接下來,讓我一步一步地解釋。

無分頁,多視窗

在還沒有分頁的概念前,所有的網頁都是這樣子自由的顯示出來,無法可管。造成瀏覽上的不便,也使得廣告可以任意出現,人稱彈出式廣告 (Pop-up ads)。當然彈跳視窗並非全部都是不好的,只不過在分頁概念出現之前。你想開個新網頁,就會多一個新視窗,混亂情形可想而知。

popup 1

分頁,單一視窗

後來漸漸有了改變,不但出現了主動擋廣告的機制;瀏覽器也開始出現了所謂的分頁概念。但是情況似乎只是從桌面上的多視窗,轉變為瀏覽器裡面的多分頁。甚至還有更高明的彈跳網頁,就是不開在分頁裡,非要開在新視窗。就麼一來就變成「多視窗+多分頁」,情況好像沒有好到哪裡去…。
popup 2

我的概念

從以往的例子,可以發現到網頁與 popups*(註1) 的關係,幾乎是沒有的。但是在瀏覽的過程中,必定是先有網頁,才有 popups*(註2)。也許有人會說『分頁就夠啦,網頁跟 popups 都開在同一視窗裡,這樣就顯示出關係了』。但是現實是,我們將每個網頁當作一個分頁;而 popups 也是一個分頁。大家的地位都平等,分辨上是有困難的。所以要怎麼製造關聯性呢?以及更基本的問題,關聯性到底有沒有必要?

我們就從基本的問題談起吧。一般來說,人的思考的是連續性的*(註3)。無論在何時都是如此,當然上網也是。不可能你平常看書都很正常,上網的時候就突然變成 著看。而網頁與網頁間的連結,就是最好的例子。搜尋引擎的網路爬蟲 (Web Crawler),也是以這個方式在發現新網頁;Google PageRank 的評分方式,也是根據網頁間的連結作為基礎。就算你無意識的亂點連結,在網路上亂逛,他們也是以某種關係互連的。所以不可否認,關聯性普遍存在於所有地方。而更好的關聯性將創造更友善的人機介面,因為我們就是這樣思考著。

註1:在此解釋為彈跳視窗、彈跳網頁,不一定是廣告。
註2:如果沒有網頁,卻有彈跳視窗跑出來,那通常是其他程式所為,而且大部分是病毒。因此不屬於瀏覽過程。
註3:還是有特例,如跳躍思考。

所以說,到這裡才進入正題,前面都是為了我的突發奇想在做鋪程。

閱讀更多…

[Alpha] 讓 Firefox 3 漂亮的切換標籤頁

星期四, 十一月 8, 2007 8 留言

這是一個實驗中的功能,目前以套件的方式提供大家測試用,希望最終能加入fx3的正式版本中。他有以下兩個模式:

1.

第一個是取代右上角的 List all tabs button(列出全部標籤),將原來的"向下小箭頭"按鈕變為"2×2小方格"按鈕,功能也由條列式的顯示改為縮圖排列顯示。

list-all-tab-dif_2

當你按下按鈕時,會跳出一個黑底的半透明框框,其中會列出你開啟的所有標籤頁。正在瀏覽的頁面會被放大並且使用高亮度顯示(編:雖然我覺得那個咖啡色並不明顯…),另外被滑鼠游標指到的縮圖也會被放大。你可以利用上方的Filter篩選出你想要的頁面,直接鍵入關鍵字即可。中英文關鍵字都有效,只是中文選字欄可能無法顯示(編:希望有人可以告訴他們這個問題)。

firefox3_tabswitch11

2.

第二是用 ctrl + tab 切換標籤頁

使用 ctrl + tab (Mac:cmd + tab) 切換時,會先跳出一個黑框的選擇列,與前面的縮圖排列展示框類似,只不過這裡是使用單列的循環。比較特別的是,被選擇的頁面是位於偏左的位置,而非一般常見的中央位置。理由是因為 ctrl + tab 會不斷的往右切換,而這樣可以看到更多後面的頁面。

firefox3_tabswitch2

在我試用 ctrl + tab 之後發現一大問題,他的排列順序並未照著瀏覽器的標籤列,完全是亂的。即便是正確的,以上這兩種模式有沒有比原本的"條列式 List all tabs"方便,也是見人見智。用縮圖的方式是可以減少選錯的機會,增加正確率以及還有視覺上的滿足XD。但本來的方式,在速度上還是佔了優勢。希望原來的方式不會被取代,而是以選項的方式讓使用者決定。想試用的朋友可以到 Ctrl+Tab from Mozilla Bugzilla design-noir | Mozilla | Ctrl-Tab 安裝 (fx3 only)。

我幾乎用遍了這類的增強 Tab 功能的擴充套件,例如:Tab CatalogFirefox ShowcaseTab ScopeRevealViamatic foXpose。結果都不盡人意,最後只有被移除的下場。不過這次的新功能在效能上有很大的進步,跟瀏覽器也整合的很好,將來大有可為,就讓我們好好期待吧!

根據Mozilla Links消息說,firefox3 beta1預計在兩週內釋出。希望不要再拖了…今年的跨年晚會已經沒希望啦,我們只能把期望放在明年的農曆年。

補充:

參考原文:

分類:Firefox, Internet 標籤:, , ,