การเปิดตัวและเวลาในการตอบสนอง
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ออกแบบประสบการณ์การเปิดตัวแอปอย่างรอบคอบ เนื่องจากนี่เป็นสิ่งแรกที่ผู้ใช้จะเห็น
โปรดคำนึงถึงหลักการต่อไปนี้เมื่อเปิดตัวแอป
มุ่งเน้นที่ประสิทธิภาพของแอป เนื่องจากผู้ใช้อาจไม่สบายตัวหากต้องยกข้อมือขึ้นขณะรอให้เนื้อหาโหลด
ระบุกิจกรรม
การสร้างความมั่นใจให้ผู้ใช้ทราบว่าระบบกำลังดำเนินการตามคำขอของพวกเขาอยู่จะช่วยเพิ่มความอดทนต่อความล่าช้า
ค่อยๆ เพิ่ม
สร้างเนื้อหาทีละน้อยเมื่อพร้อมให้บริการ ซึ่งทำได้ด้วยวิธีต่อไปนี้
แสดงองค์ประกอบแบบคงที่
เริ่มต้นด้วยองค์ประกอบแบบคงที่ เช่น องค์ประกอบข้อความ ปุ่มที่ใช้งานได้ และ UI ตัวยึดตำแหน่งก่อน ในขณะที่โหลดเนื้อหาที่เหลือ
check_circle
ควรทำ
แสดงองค์ประกอบแบบคงที่ขณะที่เนื้อหาอื่นๆ กำลังโหลด
cancel
ไม่ควรทำ
แสดงองค์ประกอบแบบไดนามิก เนื่องจากเลย์เอาต์ รูปร่าง หรือรูปแบบของเนื้อหาอาจคาดเดาไม่ได้
ใช้สปินเนอร์อย่างระมัดระวัง
แถบหมุนที่โหลดไม่สิ้นสุดอาจทำให้เกิดปัญหาเกี่ยวกับเวลาในการตอบสนอง แต่ให้แสดงข้อความแบบคงที่หรือรูปภาพตัวยึดตําแหน่งแทนเพื่อบ่งบอกว่ามีกิจกรรมเกิดขึ้น
check_circle
ควรทำ
แสดงข้อความแบบคงที่เพื่อบ่งบอกการกระทําที่เกิดขึ้น
ให้ความสำคัญกับผลตอบสนองแบบภาพ
เมื่อผู้ใช้ดำเนินการ ให้แสดงผลลัพธ์เป็นภาพแก่ผู้ใช้ทันที วิธีนี้ช่วยเพิ่มความมั่นใจว่าการดำเนินการเกิดขึ้นแล้ว สําหรับการดําเนินการง่ายๆ เช่น การแตะปุ่ม ฟีเจอร์นี้อาจเป็นการตอบสนองแบบริปเปิลเมื่อสัมผัส สําหรับการดําเนินการที่ซับซ้อนมากขึ้น เช่น การเปลี่ยนระดับเสียงเพลงในโทรศัพท์ ข้อมูลนี้อาจแสดงตัวบ่งชี้ระดับเสียงก่อนที่จะมีการเปลี่ยนแปลงระดับเสียง
check_circle
ควรทำ
แสดงผลตอบสนองแบบภาพก่อนเมื่อระบบต้องดำเนินการ
การเปิดตัวแบบมีแบรนด์
แสดงไอคอนแอปตรงกลางระหว่างที่แอปเริ่มทำงาน เพื่อให้ผู้ใช้เห็นไอคอนแอปก่อน ซึ่งจะช่วยเพิ่มการจดจําแบรนด์ และเป็นวิธีหนึ่งในการแสดงความคืบหน้า
ใช้พื้นหลังหน้าต่างสีดําที่มีไอคอนแอป ไอคอนแอปต้องเป็นไอคอนวงกลมขนาด 48x48dp ที่วางไว้ตรงกลางหน้าปัด ไอคอนหน้าจอแนะนำต้องตรงกับไอคอนตัวเปิดแอป ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีเพิ่มหน้าจอแนะนำ
check_circle
ควรทำ
ใช้พื้นหลังหน้าต่างสีดําที่มีไอคอนวงกลมขนาด 48x48dp
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[null,null,["อัปเดตล่าสุด 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."]]