顯示具有 UX 標籤的文章。 顯示所有文章
顯示具有 UX 標籤的文章。 顯示所有文章

2015年6月21日

Firefox 使用者類型研究(北美洲)

從 2012 年 10 月到 2013 年 2 月,使用者經驗研究團隊進行了史上最大的計畫:以北美洲使用者為對象,針對使用者型態進行的大規模研究調查。這不但是獨特且令人興奮的計畫,也彰顯我們優秀的團隊合作。(無論是使用者經驗團隊內,或與 Mozilla 的其他單位皆是)


一位參與者筆電上的 Firefox

研究目標

本專案的主要目標是根據他們的行為、態度、信念和動機來定義和描述使用者族群,我們將這些分類稱​為「使用者類型」(User Type),因為我們的重點放在使用者與產品及服務的互動和行為,而非行銷面向(我們也從這篇對類似研究進行後設分析的優秀論文中借用了「使用者類型」和「使用者分類學」等術語)。

除了定義使用者類型外,研究的另一個主要目標是,清楚地了解我們的使用者,他們是誰、他們如何使用我們的產品和服務。有了這些資訊,我們就可以針對人們實際使用我們的產品及服務的方式來設計產品及功能。 我們相信這些使用者類型,將幫助整個 Mozilla(不只是使用者經驗或產品團隊)做出決策、設定優先順序,為我們的產品和服務指引方向。

我們選擇從北美開始,是因為我們團隊最熟悉這個市場。因為我們團隊主要位於北美,將研究限於美國和加拿大能夠節省交通預算,減少招聘及與第三方廠商合作的費用。

由於具有地域上的限制,我們將盡量避免將此結果套用到其他地區。然而,一些小型的後續研究指出,下列部分分類的特點,仍能套用在其他文化及其他瀏覽器的使用者上。

研究方法

我們的研究分為三個部份:

  • 找尋 24 戶地理位置及人口分佈顯著不同,並使用 Firefox 為主要網頁瀏覽器的家庭,進行晤談,於此研究中,我們試圖探索受訪者在行為、動機、態度及其如何成為 Firefox 使用者的關聯性,我們在多倫多、安大略、北卡羅萊納州的夏洛特和加州洛杉磯等地區周邊完成這些家庭訪談。
  • 針對類似 Firefox 使用者母群進行簡單抽樣,受試者人數為 45 位,邀請使用者填寫線上日誌方式收集簡短縱貫研究的使用者行為資料。
  • 以 1000 人為樣本的量化研究,試圖驗證前兩項質化研究的結果。研究結果發現受試者可劃分為我們先前研究的數個特質,並透過因素分析驗證這項結果,我們還能估計每個使用者類型在母群所佔的百分比。

身在定性研究的分析迷霧中

研究結果

Firefox 使用者類型

基於以上的量化研究,我們發現絕大多數的 Firefox 使用者(約九成)或多或少都能歸類成某個類型。雖然很多人擁有多重類型的特質,但這些使用者最後都能被歸納為於某種特定類型。少數使用者所表現出的特質則介於多種特質之間。

以下是我們找出的六種使用者類型,與其主要的相關屬性,包含:

  • 一段第一人稱的敘述,描述此類使用者的動機和行為
  • 該類型佔整體 Firefox 使用者的百分比
  • 與該使用者類型相關的人口統計數據

我們要特別感謝為每種使用者類型設計出下列圖形的 Zhenshou Fang

熱衷者

我熱衷於了解與採用新科技。我也喜歡自己解決技術問題。

屬性

  • 熱衷於新科技
  • 會自行解決遇到的技術問題
  • 想要掌控自身的瀏覽體驗
  • 很可能有自訂瀏覽器
  • 對新科技有自信
  • 在裝置間同步、傳送資料與媒體
  • 絕大部分經常上網
  • 很可能曾上大學或具有學士以上學歷
  • 偏向年輕的年齡層

