使用者介面

第 2 級自動調整最佳化圖示

第 2 級 - 最佳化調整式

對使用者而言,使用者介面就是應用程式。使用者介面決定了使用者體驗,而使用者體驗決定了使用者滿意度、應用程式使用情形、應用程式購買情形和顧客留存率。

大螢幕提供廣闊的顯示空間,可供創新且適應性強的使用者介面,提供小螢幕無法複製的使用者體驗。

請加入下列 UI 元素,針對大螢幕最佳化應用程式:

  • 導覽邊欄或導覽匣
  • 較大的觸控目標
  • 選單和對話方塊位置適當
  • 多窗格版面配置

自動調整式版面配置

建立自動調整式版面配置,在大螢幕和小螢幕上最佳化應用程式的 UI。同時針對多種板型規格進行設計與建構。確保應用程式日後可用於新裝置類型。

標準版面配置

善用經過驗證的自動調整式版面配置,打造卓越的應用程式使用者體驗。建立清單詳細資料、支援窗格或動態消息版面配置,讓更多內容更容易管理,也更賞心悅目。

回應式使用者介面

請根據螢幕大小調整 UI 元素格式。對於會占據小螢幕整個寬度的按鈕、卡片,以及文字欄位,請限制這些元素的寬度,使其在大螢幕上擁有能讓功能正常運作的合適大小。記得千萬別讓對話方塊和其他互動視窗占滿整個畫面。請確保內容選單和其他與元素相關的彈出式視窗顯示在使用者選取的元素附近,而不要將這些內容置於畫面中央。

活動嵌入

更新以活動為基礎的舊版應用程式,在大螢幕上採用多窗格版面配置。不需要重構程式碼。在 XML 中設定版面配置,或發出幾次 Jetpack WindowManager API 呼叫。

後續步驟

如要瞭解如何開發 UI,打造最佳使用者體驗,請參閱下列開發人員指南: