UX הוא האופן שבו מוצר עובד בשביל המשתמש, ו-UI הוא האופן שבו הוא נראה. קורס UI UX למתחילים מלמד את שניהם יחד, כי מסך יפה שקשה להשתמש בו נכשל בדיוק כמו מסך נוח שאף אחד לא רוצה להסתכל עליו. במכללת רמון מסלול ה-UX/UI כולל 125 שעות אקדמיות, ואפשר להתחיל אותו גם בלי ניסיון קודם בעיצוב, בכפוף לבדיקת התאמה.
UX ו-UI, שני חלקים של אותה עבודה
מעצב UX שואל שאלות על התנהגות: מה המשתמש מנסה לעשות, איפה הוא נתקע ומה הדרך הקצרה ביותר שלו למטרה. מעצב UI עובד על השכבה הנראית: צבעים, טיפוגרפיה, כפתורים ורכיבים שחוזרים לאורך כל המוצר.
בחברות גדולות יש לפעמים אנשים נפרדים לכל תפקיד, אבל רבים מהמעצבים עובדים בשני הצדדים. לכן מסלול טוב מתחיל במחקר ובמבנה, ורק אחר כך עובר לעיצוב החזותי.
השלבים של קורס UI UX למתחילים
קורס UX/UI של מכללת רמון עוקב אחרי הדרך שבה עובדים על מוצר אמיתי, מהשאלה הראשונה ועד המסירה לפיתוח:
- מחקר משתמשים - מבינים מי המשתמשים, מה הם צריכים ומה מפריע להם היום.
- מסע משתמש - ממפים את כל נקודות המגע של המשתמש עם המוצר, מהרגע הראשון ועד הסוף.
- תרשימי זרימה - מתכננים את הדרך בין המסכים, ואת מה שקורה בכל החלטה של המשתמש.
- Wireframes - משרטטים שלד של כל מסך, בלי צבעים ובלי עיצוב, כדי לבדוק את המבנה.
- עיצוב חזותי - בוחרים צבעים וטיפוגרפיה, ובונים רכיבים שחוזרים לאורך המוצר.
- אב טיפוס אינטראקטיבי - מחברים את המסכים לגרסה שאפשר ללחוץ עליה, כאילו המוצר כבר קיים.
- בדיקת שמישות - נותנים למשתמשים לנסות את האב טיפוס, ורואים איפה הם מתבלבלים.
- מסירה לפיתוח - מכינים את הקבצים והמפרט כך שהמפתחים יוכלו לבנות את המוצר.
מתחילים רבים מופתעים מכך שהעיצוב החזותי מגיע רק בשלב החמישי. הסיבה פשוטה: אם המבנה לא עובד, שום צבע לא יציל אותו, ותיקון של שלד בשלב ה-Wireframe זול בהרבה מתיקון של מסך מעוצב.
בדיקת שמישות, השלב שמלמד הכי הרבה
השלב השביעי הוא הרגע שבו מגלים את הפער בין מה שתכננתם לבין מה שקורה בפועל. משתמש מקבל משימה, למשל להירשם לשירות או למצוא מוצר, ומנסה לבצע אותה באב הטיפוס בזמן שאתם צופים בו.
כמעט תמיד מתגלים דברים שלא חשבתם עליהם: כפתור שאף אחד לא שם לב אליו, מילה שלא ברורה, שלב מיותר בתהליך. התיקונים חוזרים לשלבים הקודמים, ולכן עבודת UX היא מעגל ולא קו ישר.
העבודה מול צוות הפיתוח
מסירה טובה לפיתוח דורשת להבין איך המסכים ייבנו בפועל. מעצב שמכיר את העקרונות של HTML ו-CSS יודע אילו פתרונות פשוטים ליישום ואילו ידרשו עבודה רבה, ושפה משותפת עם המפתחים חוסכת סבבי תיקונים. קורס תכנות למתחילים מתחיל בדיוק מבניית מסכים ב-HTML וב-CSS, ולכן הוא מראה איך המסכים של המעצב הופכים לקוד. מעצב לא צריך לכתוב קוד, אבל כדאי שיבין את השפה שבה המסכים שלו נבנים.
Figma, כלי שיתוף ו-AI
העבודה של מעצב מתחלקת בין כלים לעיצוב, כלים לעבודה משותפת וכלים שעוזרים לחשוב.
Figma והכלים המשותפים
הכלי המרכזי בעבודה הוא Figma, שבו מעצבים מסכים, בונים רכיבים ומחברים אב טיפוס אינטראקטיבי. לצידו לומדים FigJam ו-Miro או Whimsical, שמשמשים לעבודה משותפת על מיפוי, תרשימי זרימה וסיעור מוחות, וכלים למחקר משתמשים.
כלי AI בעבודת העיצוב
במסלול נלמדים גם כלי AI, עם דגש על שיקול דעת מקצועי. כלי AI יכול להציע רעיון לפריסה או לנסח טקסט למסך, אבל ההחלטה אם הוא באמת משרת את המשתמש נשארת אצל המעצב.
תנאי הפתיחה למתחילים
עיצוב ממשקים אינו ציור, ולכן לא נדרש ניסיון קודם בעיצוב או באיור. מה שעוזר הוא סקרנות לגבי האופן שבו אנשים משתמשים במוצרים, יכולת להקשיב, ושימוש נוח במחשב. את ההתאמה למסלול בודקים בשיחה לפני ההרשמה.
UX/UI הוא גם אחד הכיוונים שבוחנים במסגרת קורס הסבה להייטק, כי הוא מתאים במיוחד למי שמגיע מתחומים כמו חינוך, שיווק, פסיכולוגיה או עיצוב גרפי, ומעניין אותו להבין אנשים.
Case Study לתיק העבודות
בתחום העיצוב, תיק העבודות הוא כרטיס הכניסה לראיון. לכן הפרויקט של המסלול בנוי כ-Case Study: סיפור של מוצר אחד מהבעיה ועד הפתרון.
Case Study טוב מראה את הדרך ולא רק את התוצאה. הוא מציג את שאלת המחקר, את מה שגיליתם מהמשתמשים, את ה-Wireframes הראשונים, את מה שהשתנה אחרי בדיקת השמישות ואת המסכים הסופיים. מעסיקים רוצים לראות בו איך אתם חושבים.
לימודי UX/UI מהבית
את המסלול לומדים מהבית: המרצים מעבירים מפגשים חיים בזום, ולצידם יש שיעורים מוקלטים, ספריית למידה ותרגולים, ובסוף כל קורס מבחן מעבר. מי שמסיים את המסלול ועומד בדרישות שלו יוצא עם תעודת גמר מקצועית של מכללת רמון.
אחרי הלימודים, צוות ההשמה בהייטק של המכללה עוזר להפוך את ה-Case Study לחלק מקורות החיים ומפרופיל הלינקדאין, ומכין לראיונות. הליווי לא נגמר ביום האחרון של הלימודים, ונמשך לפי מה שמוגדר בתוכנית.
שאלות נפוצות על קורס UI UX למתחילים
מה ההבדל בין UX ל-UI?
UX עוסק באופן שבו המוצר עובד בשביל המשתמש: המבנה, הזרימה והדרך למטרה. UI עוסק באופן שבו המוצר נראה: צבעים, טיפוגרפיה ורכיבים. מעצבים רבים עובדים בשני התחומים.
האם צריך ניסיון בעיצוב כדי להתחיל?
לא. אפשר להתחיל את המסלול בלי ניסיון קודם בעיצוב, בכפוף לבדיקת התאמה בשיחת הייעוץ.
אילו כלים לומדים במסלול ה-UX/UI?
הכלי המרכזי הוא Figma. לצידו לומדים FigJam ו-Miro או Whimsical לעבודה משותפת ולמיפוי, כלים למחקר משתמשים וכלי AI, עם דגש על שיקול דעת מקצועי.
מה זה Case Study?
Case Study הוא תיאור של פרויקט עיצוב מהבעיה ועד הפתרון: המחקר, ההחלטות, הבדיקות והמסכים הסופיים. במסלול הפרויקט בנוי כ-Case Study שנכנס לתיק העבודות.