忙碌蜜蜂

我的生活忙碌,希望科技能用就好。對於生活中科技背後的技術細節,我不感興趣。

屬性

  • 使用科技:網路就是一種「家電」
  • 忙於生活中的各種活動,不優先把時間用於網路中
  • 對於科技背後的細節不感興趣
  • 對於技術問題感到厭煩
  • 部分資料有跨裝置互動
  • 偏向女性
  • 偏向年長

中階經理

我對於科技感到自信與習慣,特別是排除問題。科技是我日常生活的重要元素,但在採用新科技我會先小心評估。

屬性

  • 對科技感到自信且習慣,但不熱衷
  • 工作、就學與生活都與科技完整融合
  • 能有耐心地對解決自身的技術問題
  • 採納最新的工具與功能,但會先做考慮
  • 可能使用手機、可能整合資料進手機
  • 多工且自訂化
  • 教育程度較熱衷者與魔法師為低
  • 常上線

堅定用戶

就算可能已經過時,我還是會持續使用確定能用的技術。我頑強抵抗更新現有科技,因為我相信「沒壞,就別修它」

屬性

  • 抗拒變化
  • 非必要下避免升級工具或技術
  • 偏好已知甚於未知
  • 在網路上花費的時間不連續
  • 可能擁有較舊的科技
  • 有限的行動裝置或智慧型手機使用率
  • 此類使用者年齡層分布較廣

長青樹

我生活中的大部分時間都不仰賴科技。對於使用科技我感到有些抗拒,因為我怕犯下無法更正的錯誤。

屬性

  • 對新工具與自訂化感到不習慣
  • 沒有網路也可能活得下去
  • 學習科技就跟職訓差不多
  • 同時使用老工具與新科技
  • 網路不是他們生活的重心
  • 在技術問題上仰賴他人
  • 教育程度較低
  • 年齡分布偏高

魔法師

我喜歡幫自己和別人撰寫程式。技術就是我的生命。

屬性

  • 軟體開發者或工程師
  • 對網路有非常準確的認知
  • 對安裝、使用與排除技術問題感到信心
  • 喜歡創造技術
  • 通常對 Firefox 感到高度滿意
  • 高度理解且������技術
  • 教育程度較高
  • 偏向男性

您覺得自己屬於哪一種類型呢?

原文 / Firefox User Types in North America
授權 / 創用 CC 姓名標示-相同方式分享-3.0

φ chiaoju、Irvin 翻譯 - Roger, petercpg, shadowcrow, BobChao 編輯

2014年6月24日

(重)設計 Firefox

或許您已經知道,前陣子 Mozilla 發行了某樣東西,過去我們稱呼它為 Australis,現在可以就叫做 Firefox 了。

我們在上面真的花了很多時間。

全心全意投入一個專案,是個絕妙的經驗。你無時無刻想著它,不管是早晨、晚餐、看電影前、在浴室,甚至睡夢中,以及你該睡覺的時候……

它終於足夠成熟到能夠出外闖蕩,你終究得放飛它了。這相當令人興奮、但同時也令人緊張— 你永遠不知道一路上做出的各項決定是否正確。我想趁這個發行後的激��時刻,花點篇幅在這邊回顧一下。

歷史

左邊:Firefox 4, 右邊:Firefox29

所以我們是如何從這樣變成那樣的?

我們在 2011 年 3 月發佈 Firefox 4,那是 Firefox 3 以來的大改變。它加入了 Firefox 按鈕、改頭換面的附加元件管理員、移除了狀態列、整合了停止、繼續與重新整理按鈕,還包含了全面的視覺更新,同時也花了些時間試做與取捨了一些新功能改造原型。

它尚未達到完美,從設計到發行的過程中,累積了不少粗糙的痕跡。

Firefox 4 是我們轉移到快速釋出週期前的最後一個版本。六週的釋出週期看來很適合反覆雕琢這些眉角,所以我開始了一個新專案做這件事。

