דלג לתוכן

אפיון ועיצוב UX

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

לתהליך המלא
01

מחקר וניתוח

אנחנו מתחילים במחקר, מחקר, מחקר...

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

02

גיבוש קונספט UX

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

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

image of a man
03

אפיון UX מפורט

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

04

עיצוב קונספט UI גרפי

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

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

05

עיצוב UI גרפי

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

06

הגדרות לעיצוב

שומרים על השפה העיצובית...

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

07

HTML5/CSS3

הדברים מתחילים לזוז...

בשלב זה נחתוך את הסקיצות הגרפיות באופן מדויק ונבנה אותן ב- HTML5 ו- CSS3. בהתאם לסוג הממשק נשלב רכיבי Java Script וספריות UI בצד ה- Client, וכמובן שנשים דגש על בניית HTML רספונסיבי ונגיש (במקרים בהם יש צורך בכך). אנו מקפידים על HTML מודולארי, חדשני ודינאמי, שמותאם לדפדפנים שונים, וכותבים קוד סטנדרטי בהתאם לתקני איגוד האינטרנט הבינלאומי- W3C. ה- HTML יכול לשמש כממשק משתמש חי (שעובר לצוות הפיתוח) או כדמו אינטראקטיבי, להמחשת חווית המשתמש ללקוחות, למנהלים ולמשקיעים.

אה, ועוד דבר אחד...

בנקודות שונות של התהליך אפשר לבחון את חווית המשתמש
באמצעות מבחן שימושיות (Usability Test).

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

נשמח לשמוע מכם: