啟動和延遲
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
請小心設計應用程式的啟動體驗,因為這是使用應用程式時最先感受到的體驗。
啟動應用程式時,請注意以下原則。
請特別注重應用程式的效能,如果使用者為了等候載入內容而長時間舉手會感到不舒服。
表示活動
向使用者保證系統正在處理要求,可提高對於延遲的容忍度。
逐步建構
請逐步建構並提供內容。您可以用以下方式達到此目的。
顯示靜態元素
先從靜態元素:文字元素、可操作的按鈕等開始,並先顯示預留位置 UI,再等候其他內容載入完畢。
check_circle
正確做法
在系統載入其他內容時,先顯示靜態元素。
cancel
錯誤做法
顯示動態元素,因為內容的版面配置、形狀、格式可能很難預測會是什麼樣子。
謹慎使用旋轉圖示
如果太過隨意使用載入旋轉圖示,可能會造成延遲問題。請改為向使用者顯示靜態文字或預留位置圖片,表示系統正在進行活動。
check_circle
正確做法
顯示靜態文字,表示正在執行動作。
注重視覺回饋
在使用者進行操作後立即給予視覺回饋。這樣做可以讓使用者安心知道操作有效。輕觸按鈕等簡單的操作可以提供觸控漣漪的視覺回饋。譬如變更手機音樂音量等較為複雜的操作可以在音量變更之前顯示音量指標。
check_circle
正確做法
在系統需要執行動作時,先顯示視覺回饋。
品牌啟動畫面
在應用程式啟動時集中顯示應用程式圖示,讓使用者可以先看到這個圖示。這對您的品牌認知度有幫助,也能表示系統正在處理中。請用黑色視窗背景搭配應用程式圖示。應用程式圖示須為 48x48dp 的圓形圖示,位於錶面中央。啟動畫面圖示必須與應用程式啟動器圖示相符。進一步瞭解如何新增啟動畫面。
check_circle
正確做法
請使用黑色視窗背景搭配 48x48dp 圓形圖示。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2025-07-27 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2025-07-27 (世界標準時間)。"],[],[],null,["# Launch and latency\n\nDesign your app's launching experience with care, because this is the first\nthing users encounter.\n\nWhen launching your app, keep the following principles in mind.\n\nOptimize performance\n--------------------\n\nInvest in the performance of your app, as it can be uncomfortable to keep the\nwrist up while waiting for content to load.\n\nIndicate activity\n-----------------\n\nReassuring users that the system is actively working on their requests can\nincrease their tolerance for delays.\n\nBuild gradually\n---------------\n\nGradually build content as it becomes available. This can be done in the\nfollowing ways.\n\n### Display static elements\n\nStart with static elements such as text elements, actionable buttons, and\nplaceholder UI first, while the rest of the content loads. \ncheck_circle\n\n### Do\n\nShow static elements while other content is loading. \ncancel\n\n### Don't\n\nShow dynamic elements, because the layout, shape, or format of the content can be unpredictable.\n\n### Use spinners with caution\n\nIndeterminate loading spinners can cause latency issues. Instead show users\nstatic text or a placeholder image to indicate activity is happening. \ncheck_circle\n\n### Do\n\nShow static text to indicate the action that is happening.\n\n### Prioritize visual feedback\n\nWhen users perform an action, give them visual feedback instantly. This builds\nconfidence that the action has happened. For simple actions like tapping a\nbutton, this can be on-touch ripple feedback. For more complex actions like\nchanging the volume of music on the phone, this can be showing the volume\nindicator before the volume has been changed. \ncheck_circle\n\n### Do\n\nShow visual feedback first when the system needs to perform an action.\n\nBranded launch\n--------------\n\nDisplay the app icon centrally during app starts, so users see the app\nicon first. This improves brand recognition and is one way to show progress.\nUse a black window background with the app icon. The app icon must be a 48x48dp\ncircular icon that is positioned in the center of the watch face. The splash\nscreen icon must match the app launcher icon. Learn more about how to\n[add a splash screen](/training/wearables/apps/splash-screen). \ncheck_circle\n\n### Do\n\nUse a black window background with a circular 48x48dp icon."]]