萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 淺談電視界面與操作模式

淺談電視界面與操作模式

  隨著互聯網與生活越來越密不可分,聯網設備也從原本的電腦,變換到了手機上。正當大家的生活離不開手機時,網絡也等著進入大家最常接觸的第三屏幕-電視。

  一直以來都有許多廠商在智能電視上耕耘,早期的 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 更是將大家熟悉的觸控方式帶進了電視裡,未來與電視的互動方式會演變成什麼洋子,就讓我們繼續觀察下去。

copyright © 萬盛學電腦網 all rights reserved