Search
Close this search box.

【Desiring Clicks 專欄】淺談電視介面與操作模式

隨著網際網路與生活越來越密不可分,連網裝置也從原本的電腦,變換到了手機上。正當大家的生活離不開手機時,網路也等著進入大家最常接觸的第三螢幕 -- 電視。

一直以來都有許多廠商在智慧電視上耕耘,早期的 IPTV, 中華電信 MOD、壹電視網樂通是這類,現在的 OTT(Over-The-Top)-Box,大家熟知的 Apple TV、Google TV 以及大家可能比較陌生的 Roku、Boxee,透過 Netflix、Hulu、Amazon video 等豐富的數位內容,達到新的收視體驗。

因為電視擁有大尺寸,遠距離觀賞的特性,所以在介面的設計開發上,與電腦手機的瀏覽使用體驗都有很大的不同。另外再加上控制器的外在限制,當在使用電視時,我們沒有鍵盤滑鼠。要點擊任何按鈕、輸入任何文字,只能依靠簡單按鍵的遙控器,其中我們最能好好利用的按鍵,就是 上 / 下 / 左 / 右 / 確認,要怎麼利用這簡單的互動設備,做出讓使用者使用時不會「抓狂」的產品,將是我們需要好好研究的課題。

  • 虛擬鍵盤的重新設計

相信可能已經滿多人使用過一些運行 Android 的機上盒,也有人稱做客廳電腦的產品。當你打開瀏覽器想要輸入網址時,跳出了虛擬鍵盤,你利用著遙控器一個一個字慢慢的輸入,那種不耐煩幾乎想放棄的感覺,應該很多人都有經驗。萬一你又不小心輸入錯誤全部重來的時候,就留下了智慧電視很難用的印象。

在電視上利用遙控器輸入任何數字文字,本來就是一件極度困難的事情,這件事情最大的問題就是 Android 內建的 Qwerty 虛擬鍵盤,原本設計在手機與平板上,與實體鍵盤配置相同,讓使用者憑著電腦是用經驗,快速找到按鍵位置,達成輸入目的。但是換成只有方向鍵加上確認鍵的遙控器,配上 Qwerty 虛擬鍵盤,大部分的時間都在浪費在移動按鍵上,況且英文鍵盤的配置,就是為了讓每個手指點擊的次數差不多,所以輸入一個單字,需要四處移動按鈕,自然使用者體驗不佳。

在虛擬鍵盤的設計上,Opera TV 使用傳統手機的英文輸入法介面,使用時利用遙控器上的 0 ~ 9 數字鍵來完成輸入,另外則是有將 A ~Z, 0 ~ 9 按鍵重新排列成 6 乘 6 的虛擬鍵盤。這兩種方法都可以有效降低使用者按遙控器的次數。

  • 導覽介面

好的導覽模式,是可以讓使用者很輕鬆的找到想要的東西,在電視的介面上,建議設計成矩形按鈕,並且擁有明顯的焦點(focus)效果,讓使用者清楚明白當下的操作位置。當設計出一個適合電視上閱讀的互動介面時,我們即發現到電視上的畫面有限,一頁能顯示的資料量大概只有 10 筆左右。在畫面寸土寸金的情況下,Opera TV 選擇將焦點固定在正中央,當按下左右按鈕時,畫面成水平捲動的方式,以獲得較多的顯示畫面。

Apple TV 則是使用了垂直捲動的方法,刻意讓最下層的按鈕被畫面底部切掉,讓使用者知道下面還有內容,當移動到下方按鈕時,則會有一個像下滾動的轉場效果,讓使用者不容易在使用的過程迷路。

還有一個同時利用到垂直以及水平捲動的 TV app -YouTube TV。這是一個完全用 web 方式開發的應用程式,只要到 https://www.youtube.com/tv 利用瀏覽器搭配鍵盤的方向鍵即可操作。

當上下移動時會利用上下捲動的方式變化導覽選單,左右移動時則利用水平捲動的方式選擇影片連結,這個操作模式非常的直覺,可惜顯示內容時只能利用單行的方式顯示,能夠顯示的資料量有限。

智慧電視的未來的操作模式還有很多的可能性,最近三星推出了類似 Kinect 體感遙控的 Smart TV,也有利用類似 Wii Remote 的鼠標遙控,或者近期剛發表的 fan TV 更是將大家熟悉的觸控方式帶進了電視裡,未來與電視的互動方式會演變成什麼樣子,就讓我們繼續觀察下去。

Desiring Clicks 是一個專門介紹使用者介面、使用者經驗、視覺設計、資訊架構和網路行為的網誌。歡迎你一起參與介面設計,讓這個世界變得更美好。

  • 延伸閱讀

他真的不是我兄弟:像素跟點大不同
合適的逃脫方式:iOS 與 Android 大不同
強化大腦記憶:邊學邊作的使用教學

(資料來源:Design considerations for Opera TV Store applications;圖片來源:espensorvik, CC Licensed)