הפסיקו לבחור איקונים ללוח הבקרה לפי מילת מפתח
רוב הבעיות בלוחות בקרה (dashboards) אינן נובעות מאיקונים גרועים.
הן נובעות מאיקונים טובים שמשתמשים בהם עם המשמעות הלא נכונה.
אם תחפשו "users" ותבחרו SVG נקי, אתם עלולים להיתקל בבעיות בהמשך. תזדקקו לאיקונים שונים עבור לקוחות, חברי צוות, בעלי חשבון ומנהלי מערכת (admins). תוך זמן קצר, איקון "user" אחד יצטרך לשאת יותר מדי משמעויות. זה גורם ללוח הבקרה של ה-SaaS שלכם להרגיש רועש.
הפסיקו לבחור איקונים לפי מילת מפתח. התחילו לבחור אותם לפי תפקיד.
מילת מפתח אומרת לכם למה האיקון קשור. תפקיד אומר לכם מה האיקון עושה.
סווגו את האיקונים שלכם לחמש הקטגוריות הללו:
- איקוני ניווט (Navigation icons): הם מייצגים יעדים כמו Dashboard, Billing או Settings. הם צריכים להיות פשוטים ויציבים.
- איקוני סטטוס (Status icons): הם עונים על שאלות כמו "האם זה פעיל?" או "האם זה נכשל?". השתמשו בסמלים ישירים כמו וי (checks), אזהרות או מנעולים.
- איקוני פעולה (Action icons): הם מייצגים פעולות כמו עריכה, מחיקה או ייצוא. הימנעו משימוש בהם ללא תוויות (labels) אם הפעולה מורכבת.
- איקוני אובייקט (Object icons): הם מזהים ישויות כמו פרויקט, חשבונית או תיקייה.
- איקוני מצב ריק (Empty state icons): הם מופיעים כשחסר מידע. לאיקונים אלו יכולה להיות יותר אישיות.
אל תחפשו רק את ה-SVG היפה ביותר. חפשו אוצר מילים ויזואלי.
השתמשו בשלושת המבחנים הללו לפני שאתם מתחייבים לאיקון:
- מבחן הגודל: האם האיקון עדיין עובד ב-16px בתוך טבלה צפופה? איקונים רבים נראים נהדר ב-32px אך נכשלים כשהם קטנים.
- מבחן ההקשר: הניחו את האיקון לצד התווית שלו וליד השכנים שלו. האם ניתן להתבלבל איתו עם האיקון שלידו?
- מבחן המשמעות: האם האיקון תומך בתווית, או שהתווית צריכה להסביר את האיקון?
אם אינכם יכולים למצוא איקון מובחן עבור תכונה (feature), ייתכן ששם התכונה שלכם מעורפל מדי. איקונים מחזקים משמעות. הם לא מתקנים שפה לא ברורה.
במקום לחפש "user icon", חפשו "internal collaborator icon" או "customer account icon". דיוק בחיפוש מוביל לדיוק ב-UI שלכם.
מקור: https://dev.to/svgicons/stop-picking-dashboard-icons-by-keyword-ij2