الوضعيات والاتجاه

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

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

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

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

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

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

  • يجب دعم أشرطة النظام من الحافة إلى الحافة.

  • يجب تحديد مكوّن التنقّل الذي يقدّم أفضل دعم لمحتواك، مثل شريط أدوات أفقي أو شريط تنقّل جانبي.

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

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

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

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

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

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

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

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

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

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

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

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

الأوضاع

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

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

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

ثابتة

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

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

الوضع المطوي

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

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

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

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

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

المفصّلة

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

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

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

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

الغلاف

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

عند تصميم شاشات الغلاف، ننصحكم باتّباع الإرشادات التالية:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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