טבלה
מומלץ להשתמש בטבלה כדי להציג למשתמשים נתונים סטטיים בפורמט שקל לסרוק.
הערה: המשתמשים יכולים רק להציג את המידע בטבלה (ללא אינטראקציה איתו). אם אתם רוצים שתהיה למשתמשים אינטראקציה, מומלץ להשתמש במקום זאת ברשימה.
דוגמה
הדוגמה הבאה ממחישה איך נראית טבלה.
הדרישות
הרכיב החזותי הזה תומך כרגע בהתאמה אישית.
| שם השדה | חובה? | הגבלות/התאמות אישיות |
|---|---|---|
| כותרת הטבלה | לא |
משפחת הגופנים וצבע הגופן שניתן להתאים אישית. שורה אחת לכל היותר (תווים נוספים יקוצרו). גובה הכרטיס קורס אם לא צוינה כותרת. |
| כתובית | לא |
טקסט פשוט. גופן, צבע וגודל שתוקנו. שורה אחת לכל היותר (תווים נוספים יקוצרו). לא תוצג ללא כותרת. גובה הכרטיס כווץ אם לא צוינה כותרת משנה. |
| תמונה חזית | לא |
צורה מותאמת אישית של התמונה (פינות מעוגלות או מעוגלות). |
| הרקע של הכרטיס | לא |
תמונה או צבע הניתנים להתאמה אישית. |
| כותרת עמודה | כן |
טקסט פשוט. גופן, צבע וגודל שתוקנו. יישור טקסט שניתן להתאמה אישית עבור כותרת ותוכן (שמאל, ימין או מרכז). תעדוף ניתן להתאמה אישית של עמודות (3 הראשונים מובטחים להצגה). אין מגבלת תווים, אך משטחים קטנים יותר עשויים להיקטע במקום להיחתך. |
| תוכן השורה | כן |
טקסט פשוט. גופן, צבע וגודל שתוקנו. תעדוף מותאם אישית של שורות (3 הראשונים מובטחים להצגה). 20 תווים לכל היותר (תווים נוספים יקוצרו). |
| קישור לפעולה | לא |
קישור אחד מותר. צבע של קישור שניתן להתאים אישית. |
אינטראקטיביות
- בכרטיס הטבלה אין אינטראקציה ללא קישור לפעולה – הוא מציג רק מידע.
- כשמוסיפים קישור לפעולה, המשתמשים יכולים להקיש עליו כדי להציג את התוכן באינטרנט או לקדם את תיבת הדו-שיח.
הנחיות
הטבלאות עוברות אופטימיזציה להצגת נתונים בטבלה (לדוגמה, טבלאות ספורט, תוצאות בחירות או טיסות). מומלץ ליצור שלוש עד חמש עמודות ושורות. בהתאם לגודל המסך, יוצגו לפחות שלוש עמודות. לכן כדאי לתעדף את המידע הרלוונטי ביותר בשלוש העמודות והשורות הראשונות.
בעזרת טבלאות אפשר להעביר מידע סטטי שלא דורש הסבר רב. המידע הזה צריך להיות נקי ואפשר לראות אותו בקלות, כדי למנוע את המראה של גיליון אלקטרוני עמוס. לכן, חשוב לסמן את הנתונים בתווית ברורה ותמציתית. המטרה היא לספק מידע ולא לעזור למשתמשים לבחור (לשם כך, השתמשו ברשימה).
הנתונים צריכים להיות קצרים, חיוניים וקלים להבנה.
חשוב להקפיד על איזון נכון בין פרטים לבין התאמה. ציינו מספיק פרטים שיאפשרו למשתמשים להבחין בין פריטים בטבלה, אבל לא יותר מדי כדי להיות מסובכים.
לעשות.
כדי לשפר את יכולת הסריקה, כדאי לכלול בטבלה רק מידע שימושי. אם יש לכם עמודות נוספות עם פרטים מעניינים שכדאי לדעת, כדאי לתעדף את המידע החשוב ביותר כך שיוצג בכל הפלטפורמות.
לא כדאי לעשות זאת.
אם חסרים פרטים בטבלה הזו, קשה לדעת איזה קבוצה ניצחה בכל משחק, ופרטים לא חיוניים (מספר המשחק) מוצגים בחלק הקדמי, כך מוסתרים פרטים מועילים כמו העמודה 'ניצחון/הפסד' והשמות של הקבוצות היריבות.
חשוב לשים לב למסר של ההודעה.
גם כשהרכיבים החזותיים מספקים את התשובה הטובה ביותר, חשוב לוודא שהבקשות עדיין מתייחסות ישירות לבקשה של המשתמש ומעודדות את השיחה קדימה.
לעשות.
ההנחיות צריכות 1) לענות על השאלה של המשתמש ו-2) לעודד את השיחה עם שאלה.
לא כדאי לעשות זאת.
אל תניחו שלמשתמש יש גישה מיידית למסך. ההנחיות תמיד צריכות לספק את התשובה הישירה לשאלת המשתמש. כמו כן, ללא שאלה, הבקשות כאן לא יקדמו את האינטראקציה.