設計媒體應用程式

Android 使用者會與各種媒體類型互動,例如有聲書、音樂、Podcast 和電台。重要的是,設計的應用程式能方便使用者透過智慧手錶存取媒體。手錶是獨一無二的介面,兼顧互動的便利性和速度是首要之務,因為使用者與手錶互動的時間遠比手機或平板電腦少。

詳情請參閱 GitHub 上的媒體工具包

媒體應用程式架構

建立具有特定限制和需求的媒體應用程式。媒體應用程式通常提供瀏覽實體頁面。瀏覽頁面可讓使用者尋找要播放的媒體。實體頁面可為使用者提供媒體項目所含內容的詳細資訊,也可以包含手動下載、播放或隨機播放等其他動作。

此外,媒體應用程式也應提供媒體控制畫面。請使用五個按鈕的版面配置建立媒體控制項,這樣可確保符合最少輕觸目標的需求。以下是音樂應用程式和 Podcast 應用程式的媒體控制項範例。

請根據內容類型調整顯示的媒體控制項。如果要提供超過五個動作,可使用三點溢位圖示,將使用者帶往其他頁面。您可以在應用程式中使用自訂圖示和字型。

建立實體頁面時,請確保重要內容和動作隨時可用,例如下載媒體供離線播放或播放速度。

音樂應用程式的實體頁面範例。 Podcast 應用程式的實體頁面範例。

多數 Wear OS 裝置都提供側邊旋轉按鈕 (RSB) 或邊框。某些 Wear 裝置也可能提供額外的硬體按鈕,用來控制音量。請使用 RSB、邊框或額外的按鈕控制音量。只有在使用者旋轉 RSB 或邊框時才顯示指標,如以下範例所示。

減少應用程式階層,向使用者顯示媒體。採用平面式資訊架構設計,可讓使用者快速存取清單和展示縮圖。建議您使用 Wear OS 專用的自訂設計元件。詳情請參閱「資訊卡」和「方塊」的設計建議。

常見用途

設計媒體應用程式時,請務必將以下重要用途列為優先考量。

可讓使用者執行以下功能:

  • 聆聽下載的媒體
  • 透過手錶串流播放音樂

聆聽下載的媒體

讓使用者能夠從實體頁面手動下載媒體項目。

告知使用者會在哪裡下載內容、下載進度、下載所需時間和下載大小,如以下範例所示:

使用者瀏覽媒體時,顯示最近下載的媒體。

如果內容已下載完畢,請顯示用於從手錶移除下載內容的動作,清楚表明這個情況。在此情況下,您也必須顯示下載內容佔用多少手錶空間,如下圖所示。

如果來源裝置是手錶,請在使用者開始聆聽音樂之前,提示他們連接耳機。連接耳機後,即可播放媒體並開啟媒體控制項。

透過手錶串流播放音樂

透過手錶串流播放可能會耗盡手錶電力。使用者選擇透過手錶聆聽音樂時,可在瀏覽清單中顯示最近使用的下載內容,優先播放已下載的內容。建議您新增一個按鈕,用於將使用者帶往完整的下載內容清單,如下圖所示。