• עיצוב ופיתוח UX/UI

      סלע בית תוכנה

      פברואר 2015

    • יעד האתר

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

    • האתגר

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

    • תהליך הפרויקט

      עיצוב ואפיון מסכי ליבה, הסביר פרטני על האתר ולמה הוא נועד,

      עיצוב המלא ניתן לראות בלחיצה על הלינק לפרויקט.

  • Sela
    • תהליך המוצר

    • היכרות ראשונית עם האתר של סלע

      התרשמותי מהאתר: בלבול , קושי בהתמצאות ועומס צבעוני.

      לאחר מחקר של כל האתר, היה ברור שלאתר סלע דרוש ריענון.

    • שאלות חשובות

      • למי נועד האתר?

      • המטרה של האתר?

      • אילו תכנים יהיו באתר?

    • שימוש במילה :" פלאח"

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

      הפתרון:   “איפיון מחדש של האתר ושינוי עיצובי מרענן אשר ישפר משמעותית את חווית המשתמש”

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

    • מסקנה

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

  • Sela Sela
    • אפיון מוצר

    • כחלק מתהליך העבודה שיפור המסכים יפוצל לשלבים.

    • תהליכי עבודה

      • שינוי צבעוניות של האתר

      • שינוי חלוקת הפלאחים

      • שימוש נכון בתמונות ואלמנטים ויקטורים

      • כיווץ תפריט הניווט (ניסיון לצמצום מקסימלי)

      • לכל דף יצירת תמונת נושא עם כותרת ותת כותרת

        שיספקו מידע ראשוני למשתמש על הדף

      • שינוי מודלים באתר

    • אחידות באתר

      • גודל פונט אחיד בין כל המסכים

      • גודל תמונה

      • שימוש באלמנטים ויקטורים

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

    • עיצוב האתר

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

  • Sela
    • פתרונות

    • סקאצ’ מודל חיפוש קורס

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

    • לפי מחקרים של: "Hick's law"

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

    • בשלב הראשוני רואים את העיצוב המקורי לפני השינוים.

  • Sela
  • Sela
  • Sela
  • מודל עבודה

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

  • Sela
  • Sela
  • מודל מאמרים

  • באתר הקודם היתה חלוקה נפרדת של כל האפשרויות לאחר חשיבה מעמיקה מצאתי דרך לחבר את כל האפשרויות למודל TAB כך שהדברים יהיו יותר מצומצמים ברורים תחת מודל אחד.

  • Sela
  • Sela
  • טסט

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

  • התוצאה הסופית: נהניתי לקחת חלק מהתהליך אשר הוביל בסופו להצלחה ולשביעות רצוני ורצון המערכת!

  • ליצירת קשר

    בקליק אחד תוכלו גם אתם ליהנות מהשירות שלי להשארת פרטים לחץ כאן