理念

這個我創造來反覆雕琢的專案,最終迅速轉變成全面的大翻修。

照片中的人:Sinchan Banerjee、Alex FaaborgBrian DilsTrondStephen Horlander(我的腿)、Jennifer BorissFrank YanAlex Limi;拍照的人是 Madhava Enros

六月初時整個 UX 團隊舉辦了 Firefox 4 發行後的首次辦公室外會議,議程上顯著的大標題是「下一步呢?」整個團隊齊聚在一個房間,相互激盪新主意,討論開發 Firefox 4 時所遇到,尚未解決的問題。

漸漸的有個主題浮現在共識之中—Firefox 的最大特色是自訂化,你應該要能夠感受它屬於你個人

對我們剛釋出的介面,這代表什麼意義呢?很多點子被丟出來,一個基本原則成形 —打造我們所能做出最好的核心經驗,並讓使用者去加上或改變那些對他們最重要的東西。

新 Firefox 的基礎,就是打造一個簡單有趣的自訂模式,搭配上更有彈性的 Firefox 選單。

視覺設定

狐線、空氣動力

該場會議也提出了一些後來名為「Australis」的元素。主要是:統合主視窗中各式各樣的書籤元件、重新設計視覺、整合相關聯與多重的功能、並流線化分頁列。

對於這個重設計來說,自訂模式將會是新體驗的核心,而重設計的流線流線分頁列則改變整個 Firefox 的外在印象。

讓它看起來更快。不~不對!它需要更多的通風孔! Firefox 4 空氣動力學草圖 — 2010

我們探索了許多增加元素讓 Firefox 感覺更快更流暢的新點子,當中確實有一些過於大膽了。

曲線分頁草圖 — 2011,6月

在設計會議中,受 Trond 的原型啟發,而發展出來的這個帶有曲線的分頁草圖,馬上就得到所有人的共鳴。

它也包含了另一個重要的設計調整—只描繪前景分頁的形狀,減少視覺雜訊、使前景頁面更為凸顯,並讓您更容易聚焦在分頁列上。

初期嘗試的數種不同曲線形狀。一開始的角度太小、後來的又太過圓潤;有的太矮、有的又太高,最終���算是找到最佳的感覺。

Windows 上背景分頁的一些設計嘗試 — 2011 年 10月

後來我們瞭解,在有靜態背景的環境中,去除背景分頁的形狀會容易許多。Windows 7 的半透明視窗有著各式各樣的明度,而 Windows 8 則有各種顏色的扁平視窗,這表示我們需要自己做個靜態的背景。

為確保背景分頁具有良好的辨識度,我們做了一些不同嘗試。一開始我們試著做出融合背景的區塊,但他看起來太重了。我們甚至考慮過保持背景分頁的外框,並以其他方式凸顯目前的分頁。

最終我們決定使用一個背景「迷霧」,放置在分頁與視窗前景之間。可以把它想成是介面上的三明治—底層的玻璃、上層的曲線分頁、中間夾著美味的霧面。

我們也試著確保加上曲度後,不會增加分頁的寬度,而犧牲分頁列上寶貴的「地皮」。在沒有 favicons 的網站上,我們也移除原本預設的空白圖示,用小小的調整來爭取更多的標題空間。

選單面板與自訂化

重新設計 Firefox 選單

網路瀏覽器這般複雜又因人而異的東西,絕非用一個尺碼就得以適用所有人。附加元件一直以來都讓 Firefox 成為可徹底自訂的瀏覽器。然而,整理這些元件體驗,一向都不是很好。

但在我們開始對付自訂化行為之前,我們先重新想想 Firefox 選單。

主工具列是存取常用功能的主要介面,選單則是取用那些較少用功能的次要介面。我們希望使用者可以在這些介面之間移動項目,如此他們就可以自己定製 Firefox 以符合所需。

