עבודת עיצוב סופר דקדקנית שכללה בעיקר:
- ויזואליזציה ברורה של ההיררכיות המרובות
- החלפת כל האייקונים למודרניים וברורים יותר.
השינוי ה UXי היחיד היה הוספת תפריט ניווט במקום שורת טאבים נוספת, תוך שמירה על ההתנהלות הקיימת של המשתמשים והסדר היררכי ברור.
החברה והמוצר
CityShob היא מערכת לערים חכמות. היא מיועדת גם לגורמים שונים בעירייה וגם למשטרה וגורמי אכיפת חוק נוספים. היא מגבירה את התיאום בין הגורמים הנ"ל, מאפשרת להוריד סיכונים, לטפל באירועים ובאיומים ולהגביר את הבטיחות בעיר. המערכת גם מגבירה את היעילות התפעולית, והופכת את החיים בעיר לטובים יותר.
מטרת הפרויקט
המטרה הייתה לבצע מתיחת פנים למערכת אשר גם תשדרג את הניראות ליותר מודרנית וגם תפתור בעיות UX שהמשתמשים חוו. היעד היה לקצר את זמן הזיהוי של אירוע, ליעל את הפיקוח בזמן אמת, לקצר זמני פעולה ולהוריד טעויות תפעול.
כל זאת תוך שימוש בתשתית הפיתוחית הקיימת ומיזעור עלות השדרוג.
האתגרים
פישוט המורכבות
מדובר במערכת מאד מורכבת עם שלושה מסכים פיסיים (דאטה, וידאו ומפה של העיר), שעל המשתמש לנטר באופן רציף. המשתמשים התקשו להתמודד עם רמת המורכבות ונתבקשנו לנסות לפשט אותה ולהפוך את הממשק ליותר ברור ואינטואיטיבי.
מגבלת Layout
משיקולי תקציב ושיקולים טכניים נוספים, נדרשנו לא לשנות את המבנה הכללי של המערכת (למעט הוספת תפריט), אלא למצוא רק פתרונות עיצוביים.
השפעות הדדיות בין מסכים
ארכיטקטורת מידע במערכת מורכבת מאד. קיים מספר רב של רמות היררכיות והשפעות הדדיות בין אלמנטים במסכים – לדוגמה, בחירת שורה בטבלה משפיעה על מידע במסכים אחרים. נדרשנו לפתרונות עיצוביים שיעזרו למשתמש להבין מה משפיע על מה, ובמה צריך להתמקד כעת.
תקציר הפתרון
התהליך שביצענו
לימוד המערכת והמשתמשים
למדנו את המערכת הקיימת וביקרנו בפועל בחדרי הבקרה כדי להבין את הצרכים והתנהלות המשתמשים – עבודה בחדר חשוך, מעקב אחרי אירועים בזמן אמת, שימוש במסכים מרובים. בנוסף, למדנו את שפת העיצוב של החברה כדי שנוכל לשלב אותה בעיצוב החדש.
01
02
עיצוב מסך מרכזי וחוקי היררכיות
יצרנו עיצוב ראשוני למסך המרכזי, שבו קבענו את כל החוקיות העיצובית שתסייע למשתמשים להבין את כל ההיררכיות ואיך פעולות שונות משפיעות על אזורים אחרים. כל מסך נוסף עוצב בהתאם, תוך בדיקות עם ה PM כדי לוודא שהחוקיות נשמרת.
ליווי צמוד במהלך הפיתוח
עבדנו צמוד עם צוות הפיתוח, פתרנו בעיות שהתגלו בעקבות המגבלות הקיימות והבטחנו שהעיצוב החדש יוכל להתלבש על התשתית הקיימת מבלי לגרום לפיתוח יקר ומורכב.
03
הפתרון שלנו
המערכת קיבלה עיצוב חדש, מודרני וברור, עם היררכיות מידע מסודרות שמקלות על התמצאות וניהול האירועים בזמן אמת.
האייקונים והאלמנטים החזותיים הוחלפו לאייקונים אינטואיטיביים ומודרניים המסייעים למשתמש לזהות במהירות את הפעולות האפשריות וההשפעות שלהן.
החוקיות העיצובית תוכננה כך שהמשתמשים יוכלו לעקוב אחרי כל שינוי במסכים, להבין את השפעת פעולותיהם על שאר האזורים ולתפעל את המערכת בצורה מדויקת.
כל זאת תוך שמירה מלאה על תשתית המערכת הקיימת, חיסכון משמעותי בזמן פיתוח ובמשאבים.
התוצאה: שיפור חוויית המשתמש, קריאות ויכולת ניהול מקיפה גם במצבי עומס גבוה.