المستوى 2: تحسين تكيُّفي

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

صورة توضيحية لمستويات الجودة الثلاثة كطبقات مكدّسة عموديًا مع تمييز المستوى الأوسط

الإرشادات

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

واجهة المستخدم

معرّف الإرشادات أرقام تعريف الاختبارات الوصف
Responsive_adaptive_layouts T-Layout_Flow

يحتوي التطبيق على تنسيقات متجاوبة وقابلة للتكيّف مع جميع أحجام الشاشات. جميع التنسيقات متجاوبة (يُرجى الاطّلاع على نقل واجهة المستخدم إلى التنسيقات المتجاوبة). يتم تحديد تنفيذ التنسيقات التكيّفية من خلال فئات حجم النافذة.

يمكن أن تتضمّن واجهة مستخدم التطبيق ما يلي:

  • أشرطة تنقّل جانبية رائدة تتوسّع في النوافذ الأكبر حجمًا لتصبح لوحات تنقّل كاملة
  • تخطيطات الشبكة التي تعمل على تغيير عدد الأعمدة لاستيعاب التغييرات في حجم النافذة
  • أعمدة نصية على الشاشات الكبيرة
  • اللوحات ذات الحافة الخلفية التي تكون مفتوحة تلقائيًا على أحجام شاشات سطح المكتب؛ مغلقة، على الشاشات الأصغر حجمًا

أنشئ تنسيقات متعددة الأجزاء (حيثما كان ذلك مناسبًا) للاستفادة من مساحة الشاشة الكبيرة. يُرجى الاطّلاع على التنسيقات الأساسية.

بالنسبة إلى تطبيقات Jetpack Compose، استخدِم التصاميم التكيُّفية (مثل ListDetailPaneScaffold) لإنشاء واجهات مستخدم متعددة الأجزاء. بالنسبة إلى التطبيقات القديمة المستندة إلى الأنشطة، تتيح ميزة تضمين الأنشطة استخدام تنسيقات متعددة الأجزاء من خلال عرض الأنشطة جنبًا إلى جنب.

UI_Secondary_Elements T-Layout_Flow

تظهر النوافذ المشروطة وقوائم السياق والعناصر الثانوية الأخرى بتنسيق صحيح على جميع أنواع الشاشات وحالات الأجهزة، على سبيل المثال:

  • لا تظهر البطاقات السفلية بعرض الشاشة بالكامل على الشاشات الكبيرة. (طبِّق حدًا أقصى للعرض لتجنُّب تمديد الصورة). يُرجى الاطّلاع على التصميم المتجاوب في البطاقات السفلية.
  • لا تظهر الأزرار بعرض الشاشة بالكامل على الشاشات الكبيرة. يُرجى الاطّلاع على التصميم التكيُّفي في الأزرار.
  • لا تتمدّد حقول النص ومربعاته إلى العرض الكامل على الشاشات الكبيرة. يُرجى الاطّلاع على التصميم التكيُّفي في الحقول النصية.
  • لا تغطي قوائم التعديل الصغيرة أو النوافذ المشروطة الشاشة بأكملها وتحافظ على السياق للمستخدم قدر الإمكان. يُرجى الاطّلاع على القوائم.
  • تظهر قوائم السياق بجانب العنصر الذي اختاره المستخدم. اطّلِع على موضوع "قوائم السياق" في القوائم.
  • تحلّ أشرطة التنقل الجانبية محل أشرطة التنقل لتوفير تجربة استخدام أفضل على الشاشات الكبيرة. يُرجى الاطّلاع على شريط التنقّل الجانبي.
  • يتم تعديل لوائح التنقل إلى أشرطة تنقّل جانبية موسّعة. يُرجى الاطّلاع على لائحة التنقل.
  • تم تعديل مربّعات الحوار لتتضمّن أحدث مكوّنات Material. يُرجى الاطّلاع على مربّعات الحوار.
  • يتم عرض الصور بدرجة دقة مناسبة ولا يتم تمديدها أو اقتصاصها.