我們從「圖示網格」的點子開始設計新版面。網格系統能��好收納那些在工具列上的圖示, 而且會讓移出移入呈現一致性的感覺。

較大的 3x3 網格加上標籤—Alex Faaborg 製

最初我們設計的網格比較寬、圖示較小且沒有標籤,很快的就變成三欄式網格,配合上較大的圖示與標籤。在維持同樣的效果下,更為清晰且容易辨識。

並非所有 Firefox 選單中的項目都會放入新的版面中。我們增加了特別的小工具—又名「Wide Widgets」—來提供剪下 / 複製 / 貼上與頁面縮放控制。我們也增加了底部那些無法被客製化掉的項目,避免使用者陷入沒得恢復的爆炸版面中。

對於使用圖示網格還是傳統的目錄清單,我們進行了許多激烈的爭辯。網格系統有一些缺點:當有很多項目時,它不很容易掃視、也無法縮放,但這回圖示網格因為更佳的視覺性而獲選,它更貼近我們想要的拖曳自訂化,也有對於觸控系統更友善的效果。

有些 Firefox 選單中的項目,包含無法直接簡化成單一動作的子目錄,例如網頁開發工具、歷史、書籤、說明與編碼,直接在��邊跳出子選單感覺怪怪的,對此我們有幾個點子:行內展開的選單抽屜(可動原型,點擊 History 看看)與面板內導覽列

我們選擇了一個叫 Subviews(可動原型) 的方案,簡單的說就是會滑入覆蓋主選單的列表。點選滑入選單之外的任何區域,都會回到主選單—關閉整個選單並重���。

希望這個新的選單介面,能讓 Firefox 出廠即適用於大部分使用者,再加上新的自訂模式,你可以真正把 Firefox 訂製成你要的樣子。如果您有興趣更深入了解如何可以怎樣的,請看看 Zhenshuo Fang這篇好文章

全面客製化!

現在該來面對 Firefox 老舊的客製化體驗了,從一開始我們的志向就很宏大,希望可以整合自訂工具列、佈景主題與附加元件到同一個介面中。這個點子帶來了一個早期原型可以讓我們試試感覺如何(他的確稍微能動,提示:點工具按鈕→加號按鈕)。

這個測試介面展現了幾個問題:1) 納入附加元件會相當複雜 2) 我們需要可以直接呈現的目錄選單,而非一個示意的介面。這進展成為一些其他的設計稿,包含更平面化的介面並精簡掉附加元件。後來我做了第二份設計稿,去掉佈景主題選擇介面,更接近後來發行的版本。然後 Blake Winton 把他變成一個很棒的可動原型

最終的自訂模式

這些展示與原型,幫助我們快速得到他人的回饋。我們所聽到的其中一個抱怨是:進入不同模式時感覺不明顯。 我們試做了很多樣版嘗試不同點子,用視覺回饋讓人們了解已經進入可以重新排列這些東西的狀態。最終我們定下了一個藍圖式樣,並在 Madhava 的建議下增加一些動畫與間隙。

打包上架

感謝所有投注時間與精力於此的人。如果你想要了解更多 Firefox 29 的製作人員與過程,Madhava 寫了一篇不錯的概要

這是從 Firefox 4 到 Firefox 29 的介面演進過程:
小心:全都是大圖片,在慢一點的網路中可能需要一些時間載入。

我想我的「後發行興奮感」也退的差不多了,該回去繼續把 Firefox 打造得更好嘍。

原文 / (Re)Designing Firefox | Mozilla UX、同時刊登於此
作者 / Stephen Horlander
授權 / 創用 CC 姓名標示-相同方式分享-3.0

φ Mika、Irvin 編譯

2012年12月1日

2012 年 Firefox 熱圖研究結果來啦

用戶行為熱圖

