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