עיצוב UX/UI שמובן מהקליק הראשון
עיצוב UX/UI לאתרים, לאפליקציות ולמערכות ניהול: מחקר, אפיון חוויית משתמש ועיצוב ממשק בפיגמה, מוכן לפיתוח.
מה ההבדל בין UX ל-UI?
UX (חוויית משתמש) הוא המבנה: אילו מסכים יש, מה מופיע בכל אחד, ובאיזה סדר המשתמש עובר ביניהם כדי לעשות את מה שבא בשבילו. UI (ממשק משתמש) הוא מה שרואים: צבעים, טיפוגרפיה, כפתורים, מרווחים והמצבים של כל רכיב.
תחשבו על דירה. UX הוא התוכנית של האדריכל, UI הוא הריצוף, התאורה והרהיטים. דירה יפה עם תוכנית גרועה עדיין לא נוחה לגור בה. בגלל זה אנחנו לא מתחילים מצבעים, אלא מהשאלה מה המשתמש צריך לעשות, ורק אחר כך מעצבים איך זה ייראה.
ההגדרה המקובלת בתחום, של Nielsen Norman Group, רחבה עוד יותר: כל מה שאדם חווה במגע עם חברה, עם השירות שלה ועם המוצר שלה.
מה כולל עיצוב UX/UI אצלנו?
כל פרויקט עובר את אותם שלבים, בהיקף שמתאים לו. אפליקציה עם שלושים מסכים ודף הרשמה אחד לא צריכים את אותו תהליך.
מחקר ואפיון חוויית משתמש
מי המשתמשים, מה הם מנסים לעשות ואיפה הם נתקעים היום. אם יש כבר אתר או אפליקציה, מתחילים מהנתונים שלהם ולא מניחושים.
מפת מסכים וזרימות
כל המסכים והמעברים ביניהם, כולל המקרים שכולם שוכחים: טופס עם שגיאה, סל ריק, משתמש שלא מחובר.
וויירפריימים
שלד של כל מסך, בלי צבע ובלי עיצוב. בודקים את המבנה לפני שמשקיעים בעיצוב, כי בשלב הזה שינוי עוד זול.
עיצוב ממשק (UI)
העיצוב הסופי בפיגמה, בשפה של המותג שלך, לכל הגדלים: מובייל, טאבלט ודסקטופ.
אב טיפוס לחיץ
גרסה שאפשר ללחוץ עליה בטלפון או בדפדפן, כדי לבדוק אותה עם משתמשים אמיתיים לפני שנכתבת שורת קוד.
מערכת עיצוב ומסירה לפיתוח
ספריית רכיבים עם כל המצבים, המרווחים והצבעים. המפתח לא צריך לנחש, והמסך הארבעים נראה כמו הראשון.
למי מתאים עיצוב חוויית משתמש?
עיצוב חוויית משתמש מתאים למי שבונה משהו שאנשים משתמשים בו, לא רק קוראים: אפליקציה, מערכת ניהול, אזור אישי, חנות עם הרבה מוצרים או תהליך הרשמה ארוך. שם כל מסך מיותר או כפתור לא ברור עולה בלקוחות שעוזבים באמצע.
לאתר תדמית של חמישה עמודים בדרך כלל לא צריך תהליך UX מלא. שם מספיק אפיון טוב כחלק מבניית אתר תדמית. ואם העיצוב מוכן ורוצים שגם נפתח אותו, פורטלים ומערכות ניהול הם הצעד הבא, באותו צוות. כתבנו גם על ההבדל בין מעצב אתרים למפתח אתרים, אם לא ברור מי עושה מה.
מי מעצבת את הממשק
יאנה תאגורימעצבת מותגים ו-UX/UI
יאנה תאגורי עיצבה חוויות ווב ומובייל למותגים כמו עמות, דיסקונט, מנורה מבטחים, כליל ו-UPS, כמעצבת UX/UI בסטודיו האוזר. לפני כן הייתה מעצבת בכירה ב-WebTheNet, ושם עיצבה אתרים וחנויות על וורדפרס, שופיפיי ו-Wix.
היא עובדת בפיגמה ומדברת גם עם המפתחים, לא רק איתך, כך שמה שאישרת בעיצוב הוא מה שעולה לאוויר.
מה זה עיצוב UX UI?
עיצוב UX UI הוא תכנון ועיצוב של הדרך שבה אנשים משתמשים באתר, באפליקציה או במערכת. UX (חוויית משתמש) קובע את המבנה, את המסכים ואת הסדר ביניהם. UI (ממשק משתמש) קובע איך כל מסך נראה. התוצר הוא עיצוב מלא בפיגמה שמפתחים יכולים לבנות לפיו.
מה ההבדל בין מעצב UX למעצב UI?
מעצב UX מתמקד במבנה ובזרימה: מחקר משתמשים, מפות מסכים ושלדי מסך (וויירפריימים). מעצב UI מתמקד בשכבה החזותית: צבע, טיפוגרפיה ורכיבים. בפרויקטים קטנים ובינוניים אותו אדם עושה את שניהם, וזה גם היתרון: אין פער בין מה שתוכנן לבין מה שעוצב.
באיזו תוכנה אתם עובדים?
בפיגמה (Figma). אפשר לצפות בעיצוב בכל שלב דרך קישור, להשאיר הערות ישירות על המסך ולקבל אב טיפוס לחיץ בטלפון. בסוף הפרויקט הקובץ עובר אליך, עם ספריית הרכיבים.
אתם גם מפתחים את האתר או האפליקציה?
אתרים, חנויות ומערכות על וורדפרס אנחנו גם מפתחים, באותו צוות. באפליקציות נייטיב אנחנו מעצבים ומוסרים לצוות הפיתוח שלך, עם ספריית רכיבים ומסמך מסירה, ונשארים זמינים לשאלות בזמן הפיתוח.
כמה זמן לוקח לעצב אפליקציה?
הגורם העיקרי הוא מספר המסכים והזרימות. מסך הרשמה ודף מוצר הם פרויקט קצר, אפליקציה עם עשרות מסכים ומערכת עיצוב היא פרויקט של כמה חודשים. אחרי שלב המחקר ומפת המסכים אפשר לתת לוח זמנים מדויק.
אפשר לשפר ממשק קיים בלי לבנות הכל מחדש?
כן, ובדרך כלל זה המקום הנכון להתחיל. בודקים איפה משתמשים נתקעים היום, מתקנים קודם את המסכים שעולים הכי הרבה כסף, ומשאירים את מה שעובד.