Touch_Targets T-Touch_Targets يجب ألا يقل حجم مساحات اللمس عن 48 بكسل مستقل الكثافة. اطّلِع على إرشادات أحجام الأهداف في التصميم المتعدد الأبعاد.
Drawable_Focus T-Drawable_Focus يتم إنشاء حالة تركيز للعناصر القابلة للرسم المخصّصة والتفاعلية. العنصر القابل للرسم المخصّص هو أي عنصر في واجهة المستخدم لا يوفّره إطار عمل Android. إذا كان بإمكان المستخدمين التفاعل مع عنصر قابل للرسم مخصّص، يجب أن يكون العنصر قابلاً للتركيز عندما لا يكون الجهاز في وضع اللمس، ويجب أن يظهر مؤشر مرئي لوضع التركيز.

لوحة المفاتيح والماوس ولوحة اللمس

معرّف الإرشادات أرقام تعريف الاختبارات الوصف
Keyboard_Navigation T-Keyboard_Navigation تتيح مسارات المهام الرئيسية في التطبيق التنقّل باستخدام لوحة المفاتيح، بما في ذلك التنقّل باستخدام مفتاح Tab ومفاتيح الأسهم. يُرجى الاطّلاع على مقالة إنشاء تطبيقات أكثر سهولة في الاستخدام.
Keyboard_Shortcuts T-Keyboard_Shortcuts يدعم التطبيق اختصارات لوحة المفاتيح للإجراءات الشائعة الاستخدام، مثل التحديد والقص والنسخ واللصق والتراجع والإعادة. يُرجى الاطّلاع على لوحة المفاتيح والماوس ولوحة اللمس.
Keyboard_Media_Playback T-Keyboard_Media_Playback يمكن استخدام لوحة المفاتيح للتحكّم في تشغيل الوسائط، على سبيل المثال، يؤدي الضغط على مفتاح المسافة إلى تشغيل الوسائط وإيقافها مؤقتًا.
Keyboard_Send T-Keyboard_Send يؤدي مفتاح Enter في لوحة المفاتيح وظيفة الإرسال في تطبيقات التواصل.
Keyboard_Exit T-Keyboard_Exit يؤدي مفتاح Esc في لوحة المفاتيح وظيفة الخروج التي تنهي إجراءً أو تتراجع عنه، على سبيل المثال:
  • إغلاق النوافذ المشروطة ومربّعات الحوار والنوافذ المنبثقة والقوائم
  • محو نص البحث أو إزالة التركيز على البحث
  • لإلغاء تركيز لوحة المفاتيح
  • للخروج من الفيديو في وضع ملء الشاشة أو وضع "نافذة ضمن النافذة" أو وضع ملء الشاشة أو عروض الشرائح
  • لإغلاق عناصر التحكّم التي تظهر على الشاشة، مثل أشرطة التقدّم أو القوائم
  • إلغاء موقّتات "التالي" / التشغيل التلقائي
  • لإلغاء اختيار جميع العناصر المحدّدة
  • لإلغاء إعادة التسمية أو التعديل بدون حفظ
  • للخروج من أدوات الاقتصاص/التحويل وتجاهل التغييرات
Context_Menus T-Context_Menus يمكن الوصول إلى قوائم السياق من خلال النقر بزر الماوس الأيمن أو النقر الثانوي على لوحة اللمس (زر الماوس الثانوي أو النقر الثانوي).
Content_Zoom T-Content_Zoom يمكن تكبير محتوى التطبيق أو تصغيره باستخدام عجلة تمرير الماوس (مع الضغط على مفتاح Control أو Ctrl) وإيماءات التصغير أو التكبير بإصبعين على لوحة اللمس.
Hover_States T-Hover_States تتضمّن عناصر واجهة المستخدم القابلة للتنفيذ حالات تمرير (حيثما كان ذلك مناسبًا) للإشارة إلى مستخدمي الماوس ولوحة اللمس بأنّ العناصر تفاعلية.

الاختبارات

لضمان تحسين تطبيقك وتجاوبه مع جميع إعدادات العرض، يُرجى إجراء الاختبارات التالية.

