أوضاع الجهاز القابل للطي واتجاهه

يشمل تصميم Android مجموعة كبيرة من الجوانب والأجهزة الفريدة، بما في ذلك الأجهزة القابلة للطي، ولا يكفي الاطّلاع على نقاط التوقف فقط. يمكن للمستخدمين تعديل حجم نوافذ التطبيقات وإعادة توجيهها على أجهزتهم. مع الأجهزة القابلة للطي، يمكن لجهاز واحد أن يغطي جميع حالات الاستخدام هذه. من الضروري التفكير في استخدام اللوحات لضمان توافق المحتوى مع مختلف الأجهزة.

تغييرات اتجاه الشاشة

لا تقفل التطبيقات على الوضع العمودي. وقد يبدو ذلك وكأنّه خطأ، كما يؤدي إلى ظهور إطار أسود غير مرغوب فيه عند تنفيذ مهام متعدّدة.

يعيد المستخدمون غالبًا توجيه أجهزتهم لتوفير الراحة أثناء الاستخدام ومشاهدة المحتوى. يجب أن يتوافق تطبيقك مع هذه التغييرات في اتجاه الشاشة.

على الأجهزة الأكبر حجمًا، يمكن أن يكون لوضعَي العرض العمودي والأفقي تأثيرات أكثر دقة عند الانتقال من حجم متوسط إلى كبير، ولكن يوفّر وضع العرض الأفقي حجم نافذة متوسطًا مع عرض عمودي مضغوط.

ننصحك باتّباع ممارسات التصميم التالية عند استخدام الوضع الأفقي:

  • تتيح هذه السمة عرض أشرطة النظام من الحافة إلى الحافة.

  • حدِّد عنصر التنقّل الأنسب للمحتوى، مثل شريط تنقّل أفقي أو شريط تنقّل جانبي.

  • ننصحك بإعادة ترتيب المحتوى أو تغيير الكثافة.

يمكن أن تستخدم التنسيقات الأفقية واجهة مستخدم متوسطة العرض.

خيارات التنقّل في الوضع الأفقي

يمكن الاستفادة من الاتجاه الأفقي لتقليل ارتفاع شريط التنقّل السفلي الذي يظهر بشكل أفقي.

المحتوى بملء الشاشة في الوضع الأفقي

بالنسبة إلى المحتوى، جرِّب استخدام حاوية لتضمين المحتوى في إطار مستطيل، أو استخدِم اتجاهًا مختلفًا للمحتوى إذا كان متاحًا، مثل الفيديو العمودي بدلاً من الفيديو الأفقي. يشغل المحتوى ذو العرض الكامل على شاشة صغيرة في الوضع العمودي معظم مساحة الشاشة في التنسيق الأفقي الكبير. إذا لم يكن المحتوى قابلاً للتمرير في الوضع العمودي، لا تجعله قابلاً للتمرير في الوضع الأفقي، لأنّ ذلك قد يربك المستخدمين.

إعادة تدفّق المحتوى في الوضع الأفقي

تشغل الصورة الرئيسية المساحة البارزة وتظل ثابتة. يتم إلغاء تثبيت شريط التطبيق السفلي.

إعادة تدفّق المحتوى في الوضع الأفقي

من الوضع العمودي إلى الوضع الأفقي: يتم تدوير كلتا مجموعتَي الحاويات في مكانها.

تغييرات التصميم وتغيير المكوّن

بالنسبة إلى ورقة الفلتر، يمكن أن يتغيّر مكوّن الورقة إلى ورقة جانبية. إذا كان يجب إيلاء المزيد من الاهتمام، ستبقى ورقة البيانات بملء الشاشة ولكن سيتم تعديلها لتصبح بتنسيق من عمودين.

الوضعيات

ضَع في اعتبارك حالات الاستخدام الخاصة بشكل الجهاز، مثل أوضاع الطي (مطوي ومسطّح وعلى سطح الطاولة).

مزيد من المعلومات حول كيفية توفير الدعم لشاشات الأجهزة القابلة للطي

تغييرات التصميم وتغيير المكوّن

ليس عليك أن تراعي كل وضعية على وجه التحديد في تطبيقك، ولكن ننصحك بالاستفادة من إحدى الوضعيات في تطبيقك. على سبيل المثال، يمكن لمشغّل الوسائط عرض واجهة مستخدم فريدة على الشاشة المسطحة وعلى الغطاء.

ثابتة

يكون الجهاز القابل للطي في وضع مسطّح عند فتحه. عادةً ما تكون الشاشة متوسطة أو كبيرة الحجم.

تغييرات التصميم وتغيير المكوّن

الوضع المطوي

عندما يكون الجهاز القابل للطي مغلقًا، يكون في وضعية الطي. في هذا الوضع، يمكنك التفاعل مع الشاشة الخارجية التي تكون عادةً صغيرة الحجم.

تغييرات التصميم وتغيير المكوّن

الشاشة المسطحة

وضع "التثبيت على سطح مستوٍ" يكون مطويًا جزئيًا في الوضع الأفقي. يتيح لك هذا الوضع استخدام تنسيقات فريدة، مثل عناصر تحكّم كبيرة وفيديوهات بالوضع الأفقي.

تغييرات التصميم وتغيير المكوّن

المفصّلة

اجعل تطبيقك متوافقًا مع الأجهزة ذات الشاشة القابلة للطي، كي يتدفّق المحتوى بسلاسة وبشكل متواصل ولا يختفي في المفصلة. قد لا يكون هذا ضروريًا في التصميمات ذات اللوحة الواحدة. ومع ذلك، يجب مراعاة ما إذا كان يجب أن تتجنّب عناصر التحكّم والنصوص مساحة المفصلة.

تغييرات التصميم وتغيير المكوّن

إذا كنت تصمّم باستخدام شبكة تصميم وألواح، يجب توفير مساحة أكبر بين الأعمدة لاستيعاب المفصلة، كما هو الحال في عرض على شكل قائمة مع تفاصيل من لوحتَين.

تحتوي بعض الأجهزة القابلة للطي، مثل الأجهزة الثلاثية الطي، على مفصلات متعددة.

الغلاف

يمكن أن تحتوي بعض الهواتف القابلة للطي على شاشة خارجية بغطاء بنسبة عرض إلى ارتفاع مربّعة، مثل الهاتف القلاّب.

عند تصميم تطبيقات لشاشات الغطاء، اتّبِع الإرشادات التالية:

  • تأكَّد من أنّ التطبيقات تملأ الشاشة من الحافة إلى الحافة.
  • تأكَّد من أنّ عناصر واجهة المستخدم غير مغطّاة بفتحات الكاميرا.
  • الحفاظ على تركيز حالات الاستخدام وواجهة المستخدم

تغييرات التصميم وتغيير المكوّن

على سبيل المثال، عندما يتم استخدام الجهاز فقط كمشغّل وسائط، يمكن أن تصبح صورة غلاف هي الخلفية لعرض نبذة سريعة تتطلّب معلومات أقل.

تغييرات التصميم وتغيير المكوّن

على الشاشات الأصغر حجمًا ونسب العرض إلى الارتفاع، يجب مراعاة تجربة المحتوى المركّز. تستحوذ الصورة الرئيسية على معظم الغلاف لجذب الانتباه، مع عرض نبذة عن العنوان والمحتوى لتسهيل التمرير والقراءة.

تغييرات التصميم وتغيير المكوّن

يجب أن يركّز الغطاء بشكل كبير على الإدخال. على سبيل المثال، عندما تظهر لوحة المفاتيح، تصبح الرسالة هي التركيز الأساسي.

تغييرات التصميم وتغيير المكوّن

في الشاشات الأصغر، مثل الأغلفة، تكون ورقة الفلتر بملء الشاشة، ولكن يتم تعديل موضع الأزرار وحجمها.

تغييرات التصميم وتغيير المكوّن

على الرغم من أنّ شريط التنقّل مضغوط، قد يكون أكثر سهولة في الاستخدام على شاشة الغطاء.

يمكن الاستفادة من أي من اتجاهَي التنقّل في الأغلفة الأكبر حجمًا. فكِّر في الطريقة التي قد يتفاعل بها المستخدمون مع المحتوى.

تغييرات التصميم وتغيير المكوّن

يمكن أن يتجنّب شريط التنقّل الصغير عناصر واجهة مستخدم النظام وفتحات الكاميرا مع مراعاة الارتفاع المضغوط.

مواصلة واجهة المستخدم ضمن واجهة مستخدم النظام بدون عوائق
أوقِف واجهة المستخدم قبل أشرطة النظام.