التطبيقات المحسّنة تتوافق تمامًا مع جميع أنواع الشاشات وحالات الأجهزة، بما في ذلك حالات الانتقال.
الإرشادات
يجب تصميم تطبيقك ليتكيّف مع جميع أحجام الشاشات وحالات الأجهزة.
واجهة المستخدم
| رقم تعريف الإرشاد | معرّفات الاختبارات | الوصف |
|---|---|---|
| Responsive_adaptive_layouts | T-Layout_Flow | يحتوي التطبيق على تنسيقات سريعة الاستجابة وتكيُّفية مصمّمة لجميع أحجام الشاشات. جميع التنسيقات سريعة الاستجابة (راجِع نقل واجهة المستخدم إلى تنسيقات سريعة الاستجابة). يتم تحديد طريقة تنفيذ التنسيقات التكيُّفية حسب فئات أحجام النوافذ. يمكن أن تتضمّن واجهة مستخدم التطبيق ما يلي:
يجب إنشاء تنسيقات متعدّدة اللوحات (حسب الحاجة) للاستفادة من مساحة الشاشة الكبيرة. راجِع التنسيقات الأساسية. بالنسبة إلى تطبيقات Jetpack Compose، استخدِم التنسيقات التكيُّفية (مثل |
| UI_Secondary_Elements | T-Layout_Flow | يتم تنسيق النوافذ المنبثقة وقوائم السياقات والعناصر الثانوية الأخرى بشكل صحيح على جميع أنواع الشاشات وحالات الأجهزة، على سبيل المثال:
|
| 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 | يجب التنقّل بين المكوّنات القابلة للتركيز في التطبيق باستخدام مفتاح |
| 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 | يجب تمرير مؤشر الماوس أو لوحة اللمس فوق عناصر واجهة المستخدم القابلة للتنفيذ لتفعيل حالة التمرير الخاصة بالعنصر. |