電視導航

電視裝置為應用程式提供一組有限的導覽控制項。若要為電視 UI 建立有效的瀏覽配置,請考慮這些有限的控制項,以及使用者如何使用遙控器按鈕 (而非觸控螢幕) 進行瀏覽。

導覽主頁橫幅

重點特色

  • 控制器提供的導覽功能有限 (由左下至右),因此請留意這如何形塑應用程式的 UI 設計。
  • 瀏覽方式應自然而熟悉。
  • 使用遙控器的返回按鈕,打造簡單的瀏覽體驗。
  • 如果使用者找不到控制項的直接路徑,請考慮重新分配控制項。

開發原則

其目的是讓導覽介面的感覺自然又熟悉,而不為使用者介面或內容引人注目。下列原則可協助設定基準,讓電視應用程式提供一致且直覺的使用者體驗。

高效

讓使用者能輕鬆快速地找到需要的內容。使用者希望用最少的點擊次數來快速瀏覽內容。以最少螢幕的方式整理資訊。

易於預測

遵循最佳做法和建議,讓使用者能預測導覽內容。請勿過度建構瀏覽模式,以免造成混淆和難以預測。

符合直覺

設計簡潔,以便流暢支援廣為採用的使用者行為。請勿加入不必要的導覽層而過於複雜。

遙控器

控制器有多種風格,從極簡的遙控器,到複雜的遊戲控制器。所有控制器都會有一個方向鍵 (D-Pad) 加上選取、主畫面和返回按鈕。其他按鈕因型號而異。

遙控器

  • 方向鍵 (D-Pad) - 電視的主要瀏覽方式是透過 D-pad (包括上、下、左、右鍵按鈕) 操作。
  • 選取按鈕 - 選取畫面上的焦點項目。 按住即可顯示更多選項。
  • 首頁按鈕 - 會將使用者導向系統主畫面。
  • 返回按鈕 - 提供使用者返回上一個檢視畫面的方法。
  • 麥克風按鈕 - 叫用 Google 助理或語音輸入。

D-Pad 導覽

在電視裝置上,使用者可使用 4 向 D-Pad 的瀏覽:向上、下、左、右。 如要建構最佳 TV 應用程式,請設計導覽配置,讓使用者可透過四個方向鍵快速瞭解如何使用您的應用程式。D-pad 會將焦點從某個元素移到對應方向中最接近的元素。

如要測試應用程式的導覽功能在 TV 裝置上順利使用 D-Pad 時,請考量以下幾點:

  • 確保使用者可以前往畫面上所有可聚焦的元素。
  • 確保瀏覽方向簡單明瞭且容易預測。
  • 對於捲動清單,請確保 D-pad 的向上和向下按鈕可以捲動整個清單,並且可以選取每個清單項目。

[首頁] 按鈕

只要按下主畫面按鈕,使用者一律會返回 Google TV 主畫面或啟動器。根據預設,目前的應用程式會在背景中暫停。

長按主畫面按鈕,即可顯示 Google TV 的系統資訊主頁和應用程式排列顯示 Android TV 的應用程式。預設行為可能因製造商而異。

[首頁] 按鈕

「返回」按鈕

為了在平台上的各個應用程式保持一致,請確認返回按鈕的行為符合這些規範。

使用可預測的返回按鈕行為

為打造可預測的導覽體驗,當使用者按下遙控器的返回按鈕時,系統會將他們導向上一個目的地。最後,如果使用者持續按下返回按鈕,應到達 Google TV 主畫面或啟動器。

設有頂端導覽的應用程式

使用者只要快速捲動頁面並啟用選單,即可返回頁面頂端。

設有頂端導覽的應用程式
含有左側導覽面板的應用程式

系統啟用左側選單,並將使用者的焦點導向正在使用的選單項目。

含有左側導覽面板的應用程式

確保返回按鈕不會受確認畫面或屬於無限迴圈的一部分。

請避免離開閘門。使用者應能在不需任何確認的情況下退出應用程式。

不要顯示返回按鈕

與手持裝置不同,遙控器上的返回按鈕會用於在電視上返回瀏覽。不需要在畫面上顯示虛擬返回按鈕。

避免在螢幕上顯示返回按鈕。使用者可以使用遙控器上的返回按鈕。

視情況顯示取消按鈕

如果唯一可見的動作是確認、破壞或購買動作,建議提供「Cancel」按鈕,可返回先前的目的地。

視需要顯示取消按鈕,讓使用者返回上一頁。

固定的起始目的地

使用者透過啟動器啟動應用程式時看到的第一個畫面,也是使用者在按下返回按鈕後返回啟動器時看到的最後一個畫面。

深層連結會模擬手動導覽

無論是深層連結或手動導覽至特定目的地,使用者都能使用返回按鈕,從應用程式的任何位置前往起始目的地。

深層連結會模擬手動導覽

從其他應用程式深層連結到應用程式的深層連結會模擬手動導覽。例如,如果使用者從 Google TV 直接進入 Moviestar 應用程式的詳細資料頁面,然後按下返回按鈕,就會直接使用 Moviestar 應用程式的首頁。

清除所有可聚焦元素的路徑

讓使用者有明確的方向瀏覽您的 UI。如果沒有通往控制項的直接路徑,請考慮重新定位。

地點控制項 (例如搜尋動作) 位於不會與其他可點擊元素重疊的位置。
請避免在難以觸及的位置加上控制項。使用 D-Pad 執行搜尋動作並不容易。

Axis

設計版面配置時,可運用水平和垂直軸的優勢。為每個方向提供特定函式,以便快速瀏覽大型階層。

這些類別可在縱軸上掃遍,且每個類別中的項目可在水平軸上瀏覽。
請避免使用複雜且巢狀的版面配置階層。