iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
0
Mobile Development

宅經濟起飛,想當顆沙發馬鈴薯嗎??智慧電視會是未來的趨勢嗎??讓我們一探 Android TV 的神秘世界系列 第 4

Day 4 - Android TV UI Guidelines

差不多該進入 Android TV 開發的主題了
雖說 Android TV 和 Android Phone 都是 Android 系統
但是還是有些地方需要去考慮兩者的差異
以下表格可以清楚比較 Android TV 和 Android Phone的差別,由此去設計相對應平台的 APP

Android TV Android Phone
有無螢幕 有 (但若為STB就需外接)
控制方式 遙控器 觸控
文字輸入 困難 簡單
閱讀文字 較不方便 方便
觀看影片 舒適 吃力
攜帶性 不方便 方便

下面就來跟大家介紹 Android TV 的 UI Guidelines
大家可以一起參考這兩篇 Google 介紹 Android TV 的官方文件
Design for Android TV
Design Guidelines for Android TV

大螢幕的使用者體驗


由於電視的觀看距離,使用者會無法像使用手機那樣觀看很多及複雜的訊息,因此在開發時需盡量讓畫面呈現較少的訊息,如下圖所示
https://ithelp.ithome.com.tw/upload/images/20200918/201071655LHVy7VoQH.png

遙控器的控制


在開發 TV App 時需考慮到使用者是使用遙控器來操作 App
不管是簡易或複雜的遙控器、遊戲手把等控制器,最基本的一定會會含有 四個按鍵和OK鍵
不要小看這幾個按鍵,他們可能包括了影片的 快轉到轉上一片下一片暫停播放等等,操控了整個 App 的命脈
所以在設計 App 的時候,盡可能的把功能做在這幾個遙控器上僅有的幾個鍵上

Focus 焦點

由於距離的關係,使用者的眼睛須要可以很清楚的知道自己目前到底在哪裡,是 Focus(焦點)的狀態呢,還是已經 Select(選中)的狀態
因此開發者可以將選中的卡片做 放大加陰影換顏色 等狀態來讓使用者知道目前狀態是什麼,如下圖所示
https://ithelp.ithome.com.tw/upload/images/20200918/20107165dJuHQjvGTj.png

再來,設計 TV App 時需考慮到使用者的習慣 由上到下由左至右 而沒辦法像手機一樣想放哪就放哪,如下圖所示
https://ithelp.ithome.com.tw/upload/images/20200918/20107165RpP7fjsT36.png

寫到這裡必須要先來處理孩兒了
明天再來做 Part 2 的介紹吧


上一篇
Day 3 - 目前智慧電視主流的三大系統
下一篇
Day 5 - Android TV UI Guidelines Part 2
系列文
宅經濟起飛,想當顆沙發馬鈴薯嗎??智慧電視會是未來的趨勢嗎??讓我們一探 Android TV 的神秘世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言