המשימה

אפיון ועיצוב מחדש של Dashboard, אשר יוצג לכל המשתמשים היוצרים אתרים בעזרת duda.
ה Dashboard מכיל מידע על כל האתרים בחשבון הספציפי, ומאפשר מבט מהיר על כל המתרחש בחשבון במבט כולל. כמו כן, ניתן לקבל בו מידע על כל אחד מהאתרים, בצורה נקודתית ועמוקה יותר.

בנוסף, ניתן מה Dashboard גם לבצע מספר פעולות, כגון שדרוג האתר, כניסה לממשק עריכת האתר, סידור האתר בתיקייה, שינוי שם ועוד.

האתגר

האתגר ב Dashboard הוא ליצור ממשק נקי וברור, אשר מציג כמות גדולה מאוד של נתונים.

עלינו להציג מידע רב זה, בצורה ברורה ומובנת, תוך שימוש בהיררכיות טיפוגרפיות, דיוק אסטטי המושתת על גריד, ראייה רספונסיבית, והבנת חווית משתמש טובה.

כל זאת על מנת להציג תוצר קריא וברור, המאפשר שליפת נתונים מהירה, והגעה פשוטה לפעולות רצויות.

המטרה

המטרה היא לבנות מערכת שתצליח לשרת את המשתמשים לפי הצרכים העיקריים שלהם, ללא קשר לגודל הסוכנות, בין אם המדובר בסוכנות קטנה (המנהלת כמות קטנה של אתרים) ובין המדובר בסוכנות גדולה (המנהלת מאות או אלפי אתרים).

מערכת טובה, מאפשרת למשתמש לארגן, לשלוט ולשלוף מידע בצורה מהירה ואינטואיטיבית.

תהליך העבודה

על מנת להבין את האתגר הקיים ולמצוא דרך להצגת הממשק אותו אני מציע, התחלתי תהליך הבנוי ממספר שלבים שונים:

1. מחקר וניתוח הממשק הנוכחי
2. יצירת פרסונות
3. הגדרת מטרות
4. פיתוח קונספט

1. מחקר וניתוח של הממשק הקיים

על מנת לשפר תהליך, ראשית יש להבין איך התהליך הקיים עובד.
בשלב הראשון היה לי חשוב להתנסות במערכת הקיימת ולהבין את הממשק, לחוות אותו כמו היוזרים, ולהבין איפה הנקודות בהן הייתי רוצה להתרכז. לאחר כמה שימושים בממשק הגעתי לנקודות הבאות בהן ארצה לספק פתרון חלופי:

1. המערכת מציגה בצורת רשימה את כל האתרים הקיימים בחשבון
2. המערכת מאפשרת לי לקבוע את אורך הרשימה בכל דף.
3. המשתמש יכול ליצור שני סוגים של אתרים: רספונסיבי או מותאם Mobile
4. חיפוש אתר מתאפשר רק לפי שם האתר הניתן לו על ידי המשתמש
5. במידה ואתר עדיין לא עלה לאוויר, יש חיווי לכך

2. פרסונות

לפני שחושבים על פתרון, חשוב לדעת עבור מי אנו פותרים את הבעיה.
בשלב הזה אציג שתי פרסונות עיקריות, לפי צורכיהן אגדיר את מטרותיי.

נועה

מנהלת סטודיו לעיצוב (6 מעצבים)

נשואה + 2

הוד השרון

נועה מנהלת סטודיו המספק שירותי בניית אתרים לאלפי לקוחות בעולם.
בניית אתרי אינטרנט הוא מרכיב עיקרי בסל השירותים שהסטודיו מעניק, אך לא רק.

הסטודיו בונה אתרי אינטרנט ללקוחות שלו בעזרת השירות של duda,
מספר הלקוחות עצום וכמות אתרי האינטרנט שקיימים בחשבון הסטודיו רבים מאוד.

נועה היא בחורה מאוד מסודרת היא אוהבת לוודא שכל לקוח מטופל, ואף דואגת לטפל אישית בלקוחות הגדולים, עד כמה שיכולה.

לאחרונה נועה נתקלת בקשיים לנהל את הכמות הגדולה של אתרי האינטרנט הקיימים בחשבון הסטודיו מכיוון שככל שהרשימה מתארכת, כך תהליך חיפוש הפרויקטים הופך עבורה ליותר קשה. לפעמים היא לא זוכרת את השם המדויק שבו נקבה בעת יצירת האתר, והיא חושבת על לנהל טבלת Excel שתעזור לה לעקוב אחר השמות לפי שם לקוח או שם החברה.

היא זקוקה למערכת שתעזור לה לנהל את כל האתרים בצורה נוחה ואינטואיטיבית, שלא תסתמך על זיכרון או טבלאות Excel חיצוניות.

אוהד

מעצב עצמאי

בן 27, רווק + לברדור

תל אביב

אוהד הוא מעצב אתרי אינטרנט שעובד מהבית. התחיל להיות עצמאי כשלא מצא עבודה בסטודיו מסודר. אוהד עובד עם חברות קטנות המגיעות אליו מפה לאוזן. אוהד עבד בעבר במשרדי פרסום שעות רבות, ולכן עכשיו הוא מגביל את עצמו ולא מציף את עצמו בעבודה, כדי לשמור על איזון.

