التطبيقات التي توفّر تجربة مخصّصة للمستخدمين تراعي حجم الشاشة، وتستفيد من التنسيقات الجديدة التي يتم تنفيذها عند نقطة فاصل رئيسية لحجم الشاشة،* بهدف منح قيمة إضافية لمستخدمي الأجهزة ذات الشاشات الأكبر حجمًا، ما يتيح توفير تجربة مستخدم لا يمكن للأجهزة ذات الشاشات الأصغر حجمًا أن تضاهيها
*في تصميم واجهة المستخدم، يشير نقطة التوقف إلى عرض شاشة معيّن أو حجم إطار عرض يتم عندهما تغيير تنسيق المحتوى وطريقة عرضه بهدف تحسين تجربة المستخدم على مختلف الأجهزة. يستخدم المطوّرون الرموز البرمجية (مثل طلبات البحث عن الوسائط في CSS) لتحديد هذه النقاط، وينصح بتقديم تصميمَين عند نقاط التوقف هذه في مواصفات التصميم. تبدأ أحجام شاشات Wear OS من 192 وحدة بكسل مستقلة الكثافة مع نقطة فاصل تلقائية للشاشات الأكبر حجمًا عند 225 وحدة بكسل مستقلة الكثافة.
استخدام نقاط الإيقاف على نظام التشغيل Wear OS
يمكن أن يساعد استخدام نقطة توقّف (BP) عند 225dp في تحسين التنسيقات على مستوى مجموعة من القياسات.
الإجراءات التي يُنصح بها
- تصميم تنسيقات وسلوكيات مخصّصة بحجم 225dp أو أكثر للاستفادة من المساحة الإضافية على الشاشة
- أضِف قيمة بعد نقطة التوقف كلّما أمكن.
- استخدِم خيارات المكوّنات الأكبر حجمًا بعد BP لتوفير واجهة مستخدم سهلة الفهم.
- يجب أن تكون التعبيرات جريئة وواضحة.
الإجراءات غير المُوصى بها
- تصميم التطبيق لحجم جهاز واحد فقط اختبِر تصميماتك على أحجام شاشات متعددة.
- الاعتماد فقط على السلوك المتجاوب
- احرص على أن يكون تطبيقك أو مربّعك عاديًا.
أمثلة
تعرض الصور التالية أمثلة على التطبيقات التكيُّفية والمميّزة.
مشغّل الوسائط
زيادة أحجام عناصر التحكّم الرئيسية والزرّ الإضافي في أسفل الشاشة بعد نقطة التوقف التي تبلغ 225dp، ما يضيف قيمة ويستفيد بشكل أفضل من المساحة الإضافية على الشاشات الأكبر ويسهّل الاطّلاع على المحتوى
مربّع يحتوي على مجموعات أزرار
صف إضافي من الأزرار بعد نقطة التوقف التي تبلغ 225dp، ما يضيف قيمة من خلال buttons إضافية.
أداة الاختيار
يزداد حجم الأرقام بعد نقطة التوقف التي تبلغ 225dp، ما يؤدي إلى الاستفادة بشكل أفضل من المساحة الإضافية على الشاشات الأكبر حجمًا وتحسين إمكانية الاطّلاع السريع على الأرقام.
قائمة البطاقات التي تتضمّن الرسوم البيانية
زيادة في الرقم الرئيسي والرسم البياني بعد نقطة التوقف التي تبلغ 225dp، ما يؤدي إلى الاستفادة بشكل أفضل من المساحة الإضافية على الشاشات الكبيرة وتحسين إمكانية الاطّلاع السريع على البيانات
مربّع يحتوي على بطاقات
صف إضافي يتضمّن بطاقة بعد نقطة التوقف التي تبلغ 225dp، ما يضيف قيمة من خلال البطاقات الإضافية
Maps
صف إضافي يتضمّن بطاقة بعد نقطة التوقف التي تبلغ 225dp، ما يضيف قيمة من خلال البطاقات الإضافية
الإشعارات التي يمكن الاطّلاع عليها سريعًا
زيادة حجم الصورة ورمز التطبيق والنص بعد نقطة التوقف التي تبلغ 225dp، ما يؤدي إلى استخدام المساحة الإضافية على الشاشات الأكبر حجمًا بشكلٍ أفضل وتحسين إمكانية الاطّلاع السريع على المحتوى
