Waycare: טבלת נתונים ניתנת לסינון לפלטפורמת תנועה מבוססת AI
יומן האירועים של פלטפורמת ניהול התנועה מבוססת הבינה המלאכותית של Waycare, בשימוש בתפעול של ערים חכמות: ממיפוי זרימת העבודה, דרך מפרט התנהגות של 16 עמודים וממשק pixel-perfect, ועד מרכז העזרה ללקוחות שעיצבתי במקביל.
הטבלה שבלב ה-back-office
הפלטפורמה של Waycare משתמשת ב-AI לניהול תנועה בתפעול של ערים חכמות. המפעילים עובדים על מפה חיה, ומאחוריה יש back-office שבו כל אירוע וכל משמרת נסקרים, מסוננים ומתעדכנים. יומן האירועים הוא טבלה רחבה, עם הרבה עמודות והיסטוריה ארוכה: שם המפעילים מבלים את רוב הזמן, ושם היה הכי הרבה מה להרוויח.
איך נותנים למשתמש נתונים צפופים, סינון גמיש ועריכה במקום, בלי שהמסך ייראה כמו גיליון אלקטרוני?
ארבעה אזורים, מסך אחד
מיפיתי את זרימת העבודה סביב הטבלה, מפתיחת היומן של יום ועד שמירת שינוי, וחילקתי את המסך לארבעה אזורים: כותרת הפלטפורמה, כותרת המסמך, אזור המסננים והטבלה. כל השאר חי באחד מהם.
עמודות בקבוצות, תצוגה שנשמרת
העמודות מחולקות לקבוצות בעלות שם (מצב הדיווח, מאפייני הדיווח, מאפייני המשמרת, גיאולוקציה, זמנים ועוד), כך שהקורא רואה נושא אחד בכל פעם. פאנל תצוגה מאפשר לבחור אילו קבוצות להציג ולשמור את סביבת העבודה לפעם הבאה.
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.
מסננים שמתנהגים כמו צ'יפים
מסנני טקסט חופשי הופכים לצ'יפים אחרי האישור. בריחוף עם העכבר כל אלמנט מסביר את עצמו, ואפשר למחוק צ'יפים אחד אחד או את כולם יחד. אזור המסננים נשאר שקט עד שצריך אותו.
הרכיב שעבר הכי הרבה איטרציות
הזמן הוא המסנן הראשון שכמעט כל אחד מגיע אליו, ולכן בורר התקופה הוגדר מסך אחר מסך. יש לו שני מצבים: תקופה (טווח תאריכים עם קיצורי דרך, ימי שבוע ושעות) ויום אחד (יום וטווח שעות). הערכים שנבחרו הופכים לכחולים, אלה שלא נבחרו נשארים רגועים, והטווח שהוחל מתקפל לצ'יפ שמתאפס בריחוף עם העכבר.
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.
התמצאות במבט אחד, פעולות בריחוף
מצב באות אחת בתחילת כל שורה (בתהליך, בוצע, דורש תשומת לב, מושהה, נמחק) נותן התמצאות מהירה; המיון והמסננים מופיעים בריחוף. לכל משמרת יש סט כלים: פתיחת משמרת, הורדה, פתיחת קובץ מצורף, סימון כ..., שינויים ומחיקה.
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.
הרחבה, עריכה במקום, שמירת ההיסטוריה
לחיצה כפולה מרחיבה משמרת לרשומה המלאה שלה; לחיצה כפולה נוספת על ערך עורכת אותו. שדות שנערכו נושאים סימון קטן עם ההיסטוריה שלהם, ודיאלוג שואל אם לשמור עכשיו או לבדוק קודם. אייקון התצוגה מזכיר לשמור את סביבת העבודה.
מפרט, סמלים וממשק pixel-perfect
כל התנהגות (רגיל, ריחוף, נבחר, לא נבחר, ריק ושמור) מתועדת במפרט אינטראקציה של 16 עמודים, כדי שההנדסה תוכל לבנות בלי לנחש. סמלים לשימוש חוזר ב-Sketch לכפתורי רדיו, תיבות סימון, לשוניות ומצבי הבורר שמרו על עקביות המסכים, ואת סט האייקונים של הפלטפורמה ציירתי מחדש pixel-perfect ב-Illustrator.
גם ב-Waycare: מרכז העזרה ללקוחות
לצד הטבלה עיצבתי את מרכז העזרה ללקוחות ב-Zendesk: זרימת המשתמש מהכניסה ועד הפנייה, דף הבית עם שלוש דרכי הכניסה שלו (תיעוד המוצר, שאלות נפוצות ועדכוני גרסאות) וזהות האזור.
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.
מה לקחתי איתי
זו הייתה חוויית ה־UX/UI הראשונה שלי בסטארטאפ, במרכז הטכנולוגי השני בחשיבותו בעולם אחרי עמק הסיליקון. חוויה בלתי נשכחת, שלימדה אותי מתודולוגיה ומשמעת עבודה.