幾個月前,Mozilla 透過 Test Pilot 附加元件 公佈了一項名為 2012 Firefox 桌面版熱圖的研究結果。在 2010 年的時候,我們就曾研究過此題目,衡量用戶與桌面版 Firefox 各界面元素互動的頻率,所以這算是該研究案的更新版。本研究持續了一個星期,我們接收到超過 215,000 位用戶的數據。

熱圖突顯出介面呈現和功能需求間的落差。作為 Australis 介面重設計的一部分,本研究圍繞著以下這些問題設計:

  • 在當前的介面中,人們使用到哪些功能?
  • 人們因無法被介面突顯、無法被吸引、或者根本無法理解,而錯過哪些很棒的 Firefox 功能?
  • 鑑於使用頻度,有哪些功能的介面太過突出了?

瀏覽器視窗的熱圖

下面的熱圖顯示出在瀏覽器的各元素上,曾點擊一次以上的使用者佔比(包含所有 OSX 用戶和啟用選單列的 Windows 用戶):

Firefox 桌面版熱點圖 - 在用戶開啓選單列的情況下

搜索列、網址列,和搜索建議的使用頻率

大部分人使用到網址列(82%)及搜索列(46%)。27% 的人會取用搜索建議、而 60% 的使用者使用到網址列「自動完成」功能。未來我們將發佈一篇文章探討人們如何使用這幾個功能,以及它們的交互作用。

用戶使用多數搜索引擎

有相當一部分使用者(21%)會點擊「搜索引擎下拉選單」(該選單讓你選擇要使用的搜索引擎),多過最後實際改變搜索引擎的人(11%)。

為什麼會這樣呢?

  • 用戶可能對我們提供給他們的搜索選項不滿足,只能停留在原本的搜索引擎。
  • 用戶可能誤點了該按鈕,而實際上他們是想點擊搜索框。

用戶執行的每個動作我們都有時間記錄,如果我們假設這是一個短時間的點擊動作,就可以大概估計出選單的誤點比例。如果該比率很高,就是選單的位置不對。如果事實表示,用戶不滿於搜索選項,則我們需要重新考慮搜索引擎列表裡應該預設安裝哪些搜索引擎、或教導用戶如何新增需要的搜索引擎、又或者重構我們個別呈現單獨搜索引擎結果的搜索方式。(如果有人有興趣,我們將進行這個分析)

低分頁群組使用率

在主要視窗的大部分元素中,最少被用到的是用於顯示分頁群組( Panorama、TabView)的按鈕(0.7%)。如果說點擊分頁群組按鈕的用戶都是重度使用者(可以透過使用頻率來分析),則更好的作法是將其改成一個可以輕易開關的功能、或者將其改為一個擴充套件。當然,也可能是使用者根本不知道分頁群組功能,因爲預設情況下,這個查看分頁群組的按鈕是隱藏的。

書籤透過多樣方式呈現,沒有明確的「最佳」界面

為了完整說明,以下是隱藏選單列的用戶在同樣元素上的熱圖:

Firefox 桌面版熱圖 - 隱藏選單列的情況下

我們可以發現,數據跟上個熱圖非常相似,唯一不同的是「書籤選單」按鈕相對常用些(19%。在 Mac OS X 中書籤鈕會永遠顯示,但在 Windows 裡只有當選單列被隱藏時顯示)

書籤早該進行簡化與重新設計。次節的內容中指出,沒有一個明顯的「正確方式」來呈現書籤功能,不同的人使用不同的進入點。如果使用者只是因爲當顯示選單列時,這個書籤按鈕會被隱藏,而使用書籤選單裏的「此頁加入書籤」,則我們應該考慮讓這個按鈕永遠顯示。我們需要研究看看,當書籤選單與書籤按鈕均可使用時(目前只有在 OS X 下如此),用戶是否會偏好某一項。如果數據顯示用戶偏好快捷按鈕,或許是書籤選單應該消失。

探索選單列

本張熱圖概括了使用者在選單各項目,在研究過程中至少點擊一次以上的佔比(包含 OSX ��顯示選單列的 Windows 用戶):

