לא רק יפה

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

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

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

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

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

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

עשרה עקרונות לעיצוב דשבורד

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

·        הבהירו למשתמשים מה המידע החשוב ביותר ע”י הגדרת רמות מידע שונות

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

·        כדאי לחלק את המידע לקטגוריות ולהציג אותו במבטים שונים 

פשטות
אל תציפו את המשתמשים במידע כך שיהיה להם קשה לקלוט אותו

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

·        הסירו מידע לא שימושי ובכך העומס יפחת.

עקביות
דשבורד נראה טוב יותר כאשר יש לו מבנה מוגדר

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

·        מקמו בסמיכות אחד לשני מידע רלוונטי

·        קבצו מידע דומה באותו ייצוג גרפי

קרבה
הצגת מידע שקשור אחד לשני יחד יעזור למשתמשים להבין את הדשבורד בקלות

·        מקמו מידע דומה קרוב אחד לשני

·        אל תפזרו מידע דומה לאורך כל הדשבורד

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

·        יישרו אלמנטים אחד לשני כדי לארגן אותם טוב יותר

·        מקמו ווידג’טים בגריד

·        מידע לא מיושר מקשה על הקוראים 

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

·        שטח לבן בעיצוב דשבורדים מושך את המשתמשים

·        הפחתת השטח הלבן יציף את המשתמשים

·        השתמשו בשטח לבן כדי לאגד אינפורמציה

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

·        בחרו בזהירות את סכמת הצבעים כדי לתת מקום לתוכן

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

פונטים
פונטים סטנדרטיים הם הפונטים הטובים ביותר לדשבורדים

·        פונטים סטנדרטיים קלים לקריאה

·        פונטים מעוצבים מקשים על סריקת המידע

·        המנעו מלכתוב מילים באותיות גדולות מאחר וקשה יותר לקרוא את המילים ולמוח האנושי קשה יותר לעבד את המילים

·        השתמשו בגודל פונט ומשקל כדי להעביר את המסר באופן אפקטיבי

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

·        עגלו מספרים בנתונים בהם זה אפשרי

·        “חיתכו” את המידע הלא נחוץ

·        הקלו על המשתמשים להשוות בין הפרטים

תוויות
השתמשו בתוויות כדי להעביר את המסר במהירות למשתמשים

·        המנעו משימוש בתוויות מסובבות- הן ממש קשות לקריאה

השתמשו בקיצורי מילים מוכרים כשאפשר