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