רשימות הן מאגרי רכיבים עם גלילה והתמקדות מובנות.
עקרונות
ארגון ברור: הרשימות צריכות להציג את המידע בצורה ברורה ונוחה לסריקה, בפריסה אנכית.
הצגה עקבית של פריטים: פריטים ברשימה צריכים להיות מוצגים במבנה חזותי עקבי.
אפשרות המיקוד והניווט: בממשקים שמסתמכים על ניווט לפי כיוון, צריך לציין בבירור את הפריט שמתמקדים בו ברשימות.
אינטראקטיביות: פריטים ברשימה מייצגים לרוב רכיבים שאפשר לבחור או לבצע איתם פעולה.
שימוש ומיקום
רשימות יכולות להכיל תוכן שונה באותה רמה עם רכיבים שניתנים לחזרה. בניגוד לסטאקים, הרשימות ממלאות את מאגר התצוגה של האפליקציה.
שימוש במסכי הצללה כדי להדגיש תוכן שגולש מהמסך
כשברשימה יש יותר פריטים מכמות הפריטים שאפשר להציג בתצוגה, נעשה שימוש במסך שחור שקוף ליד הגבולות של הרשימה.
אפשר להוסיף כותרת לרשימה אם צריך
לצורך בהירות, אפשר להשתמש בכותרת סטטית או בכותרת במיקום קבוע ברשימה.
מה אסור לעשות
שימוש בעומק כדי להדגיש את המיקוד
פריטים ברשימה עוברים בין עומק 0 לבין עומק +4 במצבים ממוקדים ולא ממוקדים.
אפשר להוסיף פעולות לביצוע לפריטים ברשימה
פריטים ברשימה יכולים לשמש כפעולות. השארת הפעולה בפריט ברשימה
אנטומיה
הרשימה מורכבת ממאגר עם אפשרות גלילה ומפריטים ברשימה עם מרווחים אחידים. הרשימות צריכות לגלול אנכית, עם גלישת יתר מינימלית, כשמספר הפריטים חורג מגודל אזור התצוגה.
א. מאגר תגים – אזור שניתן לגלילה
ב. פריט ברשימה
ג. סרגלי מידע
פריט ברשימה: כל רכיב בודד ברשימה.
א. צורה
ב. גבול
ג. סמל מוביל
ד. תוכן הטקסט
ה. אינדיקטור של גרירה
התאמה אישית
רוב ההתאמות האישיות מתבצעות באמצעות פריטים ברשימה.
| מאפיינים | התאמה אישית | ברירות מחדל |
|---|---|---|
| פריט ברשימה: צורה | כן | 40dp |
| פריט ברשימה: סמל מוביל וסמל נגרר | כן | סמל של מדיום |
| פריט ברשימה: ערכי ריווח פנימי | כן | 2d dp, 20 dp |
| פריט ברשימה: תוכן | כן | שורה אחת: רכיב טקסט קומפוזבילי אחד לתווית הראשית באמצעות Body Small שתי שורות: רכיב עמודה שמכיל שני רכיבי טקסט קומפוזביליים לתווית ראשית ולתווית משנית ראשית: Title Small משנית: Body Small |
| רשימה: verticalArrangement | כן | 20dp |