בתצוגות ללא גלילה, המידע שמוצג הוא מידע שאפשר להבין במבט חטוף, והמשתמשים מקבלים ערך בלי לבצע אינטראקציה או עם אינטראקציה מינימלית. לכן, יכול להיות שיהיה קשה ליצור התנהגות רספונסיבית בפריסות האלה.
רכיבי פריסה מוגדרים מראש שלא ניתן לגלול בהם
תיבת דו-שיח
תיבת דו-שיח היא שכבת-על זמנית שתופסת את כל המסך. היא מאפשרת למשתמשים לבצע פעולה אחת.
- תיבות דו-שיח עוזרות לכם להתמקד בתוכן כדי לוודא שהוא מטופל.
- הדיאלוגים צריכים להיות ישירים בהעברת מידע ומיועדים להשלמת משימה.
- תיבות דו-שיח צריכות להופיע בתגובה למשימה או לפעולה של המשתמש, עם מידע רלוונטי או הקשרי.
שכבת-על לאישור
שכבת-העל של האישור מציגה למשתמש הודעת אישור למשך זמן קצר. משתמשים ברכיב הזה כדי למשוך את תשומת הלב של המשתמש אחרי ביצוע פעולה.
פתיחה בטלפון
שכבת-העל 'פתיחה בטלפון' מופעלת כשהמשתמש בוחר להמשיך את התהליך בטלפון. בשכבת-העל מוצג אינדיקטור התקדמות והודעה למשתמש מתי לבדוק את הטלפון.
סטפר
ממשקי Stepper מספקים חוויית שליטה במסך מלא שמאפשרת למשתמשים לבחור מתוך טווח ערכים. הם יכולים לשלוט באינטראקציה באמצעות הלחצנים או הכתר, ורמת ההתנגדות הספציפית מוצגת באמצעות מדד מעוקל.
כלי לבחירת שעה
רכיבי בחירה מאפשרים למשתמשים לבחור מתוך מספר סופי של פריטים בקטעים שאפשר לגלול בהם. בכלי לבחירת שעה יש עד שלוש עמודות, בהתאם לאפשרות לבחור שניות או אם השעון הוא שעון של 12 שעות או 24 שעות. המשתמשים מבצעים אינטראקציה עם כל עמודה בנפרד, ובוחרים את המספר על ידי השארתו במצב מודגש לפני שממשיכים.
חלונית לבחירת תאריך
רכיבי בחירה מאפשרים למשתמשים לבחור מתוך מספר סופי של פריטים בקטעים שאפשר לגלול בהם. בחלונית לבחירת תאריך יש עד שלוש עמודות, והסדר שלהן יכול להשתנות בין תאריך, שעה ושנה, בהתאם לתרחיש השימוש. רכיבי בחירת תאריך דורשים מחרוזות ארוכות יותר של תוכן, ולכן רק עמודה אחת מוצגת בכל פעם, עם רמז לגבי מה שמופיע מימין או משמאל. המשתמשים יוצרים אינטראקציה עם כל עמודה בנפרד, ובוחרים את המספר הרצוי לפני שממשיכים.
דוגמאות לפריסות בהתאמה אישית שלא ניתן לגלול בהן
מסכי אפליקציות שלא ניתן לגלול בהם לא מוגבלים לרכיבים שהוגדרו. אפשר לשלב בין כמה רכיבים כדי ליצור את הפריסה הרצויה.
חשוב לזכור שהשטח במסך שלא ניתן לגלילה הוא מוגבל, ולכן כדאי להשתמש בשוליים ובריפוד רספונסיביים (באחוזים) כדי לנצל את השטח הזמין במסך. אפשר גם להגדיר נקודת עצירה ב-225dp כדי להוסיף תוכן או להציג את התוכן הקיים בצורה ברורה יותר במסכים גדולים יותר.
מפות
שכבת-על למקרה חירום
התראה על מקרה חירום
התנהגות רספונסיבית ומותאמת
כל הרכיבים בספריית Compose מותאמים אוטומטית לגודל המסך הרחב יותר, ומתרחבים לגובה ולרוחב. במקרים כאלה, שימוש בנקודות עצירה יכול לספק חוויה עשירה ובעלת ערך לכל המשתמשים.
במקרים רבים, כדאי למתוח את הלחצנים, הכרטיסים והשוליים של ממשק המשתמש ולמלא את השטח כדי לנצל את המקום שזמין בממשק המשתמש, וגם כדי ליצור פריסה מאוזנת.
כדי לוודא שהגדרתם את הפרמטרים הרספונסיביים בצורה נכונה, אתם יכולים להיעזר ברשימת המשימות הבאה:
- יצירת פריסות גמישות שנראות סבירות בכל גודל מסך.
- החלת השוליים המומלצים בחלק העליון, התחתון והצדדים.
- מגדירים שוליים בערכים של אחוזים במקומות שבהם התוכן עלול להיחתך.
- כדאי להשתמש במגבלות פריסה כדי שהרכיבים ינצלו את המקום במסך בצורה הטובה ביותר, וכדי לשמור על איזון בין גדלים שונים של מכשירים.
- אם משתמשים בטקסט של זמן, צריך להשאיר מקום בשבילו, אבל לא לחפוף את החלק העליון של הדף.
- כדאי להשתמש בלחצנים שצמודים לקצה כדי לנצל יותר מהמקום המוגבל.
- כדאי להגדיר נקודת עצירה ב-225dp כדי להוסיף תוכן או להפוך את התוכן הקיים לקל יותר לקריאה במבט חטוף כשמשתמשים במסכים גדולים יותר.
מסלולי המרה בכמה דפים שלא כוללים גלילה, באמצעות מספור עמודים
במקרים שבהם נדרש יותר תוכן בחוויית משתמש מסוימת, אבל רוצים לשמור על פריסה שלא מצריכה גלילה, כדאי לשקול פריסה מרובת דפים עם מספור עמודים אנכי או אופקי.
