ייעול ושיפור אפליקציה
לניהול העסק
עם התחזית העסקית המשופרת אפשר לעקוב אחרי העסק ביעילות ובקלות ולקבל מידע עדכני בכל עת.
בוצע במסגרת הלימודים במחלקה לעיצוב
הרמלין ארטס נתניה.
על הפרויקט
כלי מעקב וניהול עסק מכירתי לטובת בניית תחזית עסקית שנתית. המערכת מלווה את מנהל העסק לאורך השנה ומאפשר לו לנבא תחזית עסקית לשנה הבאה. במהלך שנת העבודה ניתן לבחון בכל חודש את התחזית מול המציאות ולהתאים את העסק ובכך לשלוט בהצלחה שלו.
הבעיה
חוסר ידידותיות וחוסר הזמנה לעבודה עבור מנהל עסק העובד עם קובץ אקסל. קובץ האקסל אמנם נוח ביחס לאפשרויות שמציעה תוכנת אקסל אך מפגר מאחור מבחינת רמת השימושיות הנהוגה היום בעולם.
הפתרון
הפיכת קובץ האקסל לאפליקציית דפדפן הנגישה בכל זמן מכל מקום. ניצול כוח הדפדפן ליצירת מנגנון מודרני ויעיל מבחינת תכנון דשבורד, שיקוף אינסייטס וכמובן הזנת נתונים ומידע באופן יעיל ומהיר.
תהליך עבודה (Desktop)
מפגש עם היועץ העיסקי המלווה את בעליה העסק. היועץ העיסקי הוא האחראי על קובץ האקסל והוא הפועל איתו ומנחה את בעלי העסקים כיצד לעבוד איתו.
במפגש הסבירו לנו על המוצר הקיים. ראיינו את המלווה העיסקי אחרי ששיחקנו בגליונות הקיימים של קובץ האקסל. האקסל היה בנוי מהמסכים הבאים:
תחילת תהליך עבודה
מסך הדאשבורד
הוצאות שכר
מעקב הכנסות
מעקב הוצאות
מחירון מוצרים
עץ האפליקציה נועד בעיקר לאבחן בין שני אזורים מרכזיים באפליקציה: שלב יצירת המוצרים והגדרתם, שלב המעקב והעדכון לאורך השנה.
עץ אפליקציה
את הוויפריימז ביצענו באופן קבוצתי. שתי קבוצות התחרו ביניהם על הצעת תוכנית אפיון כללית לאפליקציה. בהמשך כל קבוצה ניסתה לתווך את הפתרון שלה. את ההצלחות שיתפנו בין הקבוצות ולאחר קביעה כללית של חלוקה מחודשת של המסכים והרעיוןם הכללי של הדשבורד כל סטודנט יצא לעיצוב עצמאי הכולל:
-
אופיון סופי ופרטני לכל פריט בעיצוב.
-
עיצוב יואיי עבור כלל המסכים
-
עיצוב ואפיון פתרון מצומצם למובייל
Wire Frames
האתגר העיקרי באפיון היה תכנון הטבלאות, ארגון הטבלאות כך שייכנסו למסך לפטופ, יצירת מבט מלא עבור המשתמש על מצב העסק, בהירות וחד משמעות בתצוגת הנתונים. שליטה ברורה ואינטואיטיבית.
דאשבורד
מחירון מוצרים תצוגת טבלה
מחירון מוצרים תצוגת תמונה
חלונית פופ הוספת מוצר
הכנסות בפועל
צפי הכנסות
שכר עובדים
כל ההוצאות
עיצוב מסכים
עיצוב המסכים עסק בעיקר בשיפור האפקטיביות של האיפיון. בחירת צבעים לאיבחון מהיר של המידע, בחירת גופנים קריאים והצמדות גבוהה לנושא אוריינטציה ותחושת שליטה.
בר קבוע בצד המסך על מנת לתת כמה שיותר מקום לתוכן המוצג בטבלאות מבלי לפגוע בהצגה הקבועה של כל האינסייטים בחלקו העליון של ממשק הניווט.
דאשבורד
הדשבורד מציג טבלאת סיכומי מידע מכל הטבלאות של האפליקציה. וארבעה גרפים המציגים אינסייטס מתוך הטבלאות.
הצבעים הכחולים מציגים מידע כללי וסיכומי באפליקציה כיוון שכחול הוא צבע המותג.
צבעים אדומים וכתומים מעידים על הוצאות ועלויות בעוד צבעים ירוקים מעידים על הצלחות ורווחים.
מחירון מוצרים
דף המחירות מציג טבלא נוחה בקונטרסטים רכים כדי למנוע עומס ויזואלי ודופן שמאלית המציגה מידע עבור כל רכיב נבחר מתוך הטבלא.
למסך המחירון מצב תצוגה נוסף וידידותי יותר לאנשים חזותיים. דגש על התמונה ולא על המלל המסודר בטבלא. כיוון שהדגש הוא על התמונה ולא על הנתונים, עריכת הפריט ומידע נוסף עליו מוצג בחלונית פופ אף ובכך לצמצם את העומס המילולי על המשתמש.
מעקב הכנסות
בקטגוריית ההכנסות, נמצא שני טאבים. אחד עבור צפי הכנסות והשני עבור הכנסות בפועל.
צפי הכנסות
הכנסות בפועל
טבלאות מעוצבות באותה גישה נעימה למראה עם עומס ויזואלי נמוך. כל שורה בצפי הכנסות מאפשר קולאפסינג. המידע המוצג מתחת לשורה מציג כיצד נבנית מבחינה מתמטית הערכת הצפי.
מסך ההכנסות בפועל נראה זהה ומתפקד באופן זהה.
קטגוריית ההוצאות מחולקת לשני טאבים: הוצאות כוח אדם והוצאות כל שאר המרכיבים.
הוצאות
שכר עובדים
כל ההוצאות
שכר עובדים מציג שני טבלאות - אחת עבור הגדרת עבדים קבועים ואחת עבור עובדים ארעיים/שעתיים.
בחלק התחתון טבלא שנתית המציגה סיכום וצפי שנתי של שכר כל העובדים.
הוצאות העסק האחרות מקבלות כל אחת שורת סיכום בגוון שונה. כל הסיכומים מתברים למטה בטבלא מסכמת שנתית בהתאם לצבעים של כל נושא ונושא בהוצאות העסק.
ניווט באתר
טבלאת האינסייטס הקבועה מציגה "שורה תחתונה": סיכום רווחהפסד עבור חודש נבחר.
שאר האינסייטס הם המרכיבים של "השורה התחתונה".
.png)
סרגל ניווט פשוט וברור מחולק לקטגוריות ותתי קטגוריות כל רכיב מקבל אייקון מזהה.
הקטגוריות תמיד פתוחות ומציגות תמיד היכן המשתמש נמצא בכל רגע.
פעולות נוספות
.png)
כפתור הוספת רכיב/שורה בצבע כחול מותג קורא לפעולה ובטקסט נגטיבי לבדל אותו מהכפתורים הרכים יותר.
שדות אינליין לכתיבה ישירות לתוך המידע המוצג.
עיצוב מסכים למובייל
עיצוב אפליקציה למובייל אינה מכילה את כל הפעולות המורכבות לדסקטופ. האפליקציה מצומצמת מבחינת היקף המידע בדאשבורד ומחולקת לרבעונים פיננסיים כך שהמידע יוכל להכנס למסכים.
דאשבורד
הדשבורד מציג את האינסייטס ללא הטבלא המרכזית וכן סיכום כללי רלטיבי של הגרפים השונים. כל הרכיבים בדף הבית יובילו לזרקאור (הרחבה) על כל פריט.
-
טאפ באינסייטס יוביל לטבלאות מחולקים לרבעונים.
-
טאפ בכל אחד מהגראפים יוביל למסך גרף.
-
בר הניווט הקבוע נעלם במסכי הזרקאור כדי לצמצם עומס קוגניטיבי הנוצר עם הרבעונים בחלק העליון ובשוליים התחתונים של בגראפים.
-
טאפ בחץ חזור בחלק העליון יחזיר אל דף הבית (הדאשבורד).
מעקב הכנסות
המסכים הנוספים דרך תפריט הניווט נחשבים למסכים מתקדמים (סופר יוזרז) לכן בר הניווט נותר במקומו למרות העומס הקוגניטיבי.
מבנה הטבלאות זהה למבנה בדסקטופ אך כאמור מחולק לרבעונים.
מעקב הכנסות מופרד בתפריט טאב נוסף המבדל בין צפי הכנסות והכנסות בפועל.
(לא ניתן במובייל לראות את כל השנה במבט אחד וכן לא ניתן לראות טבלאות אחת לצד השני ולבצע השוואות במבט.)
הוצאות
מבנה דף ההוצאות זהה למבנה דף ההכנסות.
מחירון מוצרים
טיפול במוצרים במצב תצוגה אחד בלבד לעומת שתיים בדסקטופ. התצוגה היא ברשימה קלאסית ופשוטה להבנה. טאפ על כל שורה יוביל לדף עריכה חלקי. ההגיון הוא שבאמצעות הטלפון ניתן לצלם מוצרים ולהכניס אותם במהירות לתוך המערכת ולאחר מכן בישיבה נוחה מול מסך מחשב, מנהל העסק משלים את כל הפעולות כדי לקבל תחזית עסקית מלאה ומדוייקת.
מסקנות
פרוייקט לימודים מקיף ומאתגר במיוחד. לאחר סיום הלימודים המשכתי לעבוד עם מזמין העבודה והאפליקצה יוצאת לפיתוח ווב תחילה ואפליציית מובייל בהמשך.
