المستوى 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 T-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 يجب تمرير مؤشر الماوس أو لوحة اللمس فوق عناصر واجهة المستخدم التفاعلية لتفعيل حالة التمرير للعنصر.