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