عادةً ما تتم مشاهدة شاشة التلفزيون من مسافة 3 أمتار تقريبًا، وعلى الرغم من أنّها أكبر بكثير من معظم شاشات الأجهزة الأخرى التي تعمل بنظام التشغيل Android، إلا أنّها لا توفّر مستوى التفاصيل والألوان نفسه الذي توفّره شاشة الجهاز الأصغر حجمًا. تتطلّب هذه العوامل إنشاء تخطيطات للتطبيقات مع مراعاة أجهزة التلفزيون، وذلك لتقديم تجربة مفيدة وممتعة للمستخدمين في غرفة المعيشة.
مبادئ التصميم الأساسية
يجب أن تتّبع التصميمات الخاصة بأجهزة التلفزيون بعض الإرشادات الأساسية لضمان أن تكون قابلة للاستخدام وفعّالة على الشاشات الكبيرة. اتّبِع هذه النصائح لإنشاء تنسيقات محسّنة لشاشات التلفزيون:
- إنشاء تصاميم بالاتجاه الأفقي تعرض شاشات التلفزيون دائماً في الوضع الأفقي.
- ضَع عناصر التحكّم في التنقّل على الشاشة على الجانب الأيمن أو الأيسر من الشاشة واحفظ المساحة العمودية للمحتوى.
- استخدِم أحجامًا متجاوبة ونسبية (مثل الوحدات
dpوsp) حتى يتم توسيع نطاق واجهات المستخدم بشكل سليم على مستوى درجات دقة العرض المختلفة. - أضِف هوامش وحشوات كافية بين عناصر التحكّم في التصميم لتجنُّب واجهة مستخدم مزدحمة.
الخروج عن إطار الشاشة
تتضمّن تنسيقات التلفزيون بعض المتطلبات الفريدة بسبب تطوّر معايير التلفزيون لعرض صورة بملء الشاشة للمشاهدين. لهذا السبب، قد تقص أجهزة التلفزيون ذات الإصدار الأقدم من 10 حافة تخطيط التطبيق الخارجية لضمان ملء الشاشة بالكامل. يُشار إلى هذا السلوك عمومًا باسم المسح الزائد.
ضَع عناصر الشاشة التي يجب أن تكون مرئية للمستخدم في جميع الأوقات ضمن المنطقة الآمنة من القطع. إضافة هامش بنسبة 5٪ بمقدار 48 نقطة على الحواف اليسرى واليمنى و 27 نقطة على الحواف العلوية والسفلية إلى التصميم يساعد على ضمان أن تكون عناصر الشاشة في التصميم ضمن منطقة الأمان من التجاوز.
لا تعدِّل عناصر شاشة الخلفية التي لا يتفاعل معها المستخدم مباشرةً، ولا تقصّ العناصر لتناسب منطقة العرض الآمنة. تساعد هذه الطريقة في ضمان ظهور عناصر شاشة الخلفية بشكل صحيح على جميع الشاشات.
إنشاء نصوص وعناصر تحكّم قابلة للاستخدام
اتّبِع هذه النصائح لتسهيل رؤية النص وعناصر التحكّم في تطبيق بث تلفزيوني من بعيد:
- قسِّم النص إلى أجزاء صغيرة يمكن للمستخدمين قراءتها بسرعة.
- استخدِم نصًا فاتحًا على خلفية داكنة. هذا النمط أسهل للقراءة على شاشة التلفزيون.
- تجنب الخطوط الخفيفة أو الخطوط التي تحتوي على خطوط ضيقة جداً وعريضة جداً. استخدم خطوط sans-serif وتقنية منع التعرجات لزيادة سهولة القراءة.
- يجب أن تكون جميع التطبيقات المصغّرة للعرض كبيرة بما يكفي لتكون مرئية بوضوح لشخص يجلس على بُعد 3 أمتار من الشاشة. استخدِم وحدات البكسل المستقلة الكثافة (
dp) بدلاً من وحدات البكسل المطلقة، ووحدات البكسل القابلة للتوسيع (sp) للكتابة.
لمزيد من المعلومات حول وحدات البكسل المستقلة الكثافة وإنشاء التصاميم التي يمكنها التعامل مع أحجام الشاشات الأكبر، يُرجى الاطّلاع على نظرة عامة حول توافق الشاشة.
إدارة موارد التصميم للتلفزيون
وكما هو الحال مع جميع أجهزة Android الأخرى، تتوفّر أجهزة التلفزيون بأحجام شاشات مختلفة وتتوافق مع درجات دقة مختلفة، بما في ذلك 720p و1080p و4K. تأكد من أن تطبيقك يدعم أحجام الشاشات المختلفة.
تختلف كثافة وحدات البكسل باختلاف أحجام الشاشة ودرجات الدقة. للحفاظ على مظهر واجهة المستخدم الخاصة بك عبر مختلف أحجام الشاشات ودقتها وكثافة البكسل، حدد قياسات واجهة المستخدم باستخدام وحدات بكسل مستقلة عن الكثافة (dp). يوضح الجدول التالي كثافة بكسل الشاشة لدقة لوحات التلفزيون المختلفة:
| درجة دقة اللوحة | كثافة البكسل على الشاشة |
|---|---|
| 720 بكسل | tvdpi |
| 1080 بكسل | xhdpi |
| 4K | xxxhdpi |
لمزيد من المعلومات، يُرجى الاطّلاع على إتاحة كثافات وحدات البكسل المختلفة ونظرة عامة على توافق الشاشة.
أنماط التنسيق التي يجب تجنُّبها
هناك بعض الطرق لإنشاء التصاميم التي لا تعمل بشكل جيد على أجهزة التلفزيون. تجنَّب أنماط واجهة المستخدم التالية عند تطوير تصميم للتلفزيون:
- إعادة استخدام تنسيقات الهواتف أو الأجهزة اللوحية: لا تعِد استخدام التنسيقات من تطبيقات الهواتف أو الأجهزة اللوحية بدون تعديلها. إنّ التصاميم المخصّصة لأشكال الأجهزة الأخرى التي تعمل بنظام التشغيل Android غير مناسبة لأجهزة التلفزيون، ويجب تبسيطها لتتمكّن من العمل على التلفزيون.
- استخدام أشرطة الإجراءات أو القوائم على الهاتف: لا تناسب أشرطة الإجراءات العلوية والقوائم المنسدلة واجهة التلفزيون بسبب صعوبة التنقّل في هذه القوائم باستخدام جهاز التحكّم عن بُعد.
- استخدام التنقّل بالإيماءات فقط: يمكن أن يكون التنقّل من خلال التمرير السريع بين الشاشات مناسبًا للهاتف أو الجهاز اللوحي، ولكن لا تحاول استخدام الإيماءات فقط على التلفزيون لأنّ المستخدمين يعتمدون على جهاز تحكّم عن بُعد مزوّد بلوحة مفاتيح اتجاهات.
للحصول على مزيد من المعلومات حول تصميم التخطيطات المناسبة للتلفزيون، انظر التصميم للتلفزيون.
التعامل مع الصور النقطية الكبيرة
تتوفّر مساحة ذاكرة محدودة في أجهزة التلفزيون. إذا كان تصميم تطبيقك يستخدم صورًا عالية الدقة، يمكن أن يتجاوز بسرعة حدود الذاكرة ويتسبب في حدوث أخطاء نفاد الذاكرة. استخدِم مكتبات فعّالة لتحميل الصور وفك ترميزها (مثل Coil أو Glide) لجلب الصور النقطية وفك ترميزها وعرضها في تطبيقك.
لمزيد من المعلومات حول تحقيق أفضل أداء عند التعامل مع الصور النقطية، يُرجى الرجوع إلى أفضل الممارسات المتعلّقة بالرسومات في Android.
تقديم إعلانات فعّالة
بالنسبة إلى بيئة غرفة المعيشة، ننصحك باستخدام حلول إعلانات الفيديو التي تملأ الشاشة ويمكن إغلاقها في غضون 30 ثانية. يجب أن تكون وظائف الإعلان على Android TV، مثل أزرار الإغلاق والنقر للوصول إلى الموقع الإلكتروني، متاحة باستخدام لوحة التحكّم بدلاً من اللمس.
لا يوفّر Android TV متصفّح ويب. يجب ألا تحاول إعلاناتك تشغيل متصفّح ويب أو إعادة التوجيه إلى محتوى في "متجر Google Play" غير معتمَد لأجهزة Android TV.