تتميّز الساعات الذكية بأحجام شاشات أصغر من الأجهزة المحمولة باليد، لذلك من الأهمية بمكان ترتيب العناصر وعرضها بطريقة تسهل الوصول إليها وتستخدم مساحة الشاشة المتاحة بكفاءة. للمساعدة في ملاءمة العناصر للشاشة، استخدِم المقدار المناسب من المساحة المتروكة والهوامش كما هو محدّد في إرشادات المواد.
حتى عندما يتناسب تصميمك مع الشاشة، قد يتم اقتطاع عناصر واجهتك أو اقتصاصها عندما يقوم المستخدم بأحد الإجراءات التالية:
- لتغيير لغة العرض.
- تغيير حجم النص
- تعمل هذه السياسة على تفعيل إعداد النظام تغميق النص.
من الأهمية بمكان اختبار تصميماتك مع وضع هذه الاعتبارات في الاعتبار للتأكد من أنها تتكيف بسلاسة مع بيئات المستخدم المختلفة.
إبقاء العناصر التفاعلية مرئية بالكامل
إذا كانت واجهتك تحتوي على عناصر تفاعلية، فتحقق من أنه يمكن للمستخدمين تمرير
هذه العناصر بالكامل للعرض، خاصةً إذا كانت هذه العناصر موضوعة على
حواف الصفحة. إذا كان تطبيقك يستخدم مكتبة Horology، استخدِم
مصنع تصميم responsive(). بخلاف ذلك، يمكنك استخدام فواصل وإضافة الهوامش إلى أعلى
وأسفل عنصر ScalingLazyColumn لمنع اقتصاص عناصر القائمة الأولى
والأخيرة دائمًا.
استخدام الشرائح بدلاً من البطاقات للتنسيقات الكثيفة
إذا كنت بحاجة إلى تنسيق أكثر كثافة، استخدِم CompactChip بدلاً من البطاقات. تزيد مساحة السطح الأكبر للبطاقات من صعوبة منع اقتطاع النص
وقص المحتوى.