إرشادات تصميم البلاط

الشاشات هي أحد مساحات العرض الأكثر سهولة على نظام التشغيل Wear OS.

توفر المربعات وصولاً سريعًا إلى المعلومات والإجراءات التي يحتاجها المستخدمون لإنجاز المهام. بتمريرة سريعة من خلفية شاشة الساعة، يمكن للمستخدم معرفة مدى تقدمه نحو تحقيق أهداف اللياقة البدنية، والتحقق من الطقس، والمزيد. ابدأ تشغيل أحد التطبيقات أو أنجز المهام الأساسية بسرعة من المربعات.

يمكن للمستخدمين اختيار الشاشات التي يريدون مشاهدتها على الساعة. يتيح Wear OS للمستخدمين إدارة شاشاتهم على الساعة ومن التطبيق المصاحب.

مبادئ تجربة المستخدم

يصف الجدول التالي مبادئ تجربة مستخدم Tile.

فورًا

يمكن التنبؤ بها

محتوى الفيديو مرتبط بموضوع البحث

تم تصميم المربعات لمساعدة المستخدمين على إكمال المهام المتكررة بسرعة. يمكنك عرض المحتوى المهم في تدرج هرمي واضح للمعلومات بحيث يسهل فهم المحتوى. يجب أن يركز المحتوى الموجود داخل كل مربع دائمًا على مهمة المستخدم. يتيح ذلك للمستخدمين توقُّع المعلومات التي يمكنهم رؤيتها على المربّع، ما يحسّن معدّل تذكُّرهم. يشاهد المستخدمون فيديوهاتهم أينما ذهبوا، لذا فكِّر في مدى ملاءمة المحتوى في المربّع لسياق المستخدم.

الإرشادات

ضع الإرشادات التالية في الاعتبار عند إنشاء الشاشات.

التركيز على مهمة واحدة

ركِّز كل شاشة على مهمة واحدة، مثل بدء الجري.
دعم عدد كبير جدًا من المهام المختلفة في شاشة واحدة.

إنشاء أقسام منفصلة لكل مهمة

إذا كان تطبيقك يدعم مهامًا متعددة، ننصحك بإنشاء مربّعات متعددة لكل مهمة يدعمها تطبيقك. على سبيل المثال، يمكن أن يحتوي تطبيق لياقة بدنية على مربّع أهداف ومربّع نشاط للتمارين الرياضية.

الشاشات

عرض تمثيلات سريعة للرسومات البيانية والرسومات البيانية

يمكنك عرض تمثيلات سريعة وسريعة للمعلومات الرقمية أو الإحصائية والسماح للمستخدم بالنقر للاطّلاع على المزيد في التطبيق إذا لزم الأمر.
عرض معلومات رقمية أو إحصائية مفصَّلة على المربّع.

الإشارة إلى آخر تعديلات البيانات

يجب أن يطّلع المستخدم على أحدث البيانات المعروضة على الساعة وعرض البيانات المخزَّنة مؤقتًا مع الإشارة إلى تاريخ آخر تعديل لها عندما كانت ذات صلة بالمستخدم.

الشاشات

استخدام معدّل مناسب لإعادة تحميل البيانات

اختَر معدل تحديث مناسبًا لشاشاتك، مع الأخذ في الاعتبار التأثير على عمر بطارية الجهاز. إذا كنت تستخدم مصادر بيانات النظام الأساسي، مثل معدّل نبضات القلب وعدد الخطوات، يتحكّم نظام Wear OS في معدّل التحديث نيابةً عنك.

الحالات الخالية

هناك نوعان من الحالات الفارغة للمربعات. بالنسبة إلى كليهما، ننصحك باستخدام السمة PrimaryLayout.

الأخطاء أو الإذن

أخبِر المستخدم أنّه بحاجة إلى تعديل إعداداته أو إعداداته المفضّلة من المربّع.

تسجيل الدخول

قدِّم عبارة واضحة تحث على اتخاذ إجراء في مربّع تسجيل الدخول.

أمثلة على مربّعات الحوار

استخدم حالات مربع الحوار للأخطاء والأذونات والإعدادات.

الشاشات

عرض الأنشطة الجارية

عند تنفيذ تطبيق لنشاط طويل الأمد، مثل تتبُّع تمرين أو تشغيل موسيقى، من المفترض أن يعرض مستوى تقدُّم النشاط المستمر ضمن مربّع واحد أو أكثر.

إذا كان تطبيقك يوفّر أيضًا مربّعات تسمح للمستخدمين ببدء هذه الأنشطة، يُرجى تنفيذ ما يلي للحدّ من إرباك المستخدمين:

  • تشير إلى أن هناك نشاط جارٍ بالفعل.
  • إذا نقر المستخدم على هذا المربّع، شغِّل تطبيقك واعرض النشاط الجاري. لا تبدأ مثيلاً جديدًا من نشاط جارٍ.

الشاشات

المتطلبات

البيانات الأساسية
المحتوى الرئيسي الذي يصف النشاط.

التصنيف
يعرض حالة النشاط.

الحركة على الشاشات

عند إضافة رسوم متحركة إلى المربعات، ضع المبادئ التالية في الاعتبار:

مساعدة المستخدمين في فهم التغييرات

وركِّز على ما إذا كنت تعدّل المعلومات على مربّع، مثلاً مستوى التقدّم في الرسم البياني لعدد الخطوات.
التبديل بين القيم بشكل غير متوقّع

المعاينات

أضف معاينة للمربّعات لمساعدة المستخدم على معرفة المحتوى المعروض في مدير المربّعات على الساعة والهاتف. يمكن أن يكون لكل مربع صورة معاينة تمثيلية واحدة. ويجب أن تستوفي هذه الصورة المتطلبات التالية.

المتطلبات

  • تصدير مواد العرض بحجم 400 x 400 بكسل
  • قدِّم صورة معاينة دائرية.
  • استخدِم خلفية سوداء خالصة.
  • احفظ الصورة بتنسيق PNG أو JPEG.
  • أضف مواد عرض مترجمة للّغات الشائعة في تطبيقك.
معاينة مربّع معروض في "مدير الشاشات" على ساعة. معاينة مربّع معروض في مدير المربّعات على هاتف.
عرض معاينة حيث تمت تعبئة المربّع بالمحتوى
يمكنك عرض حالة فارغة أو عرض رمز المربّع في واجهة مستخدم التقسيم على صفحات أو وضع خط حول المربّع.

مثال على التنسيقات

يوضح ما يلي بعض حالات الاستخدام الشائعة للمربعات واستخدام أفضل ممارسات التصميم. لمزيد من المعلومات، يُرجى الاطّلاع على المربّعات.

تتبُّع الأهداف

بدء التمرين

بدء التمرين

بدء التمرين

ملخص التمرين

بدء الموقّت

معدّل نبضات القلب الحالي

معدّل نبضات القلب

المنبّه التالي

التأمل

التأمل

الأخبار

الطقس

الحدث التالي

الشبكات الاجتماعية

تشغيل الوسائط