2015年7月17日

Showing off Firefox in HKOSCon 2015

編按:MozTW 共七位成員於 6/26~27 參與 HKOSCon 2015 香港開源年會,並在現場設置 Mozilla 攤位,本文為 Yao Wei 的第一手報導。我們也將於 8/15~16 於中研院舉辦的 COSCUP 2015 擺攤,並展出與香港年會中相近的內容,歡迎大家前來參觀。

MozTW team @ HKOSCon2015 #FoxYeah

HKOSCon is an annual open source conference in Hong Kong, similar to COSCUP in Taiwan. This year it took place in HKSTP (Hong Kong Science and Technology Park). Our booth was in a glass corridor connecting the food court and the conference building. It was a brilliant idea to set up booths in the corridor, where people working in the science park may walk through it for lunch.

MozTW booth @HKOSCon2015
MozTW booth @HKOSCon2015

In our booth, we promoted Firefox, and Mozilla in general — an organization focus on freedom of choice, open standards and privacy. To accomplish this, we have a physical version of the #FoxYeah campaign which began right before HKOSCon. We have boards printed with reasons of using Firefox, and asked people to pick one they like most and take a picture with it. However, attendees tend to be shy in front of cameras; we had very few people who are willing to take a picture other than staffs.

Also, we showed off Firefox OS, one of the major projects in Mozilla. We let visitors know the potential of web technology by using our devices. Especially, as the mobile market is overly saturated, some people ask us what else Firefox OS can be applied into. We reply with the FxOS-powered UHD TV which just hit the market, and the ongoing Web of Things experiments from Mozilla Japan.

The booths along with us featured some interesting projects:

Sammy Fung, the organizer of the conference, had a lightning talk session talking about the history of open source conference in Hong Kong, and we believe the renaissance of open source movements in this place has just begun.

You can see more photos from the tag on Flickr.

Author / Yao Wei
License / CC BY-SA-3.0 TW

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 編輯

2015年6月15日

摩茲動手做(四)幫 Firefox OS 修 Bug 的第一步

摩茲動手做系列許久不見,第四集終於來了(三年了!)。本文的作者是交大資工的 Yu Wen Pwu 同學。Yu Wen Pwu 本學期以「幫 Firefox OS 修 Bug」,作為他的大一服務學習課程內容。短短幾個月的時間,已經送了 6 個 Patch,也有三個 Merge 了!

