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