שיטות מומלצות לעיצוב אפליקציות

אופטימיזציה לפריסות אנכיות

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

פעולה

מטרת האפליקציה הזו היא להעביר את המשתמש מנקודה א' לנקודה ב'.

אל תעשו את זה

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

הצגת השעה

כדאי להציג את השעה (שכבת-על) בחלק העליון של המסך, כי זהו מקום עקבי שבו המשתמש יכול לראות את השעה.

פעולה

כדאי להציג את השעה בחלק העליון של שכבת-העל, כי זהו מקום עקבי שבו המשתמש יכול לראות את השעה.

אל תעשו את זה

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

נקודות כניסה נגישה בקוד

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

פעולה

כשהדבר אפשרי, כדאי להשתמש גם בסמלים וגם בתוויות.

אל תעשו את זה

להסתמך רק על סמלים כדי לבקש מהמשתמשים לבצע פעולה.

שימוש בתוויות כדי לנווט את המשתמשים

בתיבת דו-שיח ארוכה, כדאי להוסיף תוויות כדי לעזור למשתמש לנווט בתוכן בזמן שהוא גולל.

פעולה

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

אל תעשו את זה

מוסיפים תווית לתיאור תיבת דו-שיח שמכילה סוג תוכן אחד.

העברת פעולות ראשיות לחזית

כדי למשוך את תשומת הלב של המשתמשים לפעולות הראשיות באפליקציה, כדאי להציב אותן בחלק העליון של שכבת-העל.

פעולה

מומלץ להציב בחלק העליון פעולות ראשיות לא חד-משמעיות.

אל תעשו את זה

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

הצגת סרגל הגלילה במסכים עם גלילה

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

פעולה

הצגת אינדיקטור הגלילה אם כל התצוגה גוללת.

אל תעשו את זה

הצגת אינדיקטור הגלילה בתצוגות ללא גלילה, או אי-הצגת סרגל הגלילה בתצוגות עם גלילה.

עיצוב רספונסיבי לגדלים גדולים יותר של מסכים

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

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

פעולה

חשוב לוודא שהתוכן ממלא את רוחב הגובה הזמינים, ושהרכיבים במסך מלא (ProgressIndicators, ‏ TimeText וכו') מתאימים באופן רספונסיבי בפריסות שלא ניתן לגלול בהן.

אל תעשו את זה

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

שימוש בשוליים רספונסיביים (באחוזים)

מומלץ להשתמש בשוליים באחוזים כדי שגודל השוליים יתאים לעקומה ההולכת וגדלה של המסך.

פעולה

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

אל תעשו את זה

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