幫 Firefox 修 Bug 不分年齡與經驗,歡迎大家一起來挑戰各式各樣的 Good First Bug。(歡迎大專院校老師們一同來推動,以貢獻自由軟體作為服務學習課程,請聯繫教育部自由軟體推廣中心


Firefox OS 所有的 bug 都是在 Bugzilla@Mozilla 平台上管理的。因此,第一步當然是先到 Bugzilla 認領一個您想修的 bug (建議從簡單的 good first bug 開始)。或者,您也可以在 Bugzilla 上建立一個新的 bug。

接下來,有一些前置作業要完成。請先在 GitHub 上 fork 它所屬的 repository,例如 Firefox OS 的前端 Gaia:mozilla-b2g/gaia。接著請回到您的本地端,執行以下指令:

$  git clone https://github.com/username/gaia.git
$  git remote add upstream https://github.com/mozilla-b2g/gaia.git
$  # check if you have added 'mozilla-b2g/gaia' as 'upstream'
$  git remote -v

每次開始修 bug 之前,請記得從 upstream 抓取更新,使您的本地端 repository 保持在最新狀態。請執行以下指令:

$  git remote update
$  # do not use 'git merge upstream/master'
$  # use the following command instead
$  git rebase upstream/master

然後就可以開始修 bug 囉。為了維持簡潔明瞭的 commit log,您應該將所有變更提交為單一一個 commit。您可以參考以下指令:

$  git add filename
$  # your commit message should be in the following form
$  # Bug id - Description of your patch r=reviewer
$  git commit -m 'your commit message'
$  git push origin master

再次提醒您,如果您提交了超過一個 commit,請務必將其合併為單一一個 commit。您可以參考以下指令:

$  # show the commit history
$  git log
$  # n: the number of commits you want to squash
$  # please replace 'n' with any positive integer
$  git rebase -i HEAD~n
$  # into interactive mode
$  # step i. replace 'pick' with 'squash' except for the first line
$  # step ii. modify commit messages
$  git log
$  # now you should see n commits combined into a single commit

最後,請至 Mozilla 的 GitHub repository 提出 pull request。同樣地,pull request 的標題必需符合 "Bug id - Description of your patch r=reviewer" 的形式。這時系統應該會自動為您在 Bugzilla 上新增一個 attachment,其檔案名稱即為該 pull request 的網址。請在 attachment 上指定 review flag 給相關負責人。

負責人檢查過您提交的程式碼後,請到 Bugzilla 為該 bug 新增一個 keyword "checkin-needed",讓系統自動處理您的 pull request。現在就只要等候您的 pull request 被 merge,然後再前往 Bugzilla 將該 bug 的 status 變更為 RESOLVED FIXED,就完成囉。

如何測試 Firefox OS?

Firefox OS 的架構分為:Gonk > Gecko > Gaia。Gonk 是系統核心,以 Linux Kernel 為基礎。而 Gaia 則是 Firefox OS 的前端,完全採用 HTML、CSS、JavaScript 等網頁程式語言來撰寫。要測試 Firefox OS 最簡單的方法是直接在 Firefox 瀏覽器上模擬。您只要開啟 Firefox,點選右上角的開啟選單 > 開發者 > WebIDE,選擇一個 Runtime (若選單中未出現 Firefox OS,則需先安裝一個 Firefox OS 模擬器),就可以直接執行 Firefox OS 囉。

原文 / 網頁設計微筆記: 12.5 參與 Mozilla Firefox OS 開發的流程
作者 / Yu Wen Pwu
授權 / 創用 CC 姓名標示-非商業性-相同方式分享 4.0 國際 授權條款授權

2015年5月1日

前進吧,摩茲巴士!Web 工廠的遊牧之旅

在 2013 年 9 年 19 日,Mozilla Japan 宣布 MozBus Project (摩茲巴士)計畫正式啟動。

編按:關於本計畫一年半來的成果,歡迎查看 MozBus 計畫網站

以下是這項計畫的目標:

  • 在任何時間、地點與情境下向一般民眾推廣 Web 知識
  • 研究以 Web 作為災害防治基礎建設的應用
    • 在災難發生時,應用巴士上的車載網絡
    • 預計這個災害防治基礎建設計畫將擴大到全亞洲,而 MozBus 將成為計畫的網絡和資訊中心樞紐
  • 舉辦各種巡迴工作坊
    • 使用 Webmaker 來教導「Web」
    • 舉行網頁和自造者(如雷射切割)工作坊
  • 建置資訊技術教學相關材料
  • 在 Web 的使用、體驗和建構上找尋新的可能性

為了實現上述目標,我們與來自各個領域的企業和組織合作,推出 MozBus 計畫,協同來自各單位的輔導員 (Mentor) 共同進行研究、執行上述的活動。

MozBus 車上設有一台發電機、網絡設備、電腦以及其他必要設備;不管在任何地方、任何情況之下,都能夠隨時運用。藉此,我們也降低了舉辦 Webmaker、網站和創作工作坊等活動的硬體要求。

隨著巡迴工作坊的舉辦,我們期望能開展各項研究和開放實驗專案,並以以公開與共享的方式展現計畫成果,讓其得以被重複使用。

為了維持公正與公開,這些專案將會在 Mozilla Factory 的組織架構之下執行。管理和研究所需要的花費和設備費用,將由出資贊助及參與計畫的企業負擔。

目前,以下大學、研究機構以及企業已參與 MozBus 計畫,包含(截至 2013 年 9 月 19 日):

  • 慶應大學 SFC
  • 日本 OpenStreetMap 基金會
  • 日本國立天文台(The National Astronomical Observatory of Japan)
  • IPSTAR
  • Cisco Systems

MozBus 由 Mozilla Factory 社群共同設計。我們希望透過 MozBus,提供大家體驗和認識 Web 的機會,探究與型塑 Web 的更多可能!

原文 / MozBus Project (en) — Started MozBus: a nomadic Web factory
刊載日期 / Sep 20th, 2013

φ 交大服務學習 chiaoju、mulnihsu 翻譯 - Irvin 編輯

2015年3月27日

新版 Firefox 設定頁網味十足

另外一個很棒的 Firefox 改變就要來了!

到目前為止,「Firefox 偏好設定」的長相一直是一堆累贅的視窗組成,幾乎沒可能在其中找到想要的設定。這是典型的軟體問題:隨著程式增加新功能,相關的設定直接加進原本的介面,讓已經很複雜的設定介面隨之膨脹,變得更加複雜。


這個亂七八糟的東西,就是現在的 Firefox 偏好設定介面

終於,新的契機來了!

Firefox UX 團隊興奮地向大家宣佈,全新的美麗設定頁面,已經成為 Nightly 版本的預設值,很快就會在釋出版中出現了。在這個新設計中,有一致的視覺元素、精進的資訊架構,所有的東西都在內頁中呈現,不需另開視窗。


新的 Firefox 設定頁

為什麼把設定放在內頁中,不另開視窗很重要呢?

  1. 跨裝置的一致性:使用內頁呈現,讓我們不再需要仰賴裝置繪製獨立的對話框與視窗。這對平板與手機來說格外重要,因為要在上面很難進行視窗管理。今後,Firefox 行動版的使用者在使用桌面版時,就會看到熟悉的介面,反之亦然。

  2. 跨系統的一致性:Windows、OSX 與 Linux 處理新視窗與對話框的方式都不一樣,這表示在不同的作業系統上,設定頁的使用體驗也不同。在 Firefox 內繪製設定頁,我們可以讓不同系統呈現一致的視覺體驗。

  3. 與網路的一致性:某方面來說,瀏覽器就是網路的門戶。如果表現得跟充滿對話框的傳統應用程式一樣,就太落伍了。用網頁做設定頁的優點,讓使用者不需在現有分頁之外另開視窗,而破壞體驗。

  4. 可擴充性:不被小小的浮動視窗限制,意謂我們可以創造更豐富的客製化體驗。附加元件管理員已在先前轉換成內容頁面,讓我們得以實驗更豐富的使用體驗。同樣的,請期待偏好設定畫面上更多的創新設計應用吧!

未看先回:是的,下一步就是在設定頁上增加搜尋功能。為了能讓你精確的召喚出想要的那個選項,而無須「學習」我們的介面,這是一定要的啦!

在此特別感謝資深視覺設計師 Michael Maslaney,它是變色龍專案的先鋒,制定此次改版的風格指南。另外感謝密西根州立大學的學生 Owen Carpenter、Joe Chan、Jon Rietveld 與 Devan Sayles,他們在 2012 年 5 月提出了獲獎內頁偏好設定設計初版

原文 / Firefox’s Redesigned Preferences Feel More like the Web | Mozilla UX
作者 / Jennifer Morrow
授權 / 創用 CC 姓名標示-相同方式分享-3.0
刊載日期 / 2014/5/23

φ Mika 翻譯 - Irvin 編輯