תהליך אפיון ועיצוב חוויית משתמש
במהלך השנים, כחברת UX ו- UI ביצענו למעלה מ- 1500 פרויקטים של אפיון ועיצוב חווית משתמש למגוון רחב של לקוחות. תהליך העבודה שלנו כולל 7 שלבים מרכזיים, המתמקדים בהשגת המטרות העסקיות, תוך מתן דגש רב להיבטים פסיכולוגיים-התנהגותיים, תהליכי קבלת ההחלטות בצד המשתמש והנעה לפעולה.
מחקר וניתוח
אנחנו מתחילים תהליך של אפיון ועיצוב חווית משתמש במחקר, מחקר, מחקר...
צוות המומחים שלנו מיומן בניתוח התנהגות משתמשים וצרכנים, ובשיתוף מלא איתכם נגבש את כל המידע שדרוש לנו לאפיון ועיצוב מדויק של חווית המשתמש. נקיים דיונים וראיונות עומק עם הגורמים הרלוונטיים בחברה, נקיים שיחות עם לקוחות או משתמשים קיימים, נבין את המטרות העסקיות (ובהתאם נגדיר את כיווני הפעולה ואת תסריטי השימוש), נסקור וננתח חברות דומות בארץ ובעולם, נבחן את האילוצים הטכנולוגיים ונתייחס לפלטפורמות השונות אליהן נחשף המשתמש.
גיבוש קונספט UX
המחקר עדיין לא הסתיים והוא ממשיך לכל אורך פרויקט אפיון UX ועיצוב חווית המשתמש, אבל זה הזמן להתחיל בסיעור מוחות פנימי לגיבוש קונספט ה- UX הנכון ביותר, כזה שישיג את המטרות ויענה על תסריטי השימוש שהגדרנו.
בשלב זה נחשוב על מכלול ההיבטים של חווית המשתמש, נתכנן את המבנה הכללי של ממשק המשתמש, נגדיר את צורות הניווט ונתעדף את המידע והפעולות בהתאם לצרכי המשתמשים ולמטרות העסקיות. מיד עם גיבוש קונספט ה- UX, נציג לכם את פתרונות ממשק המשתמש (היצירתיים..) שלנו במספר חלופות, נקבל מכם פידבק, ובסיעור מוחות משותף נגיע לחווית משתמש אופטימלית.
אפיון UX מפורט
אז יש לנו קונספט אפיון UX ויש תפיסה וניווט והרבה החלטות שעשינו יחד. עכשיו אפשר לרדת לפרטים הקטנים של חווית המשתמש... בשלב זה נצלול עוד פנימה לתהליך אפיון ממשק המשתמש לפרטיו (UX Design), כהמשך ישיר של שלב גיבוש קונספט ה- UX. נתכנן את המבנה הפונקציונאלי, נאפיין את המסכים השונים וניישם אסטרטגיות Persuasive Usability להנעת המשתמשים לפעולה. בשלב זה נחשוב גם על תסריטי השימוש במכשירים ניידים ועל אופן התאמת ממשק המשתמש למכשירים שונים.
עיצוב קונספט UI גרפי
מרגש! מתחילים לעצב... הגיע השלב שבו אנו הופכים את אפיון חווית המשתמש (Wireframes) לסקיצות גרפיות. אם קיימת שפה למותג - נלמד אותה, אם לא קיימת - נגדיר אותה, ויחד נצא לדרך צבעונית ומרשימה.
בסיעור מוחות ותהליך עיצוב פנימי נגבש מספר חלופות גרפיות שימחישו בצורה הטובה ביותר את חווית המשתמש / ממשק המשתמש, נציג לכם את החלופות השונות, ויחד נתכנס לפתרון הטוב ביותר עבורכם - פתרון חדשני, מרשים וחווייתי, שמשתלב באופן הרמוני עם קונספט ה- UX שהגדרנו.
עיצוב UI גרפי
הקונספט הגרפי הוגדר ויש לנו שפה גרפית ייחודית, ובהתאם לשפה הגרפית נמשיך לעיצוב הגרפי של יתר המסכים (UI Design). זהו שלב של עיצוב ממשקי משתמש בו נעצב גם את האובייקטים הגרפים השונים, כחלק מתהליך עיצוב ממשק המשתמש. תהליך העיצוב הגרפי מתבצע ב- FIGMA תוך שיתוף הלקוח בתוצרים באופן שוטף. באתרי אינטרנט ואפליקציות Web נתייחס כמובן לעיצוב UI גרפי רספונסיבי ולתמיכה בנגישות.
הגדרות לעיצוב
שומרים על השפה העיצובית...
עם סיום העיצוב הגרפי, נכין עבורכם קובץ הנחיות גרפיות לעיצוב UI עבור האלמנטים השונים (ניווט, תבניות מידע, גריד, טבלאות, כפתורים, גופנים, צבעים, כותרות, גבולות ורקעים), שישמש כ- Style Guide, הן עבור תבניות/ מסכים נוספים והן עבור צוות הפיתוח.
HTML5/CSS3
הדברים מתחילים לזוז...
בשלב זה נחתוך את הסקיצות הגרפיות באופן מדויק ונבנה אותן ב- HTML5 ו- CSS3. בהתאם לסוג הממשק נשלב רכיבי Java Script וספריות UI בצד ה- Client, וכמובן שנשים דגש על בניית HTML רספונסיבי ונגיש (במקרים בהם יש צורך בכך). אנו מקפידים על HTML מודולארי, חדשני ודינאמי, שמותאם לדפדפנים שונים, וכותבים קוד סטנדרטי בהתאם לתקני איגוד האינטרנט הבינלאומי- W3C. ה- HTML יכול לשמש כממשק משתמש חי (שעובר לצוות הפיתוח) או כדמו אינטראקטיבי, להמחשת חווית המשתמש ללקוחות, למנהלים ולמשקיעים.
