רמה 2 – אופטימיזציה מותאמת

אפליקציות שעברו אופטימיזציה תומכות באופן מלא בכל סוגי המסכים ובכל מצבי המכשיר, כולל מעברים בין מצבים.

הנחיות

חשוב לבנות את האפליקציה כך שהיא תותאם לכל גדלי המסכים ולכל מצבי המכשיר.

ממשק משתמש

מזהה הנחיה	מזהי בדיקות	תיאור
Responsive_adaptive_layouts	T-Layout_Flow	האפליקציה כוללת פריסות רספונסיביות ומותאמות שמתאימות לכל גודלי המסכים. כל הפריסות הן רספונסיביות (ראו העברת ממשק המשתמש לפריסות רספונסיביות). ההטמעה של פריסות מותאמות נקבעת על ידי סיווגים של גודל החלון. ממשק המשתמש של האפליקציה יכול לכלול את הרכיבים הבאים: סרגלי ניווט מתקדמים שמתרחבים לחלוניות ניווט מלאות כשהחלון גדול יותר פריסות של משבצות שבהן מספר העמודות משתנה בהתאם לשינויים בגודל החלון עמודות של טקסט במסכים גדולים חלוניות קצה שפתוחות כברירת מחדל בגדלים של מסכי מחשב, וסגורות במסכים קטנים יותר יוצרים פריסות עם כמה חלוניות (במקרים המתאימים) כדי לנצל את השטח הגדול של המסך. מידע על פריסות קנוניות באפליקציות Jetpack פיתוח נייטיב, משתמשים בפריסות מותאמות (כמו ListDetailPaneScaffold) כדי ליצור ממשקי משתמש מרובי חלוניות. באפליקציות מדור קודם שמבוססות על פעילות, הטמעת פעילות מאפשרת פריסות מרובות חלוניות על ידי הצגת פעילויות זו לצד זו.
UI_Secondary_Elements	T-Layout_Flow	חלונות קופצים, תפריטים תלויי-הקשר ורכיבים משניים אחרים מעוצבים בצורה נכונה בכל סוגי המסכים ובכל מצבי המכשיר, למשל: במסכים גדולים, גיליונות תחתונים לא תופסים את כל הרוחב. (כדי למנוע מתיחה, צריך להגדיר רוחב מקסימלי). מידע נוסף מופיע בקטע התנהגות במאמר Sheets: bottom. הכפתורים לא תופסים את כל הרוחב במסכים גדולים. מידע נוסף זמין במאמר בנושא התנהגות בקטע כפתורים. תיבות ומשדות טקסט לא נמתחים לרוחב מלא במסכים גדולים. מידע נוסף על התנהגות בשדות טקסט תפריטי עריכה קטנים או חלונות קופצים לא מכסים את כל המסך, ושומרים על ההקשר של המשתמש ככל האפשר. תפריטים תפריטי הקשר מופיעים לצד הפריט שהמשתמש בחר. אפשר לעיין בנושא 'תפריטי הקשר' במאמר תפריטים. סרגלי ניווט מחליפים את סרגלי הניווט כדי לשפר את הארגונומיה במסכים גדולים. ראו פס ניווט. מגירות הניווט עודכנו לסרגלי ניווט מורחבים. חלונית ההזזה לניווט תיבות הדו-שיח עודכנו לרכיב החומר העדכני ביותר. מידע נוסף על תיבות דו-שיח התמונות מוצגות ברזולוציה מתאימה, והן לא מתוחות או חתוכות.
Touch_Targets	T-Touch_Targets	יעדי המגע הם לפחות 48dp. אפשר לעיין בהנחיות של Material Design בנושא פריסה וטיפוגרפיה.
Drawable_Focus	T-Drawable_Focus	נוצר מצב ממוקד עבור רכיבים גרפיים אינטראקטיביים בהתאמה אישית. רכיב drawable מותאם אישית הוא כל רכיב חזותי בממשק המשתמש שלא מסופק על ידי מסגרת Android. אם משתמשים יכולים לבצע אינטראקציה עם רכיב drawable מותאם אישית, הרכיב צריך להיות ניתן למיקוד כשהמכשיר לא נמצא במצב מגע, וצריך להיות סימן ויזואלי ברור למצב המיקוד.

מקלדת, עכבר ומשטח מגע

מזהה הנחיה	מזהי בדיקות	תיאור
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	בכל מסך אפליקציה שמכיל רכיב גרפי אינטראקטיבי בהתאמה אישית, צריך לוודא שאפשר להתמקד ברכיב הגרפי באמצעות מקלדת חיצונית, מקשי חצים או מכשיר אחר שמאפשר להתמקד ברכיבי ממשק משתמש. מוודאים שיש אינדיקציה חזותית ברורה למצב המיקוד. מידע נוסף מופיע במאמרי העזרה בנושא מצב כתיבה.

מקלדת, עכבר ומשטח מגע

מזהה בדיקה	מזהי הנחיות	תיאור
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	מציבים את סמן העכבר או משטח המגע מעל רכיבי ממשק משתמש שאפשר לבצע בהם פעולה כדי להפעיל את מצב הריחוף של הרכיב.