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