واجهة المستخدم

معرِّف الاختبار معرّفات الإرشادات الوصف
T-Layout_Flow Responsive_adaptive_layouts,
UI_Secondary_Elements

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

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

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

T-Touch_Targets Touch_Targets تأكَّد من أنّ مساحات اللمس تحافظ على حجم وموضع متّسقَين وسهلَي الوصول إليهما، وأنّها غير مخفية أو محجوبة بعناصر أخرى في واجهة المستخدم لجميع أحجام الشاشات وإعداداتها. للحصول على معلومات حول أدوات تسهيل الاستخدام، يُرجى الاطّلاع على Accessibility Scanner.
T-Drawable_Focus Drawable_Focus على كل شاشة تطبيق تحتوي على عنصر تفاعلي مخصّص قابل للرسم، تأكَّد من إمكانية التركيز على العنصر القابل للرسم باستخدام لوحة مفاتيح خارجية أو لوحة تحكّم أو أي جهاز آخر يتيح التركيز على عنصر في واجهة المستخدم. تأكَّد من ظهور مؤشر مرئي لحالة التركيز. للحصول على معلومات ذات صلة، يُرجى الاطّلاع على مستندات التركيز في Compose.

لوحة المفاتيح والماوس ولوحة اللمس

معرِّف الاختبار معرّفات الإرشادات الوصف
T-Keyboard_Navigation Keyboard_Navigation تنقَّل بين مكوّنات التطبيق التي يمكن التركيز عليها باستخدام مفتاح Tab ومفاتيح الأسهم في لوحة مفاتيح خارجية.
T-Keyboard_Shortcuts Keyboard_Shortcuts استخدِم اختصارات لوحة المفاتيح على لوحة مفاتيح خارجية لتنفيذ إجراءات التحديد والقص والنسخ واللصق والتراجع والإعادة.
T-Keyboard_Media_Playback Keyboard_Media_Playback استخدِم لوحة مفاتيح خارجية لبدء تشغيل الوسائط وإيقافه مؤقتًا وترجيعه وتقديمه سريعًا.
T-Keyboard_Send Keyboard_Send استخدِم مفتاح Enter في لوحة مفاتيح خارجية لإرسال البيانات.
T-Keyboard_Exit Keyboard_Exit

استخدِم مفتاح Esc في لوحة مفاتيح خارجية لتنفيذ وظيفة الخروج. تأكَّد من أنّ المفتاح ينفّذ ما يلي (حيثما ينطبق):

  • إغلاق النوافذ المشروطة ومربّعات الحوار والنوافذ المنبثقة والقوائم
  • محو نص البحث أو إزالة التركيز على البحث
  • لإلغاء تركيز لوحة المفاتيح
  • للخروج من الفيديو في وضع ملء الشاشة أو وضع "نافذة ضمن النافذة" أو وضع ملء الشاشة أو عروض الشرائح
  • إغلاق عناصر التحكّم التي تظهر على الشاشة
  • إلغاء موقّتات "التالي" / التشغيل التلقائي
  • لإلغاء اختيار جميع العناصر المحدّدة
  • لإلغاء إعادة التسمية أو التعديل بدون حفظ
  • للخروج من أدوات الاقتصاص/التحويل وتجاهل التغييرات
T-Context_Menus Context_Menus استخدِم زر الماوس الثانوي أو إمكانية النقر الثانوي على لوحة اللمس للوصول إلى قائمة السياق للعناصر التفاعلية.
T-Content_Zoom Content_Zoom استخدِم عجلة تمرير الماوس (مع الضغط على مفتاح Control أو Ctrl) وإيماءات التصغير أو التكبير بإصبعين على لوحة اللمس لتكبير المحتوى وتصغيره.
T-Hover_States Hover_States مرِّر مؤشر الماوس أو لوحة اللمس فوق عناصر واجهة المستخدم القابلة للتفاعل لتفعيل حالة التمرير الخاصة بالعنصر في واجهة المستخدم.