مبادئ التصميم
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
صمِّم تجارب وسائط على Wear OS من خلال تطبيق المبادئ الأساسية التي تعطي الأولوية لتحكّم المستخدم وكفاءته.
متّسقة ويمكن التنبؤ بها
تأكَّد من أنّ المستخدمين لا يحتاجون إلى إعادة تعلُّم أساسيات التفاعل من واجهة مستخدم وسائط إلى أخرى، ما يتيح لهم التحكّم في الوسائط في سياقات مختلفة.
يجب أن تتوافق أنماط واجهة المستخدم مع بعضها وتجنُّب إنشاء واجهات مستخدم جديدة للتفاعلات الشائعة.
معلومات مهمة وسريعة
مساعدة المستخدمين على إكمال المهام بسرعة من خلال إبراز عناصر التحكّم المهمة وعرض الحالة الصحيحة
عرض عناصر التحكّم والمحتوى المهمَّين في تسلسل هرمي واضح للمعلومات ليتمكّن المستخدمون من التحكّم في تصفّح الوسائط وتشغيلها على ساعاتهم
تعكس هذه السمة الحالة الديناميكية، مثل مستوى صوت الجهاز الحالي أو جهاز الإخراج المتصل.
سرعة وثبات
تأكَّد من إمكانية التحكّم السريع في الوسائط على المعصم.
تجنَّب الإيماءات المخفية أو أنماط التفاعل التي تتطلّب إعدادًا مسبقًا وقدرة على التذكّر المكاني. توفير إشارات مرئية مضمّنة ترشد المستخدمين بوضوح إلى الوظائف الإضافية
تأكَّد من أنّ رحلات المستخدمين التي تتضمّن واجهة مستخدم النظام والتطبيق تتكامل بسلاسة لتجنُّب الشاشات المكرّرة التي يتنقّل المستخدمون بينها على مساحات عرض مختلفة في سياقات مختلفة.
أنماط التصميم الشائعة
توضّح الأقسام التالية أنماط التصميم الشائعة لتجارب الوسائط على Wear OS.
استخدِم زر القائمة الكاملة لتوفير تنقّل متّسق والمزيد من الوظائف.
ما ننصحك بتجنّبه
الاعتماد على إيماءات مخفية تتطلّب من المستخدمين تذكُّر طريقة التنقّل
الإجراءات المناسبة
توفير زر القائمة الكاملة الظاهر لتوجيه المستخدمين إلى وظائف إضافية
الوصول المتّسق إلى خيارات الوسائط
توفير إمكانية الوصول إلى الوظائف بشكل متّسق على جميع مساحات عرض الوسائط وسياقاتها
ما ننصحك بتجنّبه
تؤدي الأنماط غير المتسقة لعناصر التحكّم في الوسائط على مستوى مساحات عرض الوسائط وسياقاتها إلى إرباك المستخدمين وزيادة الجهد الذهني.
الإجراءات المناسبة
توفير أنماط متسقة على جميع مساحات عرض الوسائط وفي جميع السياقات
التحكم في مستوى الصوت
استخدِم تفاعلات التحكّم بمستوى الصوت باستخدام المفاتيح، مثل إمكانية النقر وشريط مستوى الصوت وأزرار التحكّم في الجهاز، للتأكّد من إمكانية تنفيذ مهام مستوى الصوت المهمة.
ما ننصحك بتجنّبه
من المحيّر ألا يتمكّن المستخدمون من التحكّم في مستوى الصوت باستخدام الأجهزة.
الإجراءات المناسبة
السماح للمستخدمين بالتحكّم في مستوى الصوت باستخدام الزر الدوّار في الجهاز
جهاز الإخراج
استخدِم رمزًا يوضّح للمستخدمين الجهاز الذي يستخدمونه للاستماع إلى الوسائط.
ما ننصحك بتجنّبه
لا يوضّح الرمز مصدر الصوت ومكان التحكّم في مستوى الصوت
الإجراءات المناسبة
عرض حالة جهاز الإخراج مع الإشارة إلى عناصر التحكّم في مستوى الصوت
التوسّع على جميع الأجهزة
ضَع في اعتبارك الاتساق على مستوى الأجهزة واستخدِم الأنماط الحالية لتقديم تجربة مستخدم أكثر قابلية للتوقّع واتساقًا.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ 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,["# 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."]]