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

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

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

الإرشادات

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

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

Guideline ID Test IDs Description
Responsive_adaptive_layouts T-Layout_Flow

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

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

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

إنشاء تخطيطات متعددة اللوحات (عند الاقتضاء) للاستفادة من مساحة الشاشة الكبيرة مزيد من المعلومات عن التنسيقات الأساسية

تتيح ميزة تضمين الأنشطة للتطبيقات المستندة إلى الأنشطة إنشاء تخطيطات متعددة اللوحات من خلال عرض الأنشطة جنبًا إلى جنب.
UI_Secondary_Elements T-Layout_Flow

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

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

لوحة المفاتيح والماوس ولوحة التتبُّع

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

الاختبارات

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

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

Test ID Guideline IDs Description
T-Layout_Flow Responsive_adaptive_layouts,
UI_Secondary_Elements

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

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

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

لوحة المفاتيح والماوس ولوحة التتبُّع

Test ID Guideline IDs Description
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-Context_Menus قوائم السياق استخدِم الزر الثانوي للماوس أو ميزة النقر الثانوي على لوحة التتبُّع للوصول إلى قائمة السياق الخاصة بالعناصر التفاعلية.
T-Content_Zoom Content_Zoom استخدِم عجلة التمرير في الماوس (بالتزامن مع مفتاح التحكّم أو Ctrl) وإيماءات الضغط بإصبعين على لوحة اللمس لتكبير المحتوى وتصغيره.
T-Hover_States حالات_التمرير مرِّر مؤشر الماوس أو لوحة اللمس فوق عناصر واجهة المستخدم القابلة للتنفيذ لتفعيل حالة التمرير فوق العنصر.