桌面版 Firefox 選單項目熱圖

被多數人使用到的選單項目為:

  • 個人的書籤(25%)
  • 最近瀏覽過的網頁(16%)
  • 此頁加入書籤(15%)
  • ��開下載視窗(10%)
  • 清除最近的歷史記錄(10%)
  • 列印(7%)
  • 另存網頁(6%)
  • 打開附加元件(6%)
  • 開新分頁(5%)

使用選單,而非瀏覽器視窗介面

選單中的「加入書籤」和「開新分頁」兩項,在瀏覽器視窗中都有快捷按鈕,為什麼用戶不使用這些隨手可見,比起選單應該更為易用的捷徑呢?我們可以立即做出兩個假設:或許用戶只是偶爾點擊選單,平時還是使用快捷按鈕;或者有些用戶只使用選單,完全不用快捷按鈕。

通過查看這些選單項目的使用頻率,而不只看使用每個項目的用戶百分比,我們就可以更深入地了解各種可能性。如果有一定比例的用戶從來不使用這些快捷方式,而只頻繁的使用選單,那麼我們應該做個問卷調查或訪談,來找出原因。有可能是這些快捷按鈕不夠清楚,在這種情況下,我們需要引導用戶使用這些功能,或是讓介面本身更為清晰;如果用戶只是更偏好使用選單項目,我們需要找出為什麼。

對於剩下這些使用頻率較高的項目,如果我們新增快捷按鈕,是否將有利於用戶?又或者僅是佔用寶貴的視窗空間呢?如果增加一個快捷按鈕,會有更多的用戶知道這些功能嗎?不幸的是,就我們目前所收集到的數據,沒有辦法找出這些問題的答案。我們需要做的是一些 A/B 測試或訪談,看看這類按鈕會有什麼影響。如果只有一小部分用戶(>2%)會以一貫的高頻率(例如每天超過一次)使用這些快捷按鈕,則較好的作法是開發一些擴充套件,新增這些按鈕到瀏覽器視窗中。如果這個套件是成功的,就可能意味著這是一個可以加入到 Firefox 中的功能。

再思考「說明」選單

來看看其他表現出需要被簡化的跡象的選單。在使用「說明」選單的使用者中,大部分都只點擊了通用的「Firefox 說明」選項。用戶是否真的滿足於「Firefox 說明」,而無需其他選項?還是他們只在需要幫助時開啟「說明」選單,因而不期望在那兒找到其他同類功能──例如「送出意見回饋」?如果用戶多會跳過 Firefox 的內建補助系統,而尋求外部資源的協助,那麼補助功能的介面就需要更加清晰,以鼓勵用戶使用。例如:加入「���設 Firefox」到此選單,也許可以提升該功能的使用率。

2010 年至今使用模式維持穩定

如果拿現在的熱圖跟 2010年的熱圖研究相比,結果也很有趣。使用搜索列的使用者比例從 61% 下降到 47.5%,搜索引擎選單從 32% 減少到 22%。大體上可能反映了人們在網絡上搜尋行為的變化。現在的使用者是否更傾向於直接在網址列上鍵入關鍵詞進行搜索呢?相較於搜尋,使用者是否更常透過連結來瀏覽呢?在過去兩年裡,Firefox 的界面上沒有對搜索列做出太大的改變,所以用戶行為的改變或許是這種變化最有可能的解釋。

然而,先前的研究是針對兩年前的 Test Pilot 用戶進行。兩份研究的母體不同,也可能解釋一部分變動。我們仍然值得考慮針對此項來進行一個 Test Pilot 研究,不僅調查網址列的使用次數,還要包含使用狀況:是用於搜索、還是用於輸入網址。如果網址列被大量用於搜索,可能就表示我們也許不需要搜索列。

未來的研究

