運用 Web 技術打造電視遙控器的操作環境

當初我們決定要將 Firefox OS 應用到智慧電視 (Smart TV) 上時,第一個遇到的問題便是操作介面的不同。在一般的電視使用情境下,使用者通常不會有滑鼠或是觸碰螢幕,能拿來操作的是那少少幾個按鍵的電視遙控器 (好吧,其實現在電視遙控器上的按鍵還不少)。在將 Firefox OS 這樣一個 Web 平台作為手機作業系統時,開發 App 就像是在做手機版的網頁,兩者的操作並沒有什麼不同;但.....深入了解

建構 Firefox OS 操作介面的基本元素: Fira Sans 字型

字型是使用者介面的基礎,所有顯示在畫面上的資訊都是由圖跟文字構成的。舉凡使用者需要閱讀、了解文意、或是進一步進行操作動作選擇的地方,不論是一段說明文字、一個對話框、圖示下面的標題文字、或是確認、取消的按鈕、系統設定畫面…等等,皆需要文字來構成。其實在介面設計中,沒有刻意去注意的話,可能不會發現,原來字型的運用是超乎想像地多的。 如下圖是 Firefox OS 的首頁以及設定、對話框畫面,就用.....深入了解

Mozilla UX Team大解密

在 Mozilla 眾多的團隊中,有一個神秘的 UX Team ,很多人都很好奇到底這些人在做什麼? 整天都在會議室嘻嘻哈哈的討論工作,感覺很快樂。今天就來為大家解密,介紹一下 Mozilla 的 UX Team 。 首先,先跟大家解釋一下什麼是 UX : UX(User Experience)就字面上來翻,就是使用者經驗,或是有些人會用一個更好的說法:使用者體驗。設計師根據使用者設計一項產品.....深入了解