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