עיצוב

ממשק

משתמש

עם כל הכבוד שיש לנו למתכנתים, עיצוב ממשק המשתמש

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

עיצוב ממשק משתמש

עיצוב ממשק משתמש

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

שלבים בתהליך עיצוב ממשק משתמש

בדיקות ואופטימיזציה

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

עיצוב והכנה לתכנות

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

הכנת סקיצות

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

בריף ראשוני

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

התאמה אישית של ממשק המשתמש

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

דוגמאות לעיצוב ממשק משתמש UI

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

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

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

עיצוב ממשק משתמש לאפליקציית משחקים

עיצוב מסכים לאפליקציית משחקים

עיצוב ממשק משתמש למערכת לניטור אורבני

עיצוב מסכי מערכת לניטור אורבני

עיצוב ממשק משתמש למשחקים

עיצוב אלמנטים גרפים למשחק

עיצוב ממשק משתמש לאתרי אינטרנט

בניית ממשק רספונסיבי לאתר אינטרנט

עיצוב ממשק משתמש לאפליקציה

עיצוב ממשק משתמש לאפליקציה

פתרון בהתאמה לכל לקוח

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

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

כמה עולה עיצוב ממשק משתמש?

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

  • שכר שעת עבודה של מעצב ממשק משתמש מתחיל (UI Junior Designer) עם ניסיון של פחות משנתיים יכול לנוע בין 50-75 ש”ח לשעה.
  • שכר שעת עבודה של מעצב ממשק משתמש מקצוען (UI Expert Designer) עם ניסיון של למעלה מ-10 שנים יכול לנוע בין 120-200 ש”ח לשעה.

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

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

  1. מה מספר המסכים הנדרש?
  2. האם יש אלמנטים שחוזרים על עצמם?
  3. מהי המדיה (לדוגמא: אינטרנט \ אפליקציה \ מצגת \ לומדה \ משחק \ וידאו \ וכו’)
  4. במידה ומדובר באתר, כמה “קפיצות” רספונסיביות מדובר (הנורמה בין 4-6)
  5. האם נכתבו מסמכי אפיון לממשק?
  6. האם עבודת העיצוב מתנהלת בצורה קלאסית מול מנהל הפרוייקט, או כרב-שיח בין כולם Agile
  7. האם קיים לוח זמנים לפרוייקט?
  8. האם ישנם חלקים אנימטיביים?
  9. האם ישנם שימושים במחוות – Gestures ?
  10. האם מדובר באתר\אפליקציה רב-לשוני, ואם כן, בכמה שפות מדובר?

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

  1. מה מספר המסכים הנדרש?
  2. האם יש אלמנטים שחוזרים על עצמם?
  3. מהי המדיה (לדוגמא: אינטרנט \ אפליקציה \ מצגת \ לומדה \ משחק \ וידאו \ וכו’)
  4. במידה ומדובר באתר, כמה “קפיצות” רספונסיביות מדובר (הנורמה בין 4-6)
  5. האם נכתבו מסמכי אפיון לממשק?
  6. האם עבודת העיצוב מתנהלת בצורה קלאסית מול מנהל הפרוייקט, או כרב-שיח בין כולם Agile
  7. האם קיים לוח זמנים לפרוייקט?
  8. האם ישנם חלקים אנימטיביים?
  9. האם ישנם שימושים במחוות – Gestures ?
  10. האם מדובר באתר\אפליקציה רב-לשוני, ואם כן, בכמה שפות מדובר?

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

  • שכר שעת עבודה של מעצב ממשק משתמש מתחיל (UI Junior Designer) עם ניסיון של פחות משנתיים יכול לנוע בין 50-75 ש”ח לשעה.
  • שכר שעת עבודה של מעצב ממשק משתמש מקצוען (UI Expert Designer) עם ניסיון של למעלה מ-10 שנים יכול לנוע בין 120-200 ש”ח לשעה.

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

Share on Facebook0Share on Google+0Tweet about this on Twitter0Share on LinkedIn0Pin on Pinterest0Buffer this page