หลักการออกแบบ
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ออกแบบประสบการณ์การใช้งานสื่อใน Wear OS โดยใช้หลักการสำคัญที่ให้ความสำคัญกับ
การควบคุมของผู้ใช้และประสิทธิภาพ
สม่ำเสมอและคาดการณ์ได้
ตรวจสอบว่าผู้ใช้ไม่จำเป็นต้องเรียนรู้พื้นฐานของการโต้ตอบใหม่จาก UI ของสื่อหนึ่งไปยังอีก UI หนึ่ง
เพื่อให้ผู้ใช้ควบคุมสื่อในบริบทต่างๆ ได้
ปรับรูปแบบ UI และหลีกเลี่ยงการสร้าง UI ใหม่สำหรับการโต้ตอบทั่วไป
สำคัญและดูได้รวดเร็ว
ช่วยให้ผู้ใช้ทำงานให้เสร็จได้อย่างรวดเร็วด้วยการยกระดับการควบคุมที่สำคัญและแสดงสถานะที่ถูกต้อง
แสดงตัวควบคุมและเนื้อหาที่สำคัญในลำดับชั้นข้อมูลที่ชัดเจนเพื่อให้
ผู้ใช้ควบคุมการเรียกดูและการเล่นสื่อบนนาฬิกาได้
แสดงสถานะแบบไดนามิก เช่น ระดับเสียงปัจจุบันของอุปกรณ์หรืออุปกรณ์เอาต์พุตที่เชื่อมต่อ
รวดเร็วและสม่ำเสมอ
ตรวจสอบว่าผู้ใช้ควบคุมสื่อบนข้อมือได้อย่างรวดเร็ว
หลีกเลี่ยงท่าทางสัมผัสที่ซ่อนอยู่หรือรูปแบบการโต้ตอบที่ต้องมีการเริ่มต้นใช้งานและความสามารถในการจดจำเชิงพื้นที่ ระบุความสามารถในการมองเห็นในบรรทัดซึ่งจะนำ
ผู้ใช้ไปยังฟังก์ชันการทำงานเพิ่มเติมอย่างชัดเจน
ยืนยันเส้นทางการใช้งานของผู้ใช้ที่เกี่ยวข้องกับ UI ของระบบและแอปที่ผสานรวมกันอย่างราบรื่นเพื่อหลีกเลี่ยงหน้าจอที่ซ้ำกันสำหรับผู้ใช้ในการไปยังส่วนต่างๆ ระหว่างแพลตฟอร์มในบริบทต่างๆ
รูปแบบการออกแบบที่พบบ่อย
ส่วนต่อไปนี้จะอธิบายรูปแบบการออกแบบทั่วไปสำหรับประสบการณ์การใช้งานสื่อบน
Wear OS
ใช้ปุ่ม Overflow เพื่อให้การนำทางและฟังก์ชันการทำงานต่างๆ สอดคล้องกัน
สิ่งที่ไม่ควรทำ
ใช้ท่าทางสัมผัสที่ซ่อนอยู่ซึ่งกำหนดให้ผู้ใช้ต้องจดจำการนำทาง
สิ่งที่ควรทำ
แสดงปุ่ม Overflow ที่มองเห็นได้ชัดเจนเพื่อแนะนำให้ผู้ใช้เข้าถึงฟังก์ชันการทำงานเพิ่มเติม
ตัวเลือกการเข้าถึงสื่อที่สอดคล้องกัน
ให้สิทธิ์เข้าถึงฟังก์ชันการทำงานอย่างสม่ำเสมอในแพลตฟอร์มและบริบทของสื่อต่างๆ
สิ่งที่ไม่ควรทำ
รูปแบบการควบคุมสื่อที่ไม่สอดคล้องกันในแพลตฟอร์มและบริบทของสื่อ
ทำให้ผู้ใช้สับสนและเพิ่มภาระทางปัญญา
สิ่งที่ควรทำ
สร้างรูปแบบที่สอดคล้องกันในแพลตฟอร์มและบริบทของสื่อ
การควบคุมระดับเสียง
ใช้การโต้ตอบการควบคุมระดับเสียงที่สำคัญ เช่น แถบแสดงการแตะได้ แถบระดับเสียง และ
การควบคุมด้วยฮาร์ดแวร์ เพื่อให้แน่ใจว่าสามารถดำเนินการเกี่ยวกับระดับเสียงที่สำคัญได้
สิ่งที่ไม่ควรทำ
การที่ผู้ใช้ควบคุมระดับเสียงด้วยฮาร์ดแวร์ไม่ได้จะทำให้เกิดความสับสน
สิ่งที่ควรทำ
อนุญาตให้ผู้ใช้ควบคุมระดับเสียงด้วยเม็ดมะยมของฮาร์ดแวร์
อุปกรณ์เอาต์พุต
ใช้ไอคอนที่แสดงให้ผู้ใช้เห็นอย่างชัดเจนว่าอุปกรณ์ใดที่ใช้ฟัง
การเล่นสื่อ
สิ่งที่ไม่ควรทำ
ไอคอนไม่ได้แสดงว่าเสียงจะมาจากไหนและจะควบคุมระดับเสียงที่ใด
สิ่งที่ควรทำ
แสดงสถานะอุปกรณ์เอาต์พุตพร้อมการบ่งชี้การควบคุมระดับเสียง
ขยายการใช้งานไปยังอุปกรณ์ต่างๆ
พิจารณาความสอดคล้องกันในอุปกรณ์ต่างๆ และใช้รูปแบบที่มีอยู่เพื่อประสบการณ์ของผู้ใช้ที่คาดการณ์ได้มากขึ้น
และสอดคล้องกัน
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","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 UTC"],[],[],null,["# Design principles\n\nDesign media experiences on Wear OS by applying core principles that prioritize\nuser control and efficiency.\n\nConsistent and predictable\n--------------------------\n\nVerify that users don't need to relearn interaction basics from one media UI to another so that users can control media across different contexts.\n\n\u003cbr /\u003e\n\nAlign UI patterns and avoid creating new UIs for common interactions.\n\n\u003cbr /\u003e\n\nGlanceable and critical\n-----------------------\n\nHelp users complete tasks quickly by elevating critical controls and showing correct status.\n\n\u003cbr /\u003e\n\nDisplay critical controls and content in a clear information hierarchy so that\nusers can control media browsing and playback on their watch.\n\nReflect the dynamic status, such as the current device volume or the connected\noutput device.\n\n\u003cbr /\u003e\n\n### Quick and consistent\n\nVerify that users can quickly control media on the wrist.\n\n\u003cbr /\u003e\n\nAvoid hidden gestures or interaction patterns that require onboarding and\nspatial memory capacity. Provide visual affordances inline that clearly guide\nusers to additional functionality.\n\nVerify user journeys that involve system and app UI integrate seamlessly to\navoid duplicative screens for users to navigate between surfaces across\ncontexts.\n\n\u003cbr /\u003e\n\nCommon design patterns\n----------------------\n\nThe following sections describe common design patterns for media experiences on\nWear OS.\n\n### Overflow button\n\nUse the overflow button to provide consistent navigation and more\nfunctionalities. \n\n\u003cbr /\u003e\n\n**Don't**\n\nRely on hidden gestures that require users to memorize the navigation.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide visible overflow button to guide users to access additional\nfunctionality.\n\n\u003cbr /\u003e\n\n### Consistent access to media options\n\nProvide consistent access to functionality across media surfaces and contexts. \n\n\u003cbr /\u003e\n\n**Don't**\n\nInconsistent patterns for media controls across media surfaces and contexts\ncause user confusion and cognitive load.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide consistent patterns across media surfaces and contexts.\n\n\u003cbr /\u003e\n\n### Volume control\n\nUse the key volume control interaction such as tap affordance, volume bar, and\nhardware controls to make sure critical volume tasks can be done. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIt's confusing when users can't control volume with the hardware.\n\n\u003cbr /\u003e\n\n**Do**\n\nLet users control the volume with the hardware crown.\n\n\u003cbr /\u003e\n\n### Output device\n\nUse an icon that clearly shows users which device they're using to listen to\nmedia playback. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIcon doesn't reflect where will the sound come from and where to control volume\n\n\u003cbr /\u003e\n\n**Do**\n\nReflect the output device status with the indication of volume controls\n\n\u003cbr /\u003e\n\nExtend across devices\n---------------------\n\nConsider cross-device consistency and use existing patterns for more predictable\nand consistent user experience."]]