עם הצטרפותם של מכשירים עם גורמי צורה חדשים כמו Pixel 10 Pro Fold למערכת האקולוגית של Android, פיתוח אפליקציות מותאם הוא חיוני ליצירת חוויות משתמש איכותיות בטלפונים, בטאבלטים ובמכשירים מתקפלים. המשתמשים מצפים שממשק המשתמש של האפליקציה יותאם בצורה חלקה לגדלים ולמצבים השונים האלה.

כדי לעזור לכם ליצור את החוויות הדינמיות האלה בצורה יעילה יותר, אנחנו מודיעים על השקת גרסת בטא של Compose Adaptive Layouts Library 1.2. בגרסה הזו יש כלים חדשים ומתקדמים ליצירת ממשקי משתמש מלוטשים ורספונסיביים לסביבת המכשירים המתרחבת הזו.

כלים חדשים ויעילים לאזור עריכה גדול יותר

ספריית הפריסות האדפטיביות של Compose היא ערכת הכלים הבסיסית שלנו ליצירת ממשקי משתמש שמותאמים לגדלים שונים של חלונות. גרסת הבטא החדשה הזו כוללת תכונות מתקדמות שיעזרו לכם ליצור פריסות מתוחכמות עם פחות קוד. בין התוספות העיקריות:

• אסטרטגיות חדשות ומתקדמות לפריסת רכיבים: בגרסת הבטא מוצגות אסטרטגיות חדשות לפריסת רכיבים, כמו reflow ו-levitate, שנועדו לעזור לכם ליצור פריסות דינמיות שנראות מצוין גם במסכים החיצוניים וגם במסכים הפנימיים של מכשירים כמו Pixel 10 Pro Fold,‏ Galaxy Z Fold7 ו-Z Flip7.
• סיווגים חדשים של גודל החלון: בגרסה הזו נוספה תמיכה מובנית בסיווגים החדשים של גודל החלון: Large ו-Extra-Large‏ window size classes. נקודות עצירה חדשות אלה חיוניות לעיצוב של שינויים עשירים בממשק המשתמש עם כמה חלוניות ולהפעלתם במסכים רחבים כמו טאבלטים וטלפונים מתקפלים גדולים.

שתי אסטרטגיות חדשות להתאמת חלוניות: סידור מחדש (מימין) והזזה (משמאל)

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

איך מעוררים עניין ומעורבות אצל יותר משתמשים בכל מסך

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

זהו העיקרון המרכזי שמאחורי שיטות דינמיות לפריסת רכיבים, כמו reflow, תכונה חדשה ושימושית בגרסת הבטא של Compose Adaptive Layouts 1.2, שנועדה לעזור לכם ליצור ממשקי משתמש כאלה. לדוגמה, נקודת התחלה טובה היא אימוץ פריסה מרובת חלונות. הצגת רשימה ותצוגת הפרטים שלה זו לצד זו מקטינה את מספר ההקשות ומאפשרת למשתמשים לבצע משימות מהר יותר.

פיתוח מותאם אישית כזה הוא מה שבאמת מגביר את המעורבות. כמו שציינו בפרק האחרון של #TheAndroidShow, זו הסיבה לכך שרמת המעורבות של משתמשים שמשתמשים באפליקציה גם בטלפון וגם במסך גדול יותר גבוהה כמעט פי שלושה. פיתוח אדפטיבי לא רק משפר את שביעות הרצון של המשתמשים הנוכחיים, אלא גם יוצר חוויה משמעותית ומושכת יותר שמגבירה את הנאמנות לטווח ארוך ועוזרת לכם להגיע למשתמשים חדשים.

מערכת Android מתרחבת, ממכשירים מתקפלים ועד מחשבים

המעבר הזה לעיצוב אדפטיבי מתרחש בכל המערכת האקולוגית של Android. ממכשיר Pixel 10 Pro Fold החדש ועד למכשירים המתקפלים העדכניים של Samsung Galaxy, למפתחים יש הזדמנות להגיע לבסיס משתמשים גדול וגדל ב-500 מיליון מכשירים עם מסכים גדולים.

זו גם הסיבה שאנחנו ממשיכים להשקיע בחוויות חדשניות כמו מסכים מחוברים, שזמינים כרגע לניסיון בגרסת טרום-השקה למפתחים. התכונה הזו פותחת אפשרויות חדשות לאפליקציות לפעול בפלטפורמות שונות ולקיים אינטראקציה עם משתמשים, ומאפשרת להשתמש בתכונות מתקדמות ובזרימות עבודה עם כמה מופעים במקביל. בעבר שיתפנו פרטים על גרסת הטרום-השקה למפתחים של Connected Displays, כדי להראות איך היא מעצבת את העתיד של חוויית שימוש בהתאמה רחבה.

יישום עקרונות של למידה מותאמת

למפתחים שרוצים להכין את האפליקציות שלהם לעתיד הזה, הנה כמה שיטות מומלצות שכדאי לזכור:

• עורכים סקירה: הצעד הראשון הוא להבין איפה אתם נמצאים היום. בודקים את האפליקציה במכשיר עם מסך גדול או באמצעות האמולטור שניתן לשינוי גודל ב-Android Studio, כדי לזהות אזורים לשיפור, כמו ממשקי משתמש מתוחים או בעיות שימושיות.
• תמיכה בפריסות שעברו אופטימיזציה: אפשר להשתמש בספריות כמו Compose Adaptive Layouts כדי ליצור ממשק משתמש שמותאם לגדלים שונים של חלונות ולמצבי מכשיר שונים. האפליקציה צריכה לפעול בצורה תקינה גם לאורך וגם לרוחב, בלי להגביל את הכיוון.
• לא רק מגע: חוויה אדפטיבית טובה כוללת תמיכה בכל שיטות הקלט. התכונה הזו כוללת לא רק פונקציונליות בסיסית, אלא גם פרטים חשובים שהמשתמשים מצפים להם, כמו מצבי ריחוף של סמני העכבר, תפריטי הקשר בלחיצה ימנית ותמיכה בקיצורי דרך במקלדת.

הפוטנציאל של האפליקציה כבר לא מוגבל למסך אחד. כדי לקבל השראה ולמצוא דפוסי עיצוב, הנחיות רשמיות ואפליקציות לדוגמה שדרושים לכם כדי לפתח אפליקציות לכל קיפול, היפוך ומסך, אתם יכולים לעיין בגלריית העיצוב למסכים גדולים ובהנחיות האיכות של האפליקציות בכתובת developer.android.com/adaptive-apps.