像熱圖這樣的初步研究,有時提出的問題比回答到的問題還更多。但是,當這些從用戶數據中直接發現的問題被找出答案時,將會帶給我們關於 Mozilla 產品最有價值的觀點。回顧一下,下面是一些我們可從熱圖中得到的啓發,以及一些我們應該考慮的行動。

  • 研究用戶使用搜索列與網址列進行搜尋的比例,這種變化如何隨著時間演進。
  • 為什麼用戶使用選單而非工具列上的按鈕。看看我們能否組找出此組的特徵。
  • 將分頁群組削減爲一個套件,除非透過可用性研究顯示出一旦用戶知道這個功能的存在,就會對其非常狂熱。
  • 了解用戶爲什麼不使用「說明」選單,找出如何在用戶需要時給予協助。
  • 分析用戶使用書籤功能的進入點,評估出一個統一它們的計劃。
  • 確定為什麼用戶點擊搜索引擎選單,想想純粹是因為它的位置靠近搜索列,還是預設的搜索引擎的關係。

對於這些資料還有任何其他想法嗎?請在下方留言!

原文 / Firefox Heatmap Study 2012 – Results Are In! | Mozilla UX
作者 / Ilana Segall, Gregg Lind
授權 / 創用CC 姓名標示-相同方式分享-3.0

φ 陳三 翻譯 - Irvin 編輯

2012年6月15日

Firefox 工具列按鈕更平面了

編按:近來 Mozilla 將 Firefox 桌面版與行動版的使用者經驗��隊合而為一,今年四月該團隊提出了各平台上的全新 Australis 主題,本文即是在 Windows 上的一小部份成果。如果大家想要嚐鮮,可以下載設計團隊測試用的 Nightly-UX Channel 的 Firefox 試試。

最近 Firefox 的佈景主題 Austrails 大幅更新,這次的更新裡,所有的工具列按鈕都採用平面視覺設計,只有在滑鼠移過時才會出現立體邊框。

這樣的設計讓 Firefox 回到了 Firefox 1 至 3.6 版時所採用的平面按鈕,下面是 Firefox 1 的截圖:

原文 / Firefox goes back to flat toolbar buttons • Mozilla Links
授權 / 創用CC: BY-NC-SA 2.5 授權

φ Calvin 翻譯 - Irvin 編輯

2012年5月8日

大地之神 Gaia 降臨 Mozilla B2G 計畫

三月時我們曾有一篇 Boot to Gecko 的相關報導,討論了網路即是平台的概念。今天我們會把焦點放在 Boot to Gecko(更新:正式命名為 Firefox OS)的使用者介面 Gaia 上。

以 Boot to Gecko 為核心

首先,Boot to Gecko 是包含許多 API 的底層系統,在其上可以搭配任何你想要的介面。Telefonica 已經開發了一個,而 Mozilla 則打造出 Gaia。如此架構讓 B2G 成為一個相當強大且多元的解決方案,我們更期待能看到更多創新的作品!

來看看 Gaia 吧

二月底時,Boot to Gecko 的首席設計師 Josh Carpenter 發表了一些 Gaia 的圖片,而且這些截圖都是真正執行中的 Gaia!以下有一些範例:

Josh 也提到:

手機的性能和靈敏度是優秀使用者體驗的關鍵。即時的碰觸輸入需要裝置上相等快速的回饋。我們都不像以前那麼有耐心。Boot to Gecko 把輸入回饋效能視為計畫的基本要求,也使得我們工程師已經達到令人印象深刻的成果。在基本的硬體上,我們可以看到具更短的開機時間、硬體加速的 CSS 動畫、加上透明圖層還能順暢的播放影片、即時的回應……等等。我們絕對能大幅強化以網頁為基礎的使用者介面創作。

全是 HTML5、CSS 和 JavaScript

相當有意思的是,GAIA 完全透過 HTML5 、CSS 及 JavaScript 開發。你還可以直接在行動裝置或是瀏覽器上檢視原始碼及除錯。

這意味著自行調整專屬的使用者經驗是可行的。這是你的裝置,你該得到你想要的體驗!

Gaia 完全開放!

最美好的是 Gaia 以完全開放的形式開發!所有的原始碼都在 GitHub 上,你可以點選連結過去試看看、或是立即動手幫忙。記住了嗎?這全是 HTML5、CSS 及 JavaScript,請在這個令人興奮的全新環境中一展長才吧!

原文/Gaia, Mozilla’s user interface for Boot to Gecko – all web technologies ✩ Mozilla Hacks
授權/創用 CC 姓名標示─相同方式分享 3.0

φ Parker 翻譯 - Irvin 編輯

2011年3月18日

Mozilla Labs F1 更新!現在有了嶄新的使用者介面

Mozilla Labs 釋出了 F1 的新版本,這個 Firefox 套件透過工具列上新增的一個按鈕,讓您輕鬆地分享連結到熱門的社群網站和電子郵件。F1 0.7.5 版中新增 LinkedIn 支援,並且可以發送 twitter 和 Facebook 的個人訊息(Direct Message)。

然而,最大的變化還是在使用者介面上,現在它以一個泡泡對話框取代了以前的工具列。
F1 目前只支援 Firefox 4 測試版。所以,如果你還跟不上科技的潮流,現在是時候一次做個了結了。快點下載 Firefox 4 RC 候選發行版F1

延伸閱讀:
電腦玩物 | Firefox F1 便捷社群分享按鈕介面大改良,現在只支援Firefox 4
Mozilla Firefox 發佈 F1 計畫!很快的、很時尚的-社群分享按鈕

原文 - Toby 翻譯 - Irvin 編輯

2008年3月10日

火狐給你更多的空間:真.全螢幕

新的 Firefox 3 提供了更完整的全螢幕模式。過去在 Firefox 2 (及 Firefox 3 beta 4 以前的版本),當使用者按下 F11 或從 檢視(View) 選單選擇 全螢幕 時,導覽列及分頁列仍然會佔去不少螢幕空間;想要擺脫這些東西,更有效地應用螢幕空間,使用者必須藉助像 FullerScreen 這樣的擴充套件。

Firefox 3 full screen menu現在,Firefox 3 的全螢幕真的是全螢幕了。當使用者初次切換到全螢幕模式時,導覽列及分頁列會滑動到上方的角落,提醒使用者如何再將它們召喚出來。下次當使用者將滑鼠指到 那個角落時,導覽列及分頁列才會再度出現。當它們出現時,使用者也可以滑鼠右鍵,選擇讓他們一直顯示,或是離開全螢幕模式。

更棒的是,網站開發者可以透過一個全新的介面知道目前是否在全螢幕模式,並藉此調整使用者界面的設定。

原文 - 艾倫 翻譯 - alicekey 校稿

2007年11月25日

好奇?試試傳新口味的統一上下��!

年輕人,你這麼好奇,是不是很想搶先試試 Firefox 3 在介面上的新功能?其中一項眾所期盼的功能是,整合在上下頁按鈕中的瀏覽歷史,用以取代獨立的歷史功能表,有點類似 Internet Explorer 7。這正是以下這個擴充套件的功能。

Unified Back/Forward Button 是由 zeniko 開發的 Firefox 擴充套件。它會把上一頁和下一面按鈕替換成單一按鈕,按下時會以獨特的分頁歷史選單,顯示出目前分頁之前與之後瀏覽過的網頁。

既簡潔低調,也沒有選項可調整;這個擴充套件提供了更流暢的分頁瀏歷史,讓預設的工具列佈局更加輕巧,這兩個理由讓它成為新版本的預設界面。

Unified back/forward button

想試試嗎?立刻到 Mozilla Add-ons 安裝 Unified Back/Forward Button 吧!

(Chitsaou Yorkxin 翻譯,Irvin 編輯)