פריסות ודפוסי ניווט

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

שילובי פריסה וניווט

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

ממשק משתמש של ניווט ראשי

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

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

כרטיסיות ניווט משניות

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

במקרה הזה, הכרטיסיות משמשות כשכבת ניווט משנית לקיבוץ תוכן מאותה רמה.

פעולות בפריסה

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

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

פריסה עם כפתור פעולה צף

כפתור פעולה צף (FAB) שמאפשר למשתמשים להוסיף צמחים לגלריית הצמחים

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

פעולת התראה בסרגל העליון בהצגת פרטים (מימין) וסמל האפשרויות הנוספות בשורה של פריט ברשימה (משמאל)

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

ניווט דינמי

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

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

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

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