Sense
UX/UI · DASHBOARD · 2024מערכת השוואת שמות מורכבת עם פילטרים מתקדמים ובדיקות שמות בעומק. עיצבתי את המערכת ב-2024 כ-hometask לחברה.
30 שניות, אם אתה ממהר.
The home task was to take 3 messy UX screens, rearrange them and design in terms of UI.
After receiving the assignment I tried to understand who my user was, then I tried to adapt the system in a way that would be the most comfortable and pleasant for him, without overloading the screen.
Dashboard מנותח ומעוצב, פילטר השוואה משופר, וכל המסכים עם הירארכיה ויזואלית ברורה. הצגה לפני/אחרי לכל מסך.
מ-Messy אל Mastered.
הבנת המשתמש לפני העיצוב
The home task was to take 3 messy UX screens, rearrange them and design in terms of UI. הבעיה הראשונה — הצגת מידע ב-dashboard בצורה מבולבלת.
After receiving the assignment I tried to understand who my user was, then I tried to adapt the system in a way that would be the most comfortable and pleasant for him, without overloading the screen.
מבנה Dashboard חדש: KPIs בולטים בראש, גרפים מרכזיים באמצע, transactions בתחתית. כל אחד יכול להיכנס ל-drill-down נפרד.
פילטר השוואה — במקום שתי טבלאות נפרדות, יצרתי פלואו של בחירה ב-3 צעדים שמסתיים בכרטיסי השוואה ויזואליים.
סגול שמרגיע
In the UI design I tried to refine the system so that it would feel like a pleasant system. בחרתי בסגול #7C3AED — צבע לא נפוץ ב-dashboards, מה שיוצר זיהוי מיידי.
הרבה white space, גרפים בקווים דקים בלבד (בלי מילוי כבד), טיפוגרפיה Inter סטנדרטית.
הצגתי גם before ו-after — כדי שהמעריכים יראו את הפער ויבינו את ערך העיצוב.
הוספתי מיקרו-אינטראקציות — hover על גרפים מציג נתון מדויק, פילטרים זזים בעדינות.
המוצר עצמו.
Sense Dashboard — דשבורד השמות הראשי
דשבורד עיקרי: Top 20 שמות שנתי כ-trend line, שמות פופולריים עם ranking, שמות משותפים לבנים ובנות. פילטרים לפי תקופת זמן + מגדר.
מסך ניתוח — "שחר" לאורך זמן
Trend view: קו כחול (בנים) מול קו ורוד (בנות) 1940-2021. Donut chart חלוקת מגדר. side panel עם שמות ספציפיים להשוואה — Before/After ה-UX redesign.
Dashboard מלא — Name Cloud + Charts + Rankings
Dashboard מאוחד: (1) Name Cloud ויזואלי, (2) ליגת שמות עם rankings, (3) Top 20 שנתי — graph מורכב עם 20 קווי צבע. כל הפאנלים מיושרים ל-grid אחד.