Chạy và độ trễ
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Hãy cẩn thận khi thiết kế trải nghiệm khởi chạy ứng dụng, vì đây là lần đầu tiên người dùng mở ứng dụng.
Khi ra mắt ứng dụng của bạn, hãy lưu ý các nguyên tắc sau.
Đầu tư vào hiệu suất của ứng dụng vì bạn có thể thấy không thoải mái khi phải giữ cổ tay trong lúc chờ nội dung tải.
Chỉ báo hoạt động
Việc đảm bảo với người dùng rằng hệ thống đang tích cực xử lý các yêu cầu của họ có thể khiến người dùng yên tâm hơn giúp tăng khả năng chờ đợi vì chậm trễ.
Xây dựng dần từng bước
Từng bước xây dựng nội dung cho đến khi nội dung đó sẵn sàng để sử dụng. Bạn có thể thực hiện việc này theo các cách sau.
Hiển thị các phần tử tĩnh
Trước tiên, hãy bắt đầu bằng các phần tử tĩnh như thành phần văn bản, nút có thể thao tác và giao diện người dùng phần giữ chỗ, trong khi phần nội dung còn lại sẽ tải.
check_circle
Điều nên làm
Hiển thị các phần tử tĩnh trong khi nội dung khác đang tải.
cancel
Không nên
Hiển thị các phần tử động vì bố cục, hình dạng hoặc định dạng của nội dung có thể khó đoán.
Hãy thận trọng khi dùng trình đơn vòng quay
Các trình đơn vòng quay tải không xác định có thể gây ra vấn đề về độ trễ. Thay vào đó, hãy hiển thị cho người dùng văn bản tĩnh hoặc hình ảnh phần giữ chỗ để cho biết hoạt động đang diễn ra.
check_circle
Điều nên làm
Hiển thị văn bản tĩnh để cho biết hành động đang diễn ra.
Ưu tiên phản hồi bằng hình ảnh
Khi người dùng thực hiện một thao tác, hãy đưa ra phản hồi tức thì bằng hình ảnh. Việc này tạo ra sự tin tưởng rằng hành động đã xảy ra. Đối với các thao tác đơn giản như nhấn vào một nút, đây có thể là phản hồi gợn sóng khi chạm. Đối với các thao tác phức tạp hơn như thay đổi âm lượng nhạc trên điện thoại, bạn có thể hiển thị chỉ báo âm lượng trước khi âm lượng thay đổi.
check_circle
Điều nên làm
Trước tiên, hãy hiển thị phản hồi bằng hình ảnh khi hệ thống cần thực hiện một hành động.
Ra mắt thương hiệu
Hiển thị biểu tượng ứng dụng ở giữa khi khởi động ứng dụng để người dùng thấy biểu tượng ứng dụng trước tiên. Việc này giúp cải thiện khả năng nhận diện thương hiệu và là một cách để thể hiện sự tiến bộ.
Sử dụng nền cửa sổ màu đen có biểu tượng ứng dụng. Biểu tượng ứng dụng phải là biểu tượng hình tròn có kích thước 48x48dp nằm ở giữa mặt đồng hồ. Biểu tượng màn hình chờ phải khớp với biểu tượng trình chạy ứng dụng. Tìm hiểu thêm về cách thêm màn hình chờ.
check_circle
Nên
Sử dụng nền cửa sổ màu đen có biểu tượng hình tròn 48x48dp.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-27 UTC."],[],[],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."]]