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