تتوفر أجهزة Android بأشكال مختلفة، مثل الهواتف والأجهزة اللوحية والأجهزة القابلة للطي وأجهزة ChromeOS، والتي تتميز بمجموعة كبيرة من أحجام الشاشات. يتيح نظام التشغيل Android العديد من أوضاع العرض، بما في ذلك وضع "نوافذ متعددة" و"عرض على شاشات متعددة" و"شكل حر" و "صورة في صورة". يمكن أن تكون الأجهزة القابلة للطي في أوضاع مختلفة، مثل وضع المكتب أو الكتاب.
ننصحك بالتفكير في حالات الاستخدام المختلفة لتطبيقك عند بدء تصميمه. على سبيل المثال:
توفّر الأجهزة ذات الشاشات الكبيرة للمستخدمين مساحة أكبر للتفاعل مع محتوًى تطبيقك الإعلامي بطرق مختلفة.
قد ينفّذ المستخدمون مهام متعدّدة أثناء مشاهدة فيديو في وضع "نوافذ متعدّدة" أو يستفيدون من الشاشة الأكبر لتطبيق تعديلات أكثر تعقيدًا بعد التقاط صورة.
قد يستخدم المستخدمون جهازًا لوحيًا للبقاء على تواصل من خلال مكالمات الفيديو ومشاهدة أصدقائهم وأفراد عائلاتهم بمزيد من التفاصيل. يمكن لتطبيقك عرض سياق أكثر ثراءً عن عنوان أو مشهد في شاشة عرض مخصّصة لتشغيل المحتوى أو تقديم المزيد من خيارات التحكّم على الشاشة.
يمكن أن تعرض لوحات العرض الدوّارة في طريقة العرض "التصفّح" تنوعًا أكبر لجذب المستخدمين بشكل أكبر، أو يمكن لتطبيق الوسائط إبقاء المستخدمين متفاعلين من خلال تقديم خلاصة قابلة للتصفّح بجانب تشغيل المحتوى.
يُرجى العِلم أنّ تطبيق الوسائط يتضمّن الرمز البرمجي نفسه الذي يعمل على هاتف عادي وجهاز قابل للطي وجهاز لوحي وأجهزة ChromeOS، لذا عليك تصميم التطبيقات لتعمل على الشاشات الكبيرة منذ بداية تطويرها. لمزيد من المعلومات والأمثلة المرئية، يُرجى الاطّلاع على معرض الشاشة الكبيرة.
ضبط تطبيق الوسائط على أن يكون متجاوبًا تلقائيًا
تجنَّب تعطُّل تجارب المستخدمين في تطبيق الوسائط من خلال جعل تنسيق تطبيقك متوافقًا على الهواتف والأجهزة اللوحية والأجهزة القابلة للطي وأجهزة ChromeOS.
يجب أن يكون تطبيقك سريع الاستجابة ليناسب أحجام الشاشات المختلفة واتجاهاتها وأشكالها. يتغيّر التنسيق التكيُّفي استنادًا إلى المساحة المتاحة له على الشاشة. لمزيد من المعلومات، يُرجى الاطّلاع على مقالة إتاحة أحجام شاشات مختلفة.
التصميم وفقًا للإرشادات
تشكّل الجودة الأساسية للتطبيق أساس جميع تطبيقات Android بغض النظر عن حجم الشاشة أو وضع الجهاز أو الاعتبارات الأخرى المتعلّقة بالجهاز. يجب أن يستوفي تطبيقك هذه المتطلبات الأساسية قبل البدء في تصميم شاشة كبيرة. لمزيد من المعلومات، يُرجى الاطّلاع على جودة التطبيق الأساسية.
يجب أن يوفّر تطبيقك تجربة مستخدم ممتازة بغض النظر عن شكل الجهاز أو حجم الشاشة أو وضع العرض أو الوضع، لذا عليك تصميم تطبيقك وفقًا لإرشادات الفئات 1 و2 و3 التالية.
وتحدِّد الإرشادات مجموعة شاملة من متطلبات الجودة لمعظم أنواع تطبيقات Android.
المستوى 3:
في هذا المستوى الأساسي، يجب أن يلتزم تطبيقك بمتطلبات واجهة المستخدم والرسومات. تطبيقك متوافق مع الشاشات الكبيرة، ويمكن للمستخدمين إكمال تدفقات المهام العميقة بتجربة أقل من المستوى الأمثل.
قد لا يكون تنسيق التطبيق مثاليًا، ولكنه يعمل في وضع ملء الشاشة أو النافذة الكاملة في وضع النوافذ المتعدّدة. لا يكون مُعدًّا للعرض على شاشة عريضة أفقيًا ولا يتم تشغيله في وضع التوافق. يقدّم التطبيق إمكانية استخدام أجهزة الإدخال الخارجية الأساسية، بما في ذلك لوحة المفاتيح والماوس ولوحة اللمس. لمزيد من المعلومات، يُرجى الاطّلاع على التوافق مع الشاشات الكبيرة.
المستوى 2:
في هذه الحالة، ينفّذ تطبيقك تحسينات على التنسيق لجميع أحجام الشاشات وإعدادات الأجهزة، بالإضافة إلى إتاحة استخدام أجهزة إدخال خارجية بشكل أفضل. للاطّلاع على التفاصيل، يُرجى الاطّلاع على التطبيقات المحسّنة للعرض على الشاشات الكبيرة.
الفئة 1:
هذا هو أفضل مستوى من الدعم، ويقدّم للمستخدم أفضل تجربة باستخدام تطبيقك، لأنّه يحدّد الميزات والإمكانات المدفوعة.
يتيح التطبيق استخدام ميزة "تعدد المهام" والوضعيات القابلة للطي والسحب وإدخال القلم الإلكتروني، حيثما كان ذلك منطبقًا. في هذا المستوى، تختلف التطبيقات اختلافًا كبيرًا، لذا يجب الانتباه جيدًا إلى الإرشادات المتعلقة بأمور مثل تعدد المهام و وضعيات الاستخدام المتوافقة مع الأجهزة القابلة للطي. لمزيد من المعلومات، يُرجى الاطّلاع على الفرق بين الشاشات الكبيرة.
التنسيقات المحسّنة
استفِد من المساحة المتزايدة للشاشات الكبيرة بدون اقتصاص المحتوى على جانبَي الشاشة (بسبب تقييد الاتجاه) أو تمديده. من خلال تحسين تنسيق تطبيقك لوسائل الإعلام ووسائل التواصل الاجتماعي، يمكنك توسيع نطاق وصول تطبيقك وتوفير تجربة أفضل للمستخدمين على جميع أشكال الأجهزة ذات الشاشات الكبيرة، مثل الأجهزة اللوحية والأجهزة القابلة للطي و devices ChromeOS، بالإضافة إلى التوافق مع جميع أحجام الهواتف.
توفّر مكونات شريط التنقّل والدرج تنقّلاً سلسًا لواجهة المستخدم، ما يضمن سهولة الاستخدام والتحكّم. تكمل المكوّنات أيضًا التنسيقات الأساسية (تفاصيل القائمة والخلاصة واللوحة الداعمة) من خلال وضع وجهات التنقّل primary navigation ضمن نطاق يسهل الوصول إليه مع احتلال الحد الأدنى من مساحة الشاشة.
تنسيقات الوسائط
يمكنك تحسين سهولة استخدام تطبيقك من خلال تنفيذ تنسيقات خاصة بالوسائط لملفه الشخصي وتفاصيل القائمة والخلاصة واللوحة الداعمة. للحصول على معلومات عن MDX وFlutter و تنسيقات Compose، يُرجى الاطّلاع على موارد التنسيق.
تفاصيل القائمة: يتيح تصميم تطبيقك باستخدام متصفّح وسائط تفاعلي للمستخدمين تصفّح مختلف الوسائط أثناء المشاهدة أو الاستماع. يتم عرض عناوين الوسائط جنبًا إلى جنب مع ملف فيديو أو صوتي يتم تشغيله. في حال تغيّر اتجاه الجهاز، يستجيب تخطيط قائمة التفاصيل للحفاظ على حالة التطبيق. لمزيد من المعلومات، اطّلِع على تنسيقات التفاصيل في القوائم.
الخلاصة: يُرتِّب تنسيق الخلاصة عناصر المحتوى المماثلة في شبكة قابلة للضبط بهدف عرض كمية كبيرة من المحتوى بشكل سريع ومناسب، مثل خلاصة موسيقى أو كشك أفلام وبرامج تلفزيونية في تطبيقك. لمزيد من المعلومات، يُرجى الاطّلاع على تنسيقات الخلاصات.
اللوحة الداعمة: باستخدام مساحتَي العرض الأساسية والثانوية، يمكن لتطبيقك تضمين لوحة داعمة للسياق أو الصلة أو المرجع، مثل قائمة قابلة للتنقّل منعناوين مشابهة أو مراجعات منشورة أو أعمال إضافية للفنانين أو الممثلين نفسهم. لمزيد من التفاصيل، يُرجى الاطّلاع على تنسيقات اللوحة المتوافقة.
للاطّلاع على مجموعة منظَّمة من تنسيقات الوسائط، يمكنك الانتقال إلى معرض الوسائط.
تنسيقات وسائل التواصل الاجتماعي
توفّر الشاشات الكبيرة لمستخدمي وسائل التواصل الاجتماعي مساحة عمل أكبر لإنشاء المحتوى وتنفيذ مهام متعددة واسحب المحتوى بين التطبيقات ومشاركته. من خلال الميزات والإمكانات المميزة التي لا يمكن استخدامها على الأجهزة ذات الشاشات الصغيرة، يمكن لتطبيق الوسائط المخصّص للشاشات الكبيرة الاستفادة من تصاميم التنسيقات الخاصة بتفاصيل القائمة والخلاصة واللوحة الداعمة.
تفاصيل القائمة: هذا الخيار مثالي لتطبيقات المراسلة أو مدراء جهات الاتصال أو برامج تصفُّح الملفات. على سبيل المثال، يمكن لتطبيقك عرض قائمة بالمحادثات جنبًا إلى جنب مع التفاصيل للحصول على آخر الأخبار حول الرسائل. لمزيد من المعلومات، يُرجى الاطّلاع على تنسيقات قائمة التفاصيل.
الخلاصة: المكونات الشائعة في هذا النمط من التنسيق هي البطاقات والقوائم. على سبيل المثال، يمكنك إنشاء لوحة من المشاركات بتنسيق شبكة مرن، أو استخدام الحجم والموضع لجذب الانتباه إلى المشاركات البارزة. يمكن للمستخدمين الاطّلاع بسرعة على مجموعات كبيرة من المحتوى. لمزيد من المعلومات، اطّلِع على تنسيقات الخلاصات.
اللوحة الداعمة: يمكن أن تستفيد تطبيقات البحث والمراجع أو تطبيقات الإنتاجية من نمط التنسيق هذا. توفّر هذه الميزة أدوات إنشاء المحتوى للمستخدمين. على سبيل المثال، يمكن لتطبيقك السماح للمستخدمين بتعديل الإعدادات والوصول إلى لوحات الألوان وتطبيق التأثيرات، والاطّلاع على التغييرات على الفور. لمزيد من المعلومات، يُرجى الاطّلاع على تنسيقات اللوحة المتوافقة.
للاطّلاع على مجموعة من تنسيقات وسائل التواصل الاجتماعي المنظَّمة، يُرجى الانتقال إلى صفحة معرض وسائل التواصل الاجتماعي.
أفضل الممارسات المتعلّقة بتطبيقات الوسائط على الشاشات الكبيرة
يساعدك اتّباع أفضل الممارسات المتعلقة بالهواتف التي تتضمّن شاشات كبيرة في تجنُّب إعادة صياغة تطبيقك بشكل غير ضروري. كما تجعل هذه الممارسات تطبيقك أكثر سهولة في الاستخدام على مختلف الأجهزة منذ بدء استخدامه، خاصةً في ما يتعلق بالاتجاهات واختصارات لوحة المفاتيح ودعم معاينة الكاميرا ووضعيات الأجهزة القابلة للطي.
الاتجاه وتغيير الحجم
إذا كان تطبيق الوسائط يعلن عن قيود التوجيه وتغيير الحجم، فسيفع Android وضع التوافق. على الرغم من أنّ وضع التوافق يضمن حصول تطبيقك على أداء مقبول، إلا أنّ سهولة الاستخدام تنخفض بشكل كبير، ما يؤثر سلبًا في تجربة المستخدم.
على سبيل المثال، إذا كان تطبيقك على جهاز لوحي، يتم تثبيت الجهاز اللوحي في الوضع الافقي. إذا كان تطبيقك مخصّصًا للعرض في الوضع العمودي فقط، سيؤدي ذلك إلى عرض المحتوى بتنسيق Letterbox، وهو تنسيق غير مناسب للمستخدم النهائي. يجب أن يسمح تطبيقك للمستخدمين باستخدام الوضع الذي يفضّلونه، لذا استفِد من الحجم المتاح لشاشة كبيرة في تصميمك.
إنّ أي قيود مفروضة على الاتجاه تقلّل من طريقة تفاعل المستخدمين مع المحتوى أو استخدام الوسائط، ما يحدّ من استخدام تطبيقك. ويمكن أن يؤدي تغيير الاتجاه إلى التأثير في الحجم إلى حدّ ما، ولكن لن يؤدي تغيير الحجم بالضرورة إلى تغيير الاتجاه.
اختصارات لوحة المفاتيح
على الشاشة الأكبر حجمًا، من المرجّح استخدام اختصارات لوحة المفاتيح على لوحات المفاتيح الفعلية، مثل "بدء" و"إيقاف" و"توقّف مؤقت" و"إعادة الترجيع" و"تقديم"، ما يمنح المستخدم تجربته المتّسقة باستخدام لوحة المفاتيح.
يتوقع المستخدمون توفُّر هذه الوظائف في تطبيقات الوسائط. لتقليل نقاط المقاومة التي يواجهها المستخدِمون، ننصحك باختبار تطبيقك باستخدام لوحة مفاتيح خارجية. يساعدك ذلك في التعرّف على هذه الاختصارات المهمة وتضمينها في تطبيقك في بداية تصميمه.
إتاحة معاينة الكاميرا
عند استخدام شاشات كبيرة، قد تواجهك مشاكل أكثر في عمليات التمديد والاقتصاص والدوران. وبالتالي، لا يمكنك افتراض أنّ حجم معاينة الكاميرا هو الحجم الذي يعرضه واجهة المستخدم في تطبيق الوسائط.
على سبيل المثال، إذا التقط مستخدم صورة باستخدام جهازه اللوحي، ولكن ظهرت الصورة مقلوبة على شاشة الجهاز اللوحي، هذه تجربة غير مثالية. يجب أن تتضمّن ميزة معاينة الكاميرا التوافق مع الشاشات الكبيرة.
لمزيد من المعلومات، يُرجى الاطّلاع على CameraX preview أو Camera2 preview.
أوضاع قابلة للطي
يشمل تصميم تطبيق الوسائط للشاشات الكبيرة أوضاع الأجهزة القابلة للطي. على سبيل المثال، يمكن أن يتيح تطبيقك للمستخدم ضبط وضع "على سطح مستوٍ" لتشغيل الوسائط أو استخدام الشاشة الخلفية ووضع "الشاشة المزدوجة" لمعاينة المحتوى والتقاطه.
من خلال تضمين أوضاع الأجهزة القابلة للطي في خطة التطوير، يصبح تطبيقك متاحًا على المزيد من الأجهزة ويحقّق تأثيرًا أوسع. يمكنك توسيع تجربة الوسائط التي يحصل عليها المستخدم بطرق لا يمكن للأجهزة الأخرى توفيرها بدون أوضاع قابلة للطي. لمزيد من المعلومات، يُرجى الاطّلاع على الوضعيات القابلة للطي.