לאחרונה אוהד שמע המלצות על duda, והחליט לנסות כמה פרוייקטים, לבנות אתרים ללקוחות בעזרת הפלטפורמה של החברה ולראות האם מתאים לו להמשיך.

אוהד מטבעו הוא אישיות בלגאניסטית. הוא היה שמח שהמערכת תדאג לארגן לו את המידע והפעולות, ותשמור לו על סדר בין האתרים, מכיוון שהיום הוא לא מוצא את עצמו בכל הבלאגן שיצר בתיקיות במחשב, והוא רק מקווה שיהיה טוב, ושאף לקוח לא יבקש קובץ מתישהו...

3. הגדרת מטרות

השאלות העיקריות אשר הגדרתי לעצמי, הן אלו שילוו אותי בכל תהליך החשיבה ובניית הממשק:
מהו המידע הכי חשוב למשתמש? כיצד אציג אותו?
איך אעזור למשתמש ליצור ממשק מאורגן יותר, לפי צרכיו המשתנים?
כיצד אקצר למשתמש את תהליך החיפוש ואהפוך אותו לאינטואיטיבי יותר?

המצב כיום:

כיום משתמש שנכנס ל Dashboard רואה רשימה המכילה בתוכה את האתרים הקיימים בחשבון ואין לו שום דרך לסדר או לארגן אותם.

המטרות שלי:

1. יצירת סדר והיררכיות בממשק
יש לייצר ממשק שיעזור למשתמש לארגן את האתרים הקיימים בחשבון. בכך, נאפשר למשתמש חווית שימוש מהירה, אינטואיטיבית ונוחה, התאפשר את היכולת לנהל כמות גדולה של אתרים.

2. חיפוש מתקדם
עלי להציע דרך אשר תקל על המשתמשים בתהליך החיפוש, עד לקבלת תוצאות טובות יותר בדרך קלה ונוחה יותר.הרעיון שלי הוא להגדיל את כמות אפשרויות החיפוש, ולאפשר חיפוש בעזרת פרמטרים שונים אשר יקלו על המשמשים ואף יאפשרו לקבל תוצאות חיפוש טובות יותר, שישרתו מטרות שונות לפי צרכי המשתמשים.

4. פיתוח קונספט

הצורך העיקרי ששמתי לב אליו, הוא האפשרות לנהל ולארגן את רשימת האתרים, לבצע פעולות מהירות לכל אתר, ולקבל מידע מתאים בזמן קצר.

כמו כן המשתמשים חייבים לקבל אפשרויות חיפוש מתקדמות, שיקלו עליהם, ויעזרו להם לאתר אתרים שונים לפי מגוון פרמטרים. כל זאת על מנת שהמשתמשים יקבלו בדיוק את מה שהם צריכים, במהירות האפשרית.

איך?
הרעיון שלי הוא ליצור Dashboard המציג למשתמשים בראש ובראשונה את המידע הכי רלוונטי עבורם, הקשור לפרויקטים שלהם, על מנת שיוכלו תמיד לקבל תמונת מצב טובה וברורה, ברפרוף קל על גבי הממשק. המידע מציג את כמות:

כל האתרים
האתרים שבאוויר
האתרים שאינם באוויר
האתרים שהועברו לארכיון

המשתמשים יוכלו לסנן את סוג המידע המוצג להם ב Dashboard, לפי סנן זה.
כלומר, לבחור שיוצגו כל האתרים או רק אתרים שבאוויר וכו.

כמו כן אני מאפשר למשתמשים ליצור תיקיות.
בכל תיקיה יוכלו המשתמשים לאחסן את האתרים הקשורים אליה, (למשל לפי שם לקוח, כמו "שטראוס עלית, בתוך תיקייה זו יהיו כל האתרים של הקבוצה).
בעזרת פתרון זה אני יוצר למשתמשים את האפשרות להתחיל בניהול האתרים בצורה מסודרת יותר.
פתרון זה נתמך על ידי אפשרות לחיפוש מתקדם המאפשר חיפוש לפי שמות, קטגוריות, פלטת צבעים, וכו'

קביעת סדר התצוגה של הפרויקטים פרמטר מאוד חשוב שיכול להקל על המשתמשים.

לכן, ניתן יהיה לסנן את סדר הצגתם של האתרים לפי:

שם, אלפבתי
תאריך יצירה
תאריך בו האתר שונה לאחרונה

שפה עיצובית

על מנת לעצב Dashbord בצורה ברורה ונקייה וללא הרגשה של עומס צריך להיות מאוד זהירים בבחירת השפה הגרפית.

המטרה הייתה לעצב ממשק שמציג הרבה מידע אך לא מבהיל את המשתמש

בחירת הצבעים היא אחת מההחלטות הכי חשובות בעיצוב של ממשק זה.

הצבעים הם מאוד עדינים על מנת למנוע עומס של צבעוניות בממשק

הצבעים עוזרים להעביר מסרים שונים בממשק ועוזרים ליצור רוגע בהעברת המידע.

חירת הטיפוגרפיה היא אחת מההחלטות הקריטיות ועל מנת ליצור ממשק מסודר צריך לבחור הריכיה קבועה שתחזור לאורך כל הממשק וכמובן לעבוד עם GRID אשר עוזר לשמור על ממשק מסודר.