التنقّل على التلفزيون

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

الصورة الرئيسية للتنقّل

أهمّ الميزات

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

المبادئ

الهدف هو أن يبدو التنقل طبيعيًا ومألوفًا دون السيطرة على واجهة المستخدم أو تحويل الانتباه عن المحتوى. تساعد المبادئ التالية في وضع أساس لتجربة مستخدم متسقة وبديهية عبر تطبيقات التلفزيون.

فعّالة

اجعل الوصول إلى المحتوى سريعًا وبسيطًا. يريد المستخدمون الوصول إلى المحتوى بسرعة، باستخدام أقل عدد ممكن من النقرات. نظّم معلوماتك بطريقة تتطلب أقل عدد من الشاشات.

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

اتّبِع أفضل الممارسات والاقتراحات لجعل عملية التنقّل قابلة للتوقُّع للمستخدمين. لا تُعِد استخدام أنماط التنقّل غير الضرورية، لأنّ ذلك يؤدي إلى الالتباس وعدم القدرة على التوقّع.

سلسة

اجعل التنقل بسيطًا بما يكفي لدعم سلوكيات المستخدم المتخذة على نطاق واسع بسلاسة. لا تفرط في التعقيد من خلال إضافة طبقات غير ضرورية من التنقل.

وحدة التحكّم

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

وحدة التحكّم

  • لوحة الاتجاهات (D-pad) - تكون طريقة التنقل الأساسية على التلفزيون عبر لوحة التحكّم، التي تشمل أزرار الأجهزة ذات الاتجاه للأعلى وللأسفل ولليسار ولليمين.
  • زر الاختيار: لاختيار العنصر الذي يتم التركيز عليه على الشاشة يمكن استخدام الضغط مع الاستمرار لعرض المزيد من الخيارات.
  • زر الصفحة الرئيسية: ينقل المستخدم إلى الشاشة الرئيسية للنظام.
  • زر الرجوع: يتيح للمستخدمين الرجوع إلى العرض السابق.
  • زر الميكروفون: يستدعي إما "مساعد Google" أو الإدخال الصوتي.

التنقّل باستخدام لوحة التحكّم

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

لاختبار التنقل في تطبيقك بشكل جيد باستخدام لوحة التحكم على جهاز التلفزيون، ضع في اعتبارك ما يلي:

  • تأكد من أن المستخدم يمكنه الانتقال إلى جميع العناصر التي يمكن التركيز عليها على الشاشة.
  • تأكَّد من أنّ اتجاه التنقّل واضح ويمكن التنبؤ به.
  • بالنسبة إلى القوائم القابلة للتمرير، تأكد من أن زري D-pad لأعلى ولأسفل التمرير للقائمة بأكملها ويمكن تحديد كل عنصر من عناصر القائمة.

زر الشاشة الرئيسية

يؤدي الضغط على زر الشاشة الرئيسية دائمًا إلى إرجاع المستخدم إلى صفحة Google TV الرئيسية أو مشغّل التطبيقات. يتم تعليق التطبيق الحالي في الخلفية افتراضيًا.

يؤدي الضغط مع الاستمرار على زر الشاشة الرئيسية إلى عرض لوحة بيانات النظام على Google TV وشبكة التطبيقات على Android TV. قد يختلف السلوك الافتراضي وفقًا للشركة المصنعة.

زر الشاشة الرئيسية

زر الرجوع

لتحقيق الاتساق عبر التطبيقات على النظام الأساسي، تأكد من أن سلوك زر الرجوع يتبع هذه الإرشادات.

استخدام سلوك زر الرجوع المتوقع

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

تطبيق مع شريط تنقّل علوي

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

تطبيق يتضمّن تنقُّل علوي
تطبيق شريط تنقّل يمين الشاشة

يتم تفعيل القائمة الجانبية اليمنى ويتم نقل تركيز المستخدم إلى عنصر القائمة النشط.

تطبيق للتنقّل الأيسر

عليك التأكّد من أنّ زر الرجوع غير محاط بشاشات تأكيد أو جزءًا من حلقة لانهائية.

تجنَّب إغلاق أبواب الخروج. ويجب أن يتمكّن المستخدمون من الخروج من التطبيق بدون أي تأكيد.

عدم عرض زر الرجوع

على عكس الأجهزة المحمولة باليد، يُستخدم زر الرجوع في جهاز التحكم عن بُعد للتنقل للخلف على التلفزيون. ليس من الضروري إظهار زر رجوع افتراضي على الشاشة.

تجنَّب عرض زر الرجوع على الشاشة. يمكن للمستخدمين استخدام زر الرجوع على جهاز التحكّم عن بُعد.

عرض زر الإلغاء، إذا لزم الأمر

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

عرض زر الإلغاء، عند اللزوم، للسماح للمستخدم بالرجوع إلى الصفحة السابقة

وجهة بداية ثابتة

الشاشة الأولى التي يراها المستخدم عند تشغيل التطبيق من مشغّل التطبيقات هي أيضًا الشاشة الأخيرة التي يراها المستخدم عند العودة إلى مشغّل التطبيقات بعد الضغط على زر الرجوع.

يحاكي الربط بصفحة معيّنة التنقّل اليدوي.

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

يحاكي الربط بصفحة معيّنة التنقّل اليدوي.

يحاكي الربط بصفحة معيّنة في تطبيق من تطبيق آخر التنقل اليدوي. على سبيل المثال، إذا انتقل المستخدم مباشرةً إلى صفحة التفاصيل في تطبيق Moviestar من Google TV ثم ضغط على زر الرجوع، سيتم نقله إلى الصفحة الرئيسية لتطبيق Moviestar.

محو المسار لجميع العناصر التي يمكن التركيز عليها

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

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

Axis

صمم التخطيط الخاص بك للاستفادة من المحاور الأفقية والرأسية. امنح كل اتجاه دالة محددة لتسريع التنقل في التسلسلات الهرمية الكبيرة.

يمكن اجتياز الفئات على المحور الرأسي، ويمكن تصفح العناصر الموجودة داخل كل فئة على المحور الأفقي.
تجنَّب هيكليّات التخطيط المعقّدة والمتداخلة.