يتفاعل مستخدمو Android مع أنواع مختلفة من الوسائط، بما في ذلك الكتب المسموعة والموسيقى وملفات البودكاست والراديو. من المهم تصميم تطبيقات تتيح للمستخدمين الوصول بسهولة إلى محتوى الوسائط على الساعة. الساعة هي سطح فريد تمثّل فيه سهولة وسرعة التفاعل أولوية عالية، لأنّ المستخدمين يقضون وقتًا أقل بكثير في التفاعل مع الساعة مقارنةً بالهواتف أو الأجهزة اللوحية.
لمزيد من المعلومات، يُرجى الاطّلاع على مجموعة أدوات الوسائط على GitHub.
بنية تطبيق الوسائط
يمكنك إنشاء تطبيقات وسائط تستوفي متطلبات التصميم على نظام التشغيل Wear OS. غالبًا ما تتضمن تطبيقات الوسائط صفحات التصفّح والكيانات.
يمكنك خفض التسلسل الهرمي للتطبيقات وعرض الوسائط للمستخدم. التصميم ببنية معلومات مسطحة تسمح للمستخدمين بالوصول بسرعة إلى القوائم وعرض الصور المصغرة للمستخدمين. يمكنك استخدام مكوّنات تصميم مخصّصة لنظام Wear OS. لمزيد من المعلومات، يمكنك الاطّلاع على اقتراحات التصاميم للشرائح والبطاقات.
شاشات التحكم في الوسائط
يجب أن تتضمن تطبيقات الوسائط أيضًا شاشات للتحكم في الوسائط. يمكنك إنشاء عناصر تحكّم في الوسائط باستخدام تنسيق مكوّن من 5 أزرار. ويضمن ذلك تحقيق الحد الأدنى من أهداف النقر. في ما يلي أمثلة على عناصر التحكّم في الوسائط لتطبيق موسيقي وتطبيق بودكاست:
اضبط عناصر التحكّم في الوسائط التي تعرضها، حسب نوع المحتوى. استخدم رمز القائمة الكاملة المكوّن من ثلاث نقاط لتوجيه المستخدمين إلى صفحة إضافية إذا كنت تريد تضمين أكثر من 5 إجراءات. يمكنك استخدام رموز وخطوط مخصّصة لتطبيقك.
حالات الاستخدام الشائعة
عند تصميم تطبيقات الوسائط، احرِص على منح الأولوية لحالات الاستخدام المهمة التالية:
- الاستماع إلى الوسائط التي تم تنزيلها
- بث الموسيقى من ساعتك
الاستماع إلى الوسائط التي تم تنزيلها
يجب أن يتمكّن المستخدمون من تنزيل ملفات الوسائط يدويًا من صفحة الكيان.
أبلِغ المستخدم بالمكان الذي ينزّل فيه المحتوى، ومستوى تقدّم عملية التنزيل، والوقت الذي يستغرقه، وحجم التنزيل، كما هو موضّح في المثال التالي:
عندما يتصفّح المستخدم الوسائط، يمكنك عرض أحدث الوسائط التي تم تنزيلها:
إذا سبق تنزيل المحتوى، يُرجى توضيح ذلك من خلال إظهار إجراء لإزالة المحتوى الذي تم تنزيله من الساعة. وفي هذه الحالة، يجب أيضًا عرض مقدار المساحة التي تستهلكها عملية التنزيل على الساعة، كما هو موضّح في الصورة التالية:
إذا كان الجهاز المصدر هو الساعة، اطلب من المستخدمين توصيل سماعة رأس قبل بدء الاستماع إلى الموسيقى. بعد توصيل سماعة رأس، شغِّل الوسائط وافتح عناصر التحكّم في الوسائط.
بث الموسيقى من ساعتك
يؤثّر بث الوسائط من الساعة بشكل كبير في بطارية جهاز Wear OS. يمكنك إعطاء الأولوية للمحتوى الذي تم تنزيله عندما يختار المستخدمون الاستماع إلى المحتوى على جهاز Wear OS من خلال عرض المحتوى الذي تم تنزيله مؤخرًا في قائمة التصفّح. ننصحك بإضافة زر ينقلهم إلى قائمة كاملة بعمليات التنزيل، كما هو موضّح في الصور التالية:
لمزيد من المعلومات، يُرجى الاطّلاع على مجموعة أدوات الوسائط على GitHub.
التنسيقات التكيُّفية
وتركّز عمليات تعديل الشاشة الأكبر حجمًا لتطبيقات الوسائط فقط على تجربة مشغّل الوسائط. يتم تسجيل جميع العناصر الأخرى في صفحات الشرائح والأزرار ومربّعات الحوار والقوائم التي تصف السلوك الصحيح للتطبيق ليناسب الشاشات الأكبر حجمًا.
ضبط الزر
لاتّباع مبادئ تحديد حجم ناحية اللمس المستهدفة، يمكنك عرض تنسيق زرَّين على الأجهزة التي تعمل بنظام التشغيل Wear OS والتي يقلّ حجمها عن 225 وحدة بكسل مستقلة الكثافة (dp) وتنسيق مكوّن من ثلاثة أزرار على الأجهزة ذات الشاشات الأكبر حجمًا. توضّح الصور التالية أمثلة إضافية، مثل التخطيط ذي زر واحد، والتنسيق باستخدام زرَّين مع شعار:
زر التحكّم المتجاوب
يتراوح حجم عنصر التحكّم الرئيسي (تشغيل/إيقاف مؤقت) من 60 وحدة بكسل مستقلة الكثافة إلى 80 بكسل مستقل الكثافة على الأجهزة التي تعمل بنظام التشغيل Wear OS أكبر من 225 بكسل مستقل الكثافة، ما يجعل القسم الأوسط أعلى من 80 بكسل مستقل الكثافة، وبالتالي زيادة أهداف النقر لكل عناصر التحكّم داخله. حيث يتم تضمين هذا السلوك المتجاوب الذي ستحصل عليه من نموذج مشغّل الوسائط.
سلوك التظليل
وفي رأس الصفحة، استخدِم هامشًا عامًا بنسبة 9.38% وهامش إضافي بنسبة عنوان الأغنية بنسبة 4.16%. استخدِم تدرجًا بنسبة 8 dp للتمرير بين العناوين، ومسافة 8 dp إضافية عند وجود رمز. قم بتضمين أي انتقالات للتمرير بين التظليل وأسفل الرمز، والذي يظل موضعه ثابتًا.
أهداف النقر
في أجهزة Wear OS ذات الشاشات الكبيرة، تستفيد الرموز في القسمَين الأوسط والتذييل من المساحة الإضافية لزيادة أحجام أهداف النقر. وهذا يعني أنه بخلاف عنصر التحكم الثابت، فإن "ملء المساحة المتوفرة" يتم تطبيق الخصائص على حاويات الرموز: