רמה 2 – אופטימיזציה אדפטיבית
מבחינת המשתמשים, ממשק המשתמש הוא האפליקציה. ממשק המשתמש קובע את חוויית המשתמש, שקובעת את שביעות הרצון של המשתמשים, את השימוש באפליקציה, את הרכישות באפליקציה ואת שימור הלקוחות.
מסכים גדולים מציעים מרחב תצוגה רחב לממשקי משתמש חדשניים ונוחים, שמספקים חוויית משתמש שלא ניתן לשחזר במסכים קטנים.
כדי לבצע אופטימיזציה של האפליקציה למסכים גדולים, צריך לכלול את רכיבי ממשק המשתמש הבאים:
- פס ניווט או חלונית הזזה לניווט
- משטחי מגע גדולים
- תפריטים ותיבות דו-שיח שמוצבים במקומות נוחים
- פריסות מרובות חלונות
פריסות מותאמות
יצירת פריסות אדפטיביות שמבצעות אופטימיזציה של ממשק המשתמש של האפליקציה במסכים גדולים וקטנים. עיצוב ובנייה לכמה גורמי צורה בו-זמנית. הכנת האפליקציה לעתיד לסוגים חדשים של מכשירים.
פריסות קנוניות
כדאי להשתמש בפריסות אדפטיביות מוכחות כדי לשפר את חוויית המשתמש באפליקציה. כדי שיהיה קל יותר לנהל את התוכן וליהנות ממנו, אפשר ליצור פריסה של רשימת פרטים, חלונית תמיכה או פיד.
ממשק משתמש רספונסיבי
עיצוב רכיבים בממשק המשתמש על סמך גודל התצוגה. הגבלת הרוחב של כפתורים, כרטיסים ושדות טקסט שמוצגים ברוחב מלא במסכים קטנים, כך שיוצגו בגודל מתאים במסכים גדולים. אל תאפשרו לתיבות דו-שיח ולחלונות מודאליים אחרים למלא את כל המסך. הצגת תפריטי הקשר וחלונות קופצים אחרים שקשורים לאלמנטים בסמוך לאלמנט שהמשתמש בחר, ולא במרכז המסך.
הטמעה של פעילות
עדכנו את האפליקציות מדור קודם שמבוססות על פעילות באמצעות פריסות מרובות חלוניות במסכים גדולים. אין צורך בשינוי מבנה הקוד. אפשר להגדיר את הפריסות ב-XML או באמצעות כמה קריאות ל-Jetpack WindowManager API.
השלבים הבאים
כדי לקרוא על פיתוח ממשק משתמש לאופטימיזציה של חוויית המשתמש, אפשר לעיין במדריכי המפתחים הבאים: