‫קורס‬
‫‪Think UX for Desktop and Tablet‬‬
‫מבית חברת ‪UI‬‬
‫רקע‬
‫שוק האפליקציות הארגוניות עובר שינויים מאסיבים וצורות חשיבה חדשניות חודרות לתהליכי העבודה‬
‫הארגוניים‪ .‬עקב ההתפתחויות הטכנולוגיות האחרונות לרבות הכניסה של שפת ה‪ HTML5 -‬וכן יכולות‬
‫ה‪ ,Responsive Design -‬החלו ארגונים רבים במגמת שדרוג ושיפור של חווית המשתמש במערכות‬
‫הארגוניות‪ .‬הכיוון לשינוי בא במטרה להמשיך ולהוביל בקו המוצרים ונראה שהמגמה לא פוסחת על‬
‫פיתוח מוצרים לשימושם העיקרי של המשתמשים הפנים‪-‬ארגוניים‪ .‬ניתן לצפות בשילוב אלמנטים של‬
‫משחקיות כגורם אינהרנטי למערכות וכן מעבר לשימוש ב‪ Smartphone-‬ובטאבלט כתצוגות תומכות‬
‫או תצוגות משלימות לשיפור שביעות הרצון של המשתמשים במערכות הארגוניות‪.‬‬
‫חברת ‪ UI‬מתמחה בתכנון‪ ,‬עיצוב ומימוש של אפליקציות לשימושם של טכנאי ניהול רשתות‪ ,‬מערכות‬
‫שליטה ובקרה ממוחשבות‪ ,‬קיוסקי מידע וניהול ידע ארגוני‪ ,‬אפליקציות ‪ Dashboard‬לניהול וטיפול‬
‫בשלט רחוק בהתראות על ידי מנהלי דרג בכיר ועד העובדים הזוטרים בארגון‪.‬‬
‫מנמ"רים‪ ,‬מנהלי פיתוח‪ ,‬מנתחי מערכות ‪,‬מנהלי מוצר‪ ,‬ומאפיינים בעלי חזון מבינים את הצורך העמוק‬
‫בשיפור חווית המשתמש בכל הפלטפורמות‪ .‬מדובר בשינוי טכנולוגי ושינוי קונספטואלי שהוא בלתי נמנע‬
‫בתחום המערכות הארגוניות‪.‬‬
‫חברת ‪ UI‬מזמינה אותך לקחת חלק בקורס וסדנא לתרגול מעשי שתרום לך ידע בשיטות עבודה‬
‫חדשניות ומתודולוגיות לשיפור חווית המשתמש בעולם ה‪ ,Multi Platforms -‬משלב ה –‬
‫‪ ,Brainstorming‬בין שלב האפיון והעיצוב ועד שלב הפיתוח מתוך הניסיון העשיר של חברת ‪.UI‬‬
‫על ‪ Campus UI‬וקהל היעד‬
‫חברת ‪ UI‬מזמינה לקורס בחויית משתמש אנשי מקצוע העוסקים בהפקת תצוגות למשתמש במערכות מורכבות‪.‬‬
‫מנתחי מערכות‪ ,‬מנהלי מוצר‪ ,‬מאפיינים‪ ,‬מעצבים גרפים‪ ,‬מנמ"רים‪ ,‬מפתחים ועוד‪.‬‬
‫הקורס מתמקד ברובו בתכנון ועיצוב תצוגות ל‪ Desktop -‬וטאבלט‪.‬‬
‫ניתן למצוא את רשימת השעורים המפורטת מצורפת בחלק הסילבוס מטה‪.‬‬
‫הקורס יתקיים על פני שלושה ימי רביעי עוקבים בתאריכים‪ :‬ה‪ 62 -‬ליוני ‪ 2 ,6102‬ליולי ‪ 01 ,6102‬ליולי ‪.6102‬‬
‫משך יום בקורס הינו בין השעות ‪ 10:11‬עד ‪00:11‬‬
‫חברת ‪ UI‬מזמינה אותך לגלות את המרצים של הקורס‪ ,‬פרטים נוספים והרשמה באתר ‪ UI Campus‬בכתובת‪:‬‬
‫‪www.uic.co.il‬‬
‫אודות ‪UI‬‬
‫חברת ‪ UI‬הינה החברה הגדולה בישראל בתחום עיצוב חוויית המשתמש ‪ UX -‬ומתמחה בהנדסת אנוש למערכות‬
‫מורכבות וגדולות‪.‬‬
‫הנסיון‪ :‬ל‪ -‬חברת ‪ UI‬נסיון מצטבר של מעל ל‪ 211 -‬שנות אדם בעבודה על ‪ 0,511‬פרויקטים שעוסקים בפיתוח‬
‫ממשק משתמש וחולשים על פני מגוון רחב של עולמות תוכן‪ .‬לחברת ‪ UI‬מעל ל‪ 077 -‬לקוחות מרוצים ו‪ 01 -‬אחוז‬
‫מהלקוחות חוזרים לפרויקט שני ושלישי‪.‬‬
‫על הצוות‪ :‬בחברת ‪ UI‬צוות מיומן ומקצועי המונה כ‪ 70 -‬עובדים הכוללים‪ 21 :‬מומחי ‪ 15 ,UI‬מעצבים גראפיים‬
‫ו‪ 15 -‬מפתחים המתמחים בטכנולוגיות ‪ HTML5‬ו‪.Net 3.5 -‬‬
‫מבין לקוחותינו‪ ,RIT ,HP ,Ritalix ,SAP ,Nice :‬ביטוח לאומי‪ ,Elbit ,‬בנק הפועלים‪ Motorola ,‬ועוד רבים‪.‬‬
‫חברת ‪ UI‬מזמינה אותך להכנס לאתר ‪ UI‬בכתובת‪ www.ui.co.il/ :‬לצפייה במתודולוגיות העבודה ותיק העבוד‬
‫הסיליבוס‬
‫מבוא לממשק משתמש‬
‫בשעור זה יוצג תחום ההנדסה הקוגניטיבית כתחום‪ ,‬העוסק בתכנון והערכה של‬
‫מערכות אדם‪-‬מחשב תוך מתן דגש על הראיה המערכתית של התחום‪.‬‬
‫הגישה המערכתית להנדסת גורמי אנוש‬
‫דוגמאות מחיי היום‪-‬יום‬
‫תהליך אפיון ממוקד במשתמש (‪)UCD‬‬
‫תהליך עיצובי בהתאם למתודולוגית ‪UCD‬‬
‫‪Task analysis‬‬
‫היכרות עם מתודולוגיות לניתוח הסביבה בה פועל המשתמש‪ ,‬המטלות‬
‫והפעולות שהאדם מבצע מול המערכת והאינפורמציה הנדרשת לצורך‬
‫ביצוע תפקידו‪.‬‬
‫ניתוח הסביבה‬
‫ניתוח המשתמשים‬
‫ניתוח המטלות‬
‫גזירת דרישות הממשק‬
‫התנסות בניתוח תפקיד‬
‫ל ‪PC‬‬
‫סדנא מעשית מתגלגלת במהלך כל הקורס שבה יקבלו הסטודנטים תרגיל אפיון‬
‫מערכת‪.‬‬
‫בסדנא ספציפית זה יתורגל החלק הראשון והחשוב ביותר של ניתוח תפקיד לשם‬
‫גזירת ממשק המשתמש‪ .‬תוצרי סדנא זה יהיהו הבסיס להמשך הסדנא המתגלגלת‬
‫עיצוב תצוגות‬
‫שעור זה זה יציג עקרונות כלליים בעיצוב התצוגות בממשק משתמש‪:‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫אפיון הישות המוצגת‬
‫‪o‬‬
‫עולם תוכן‬
‫‪o‬‬
‫תכונות ומאפיינים כלליים‬
‫‪o‬‬
‫ניתוח מאפייני תפקיד‬
‫היבטים פיזיים וגרפיים בעיצוב תצוגות‬
‫‪o‬‬
‫קריטריונים לבחינת התצוגה‬
‫‪o‬‬
‫קונטרסטים‬
‫‪o‬‬
‫עיצוב גופנים‬
‫‪o‬‬
‫שימוש בצבעים‬
‫‪o‬‬
‫שימוש באייקונים‬
‫עקרונות בארגון המסך‪:‬‬
‫ויזואליזציית מידע‬
‫‪o‬‬
‫גשטלט‬
‫‪o‬‬
‫תמיכה בתהליך העבודה‬
‫‪o‬‬
‫מניעת עומס ויזואלי‬
‫‪‬‬
‫‪ Information visualization‬היא השימוש באמצעים ממוחשבים ליצירה‬
‫של ייצוגים וויזואליים של מידע‪ ,‬נתונים או ידע במטרה להקל על תפיסתם‪,‬‬
‫להסיק מסקנות ולזהות תבניות = להקל על עיבוד מידע‪.‬‬
‫‪‬‬
‫שיקולי עיצוב בויזואליזציה‬
‫‪‬‬
‫התאמת התצוגה לסוג המידע‬
‫‪‬‬
‫תצוגות כמותיות‬
‫‪‬‬
‫תצוגות איכותיות‬
‫אפיון טפסים‪ PC :‬ו‬
‫‪mobile‬‬
‫‪‬‬
‫עיצוב טפסים‬
‫‪‬‬
‫רכיבי הזנה‪ ,‬ולידציות ‪ ,‬משוב וטיפול בטעויות‬
‫‪PC Design Patterns‬‬
‫‪‬‬
‫לרוב המערכות מספר מוגבל של "מסכי אב"‪ ,‬אשר חוזרים על עצמם‪.‬‬
‫‪‬‬
‫יש הגיון רב בנסיון לזהות מסכים דומים‪ ,‬ולנסות ליישם עליהם עקרונות‬
‫עיצוב דומים‪.‬‬
‫‪‬‬
‫מהן תבניות עיצוב‬
‫‪‬‬
‫בחירת תבנית‬
‫‪‬‬
‫על קצה המזלג‪ :‬תבניות לדוגמה‬
‫‪‬‬
‫איפה מוצאים תבניות?‬
‫‪‬‬
‫דרישות מכלי ‪prototyping‬‬
‫‪‬‬
‫סקירת כלים ושיטות קיימות‬
‫‪‬‬
‫ביצוע ‪ prototyping‬ב ‪Power point‬‬
‫‪‬‬
‫המחשת תנועתיות ואנימציות בממשק‬
‫פרוטוטייפינג ואנימציות‬
‫המחשה‬
‫סדנת עיצוב ל ‪PC‬‬
‫המשך הסדנא המתגלגלת‬
‫בחלק זה הסטודנטים יישמו את החומר הנלמד בעיצוב מספר מסכים בהתאם‬
‫לדרישות‪ ,‬ניתוח התפקיד וכן שימוש בתבניות מיוחדות ‪.‬‬
‫במהלך הסדנא כל קבוצה תגיש פרוטוטייפ עם אנימציה ממחישה תוך שימוש בכלים‬
‫שיסופקו ע"י המדריכים ‪.‬‬
‫(הסדנא אינה מצריכה יכולות תיכנות)‬
‫מובייל – מבוא תיאורטי‬
‫‪‬‬
‫‪‬‬
‫איפיון לטאבלט‬
‫סדנת עיצוב לטאבלט‬
‫עולם המובייל‬
‫‪o‬‬
‫חווית המובייל‬
‫‪o‬‬
‫סמארטפונים‬
‫‪o‬‬
‫טאבלטים‬
‫חווית המשתמש הנייד‬
‫‪o‬‬
‫נסיבות השימוש‬
‫‪o‬‬
‫חווית המגע‬
‫‪‬‬
‫‪ App‬מול אתר‬
‫‪‬‬
‫עקרונות תכנון‬
‫‪‬‬
‫‪ :Design patterns‬דוגמאות לעיצוב מסכים שכיחים‬
‫‪‬‬
‫סגנונות עיצוב‬
‫כפי שנדרש בעולם ה ‪ multiplatform‬הסטודנטים יתרגלו אדפטציה של האפליקציה‬
‫שתכננו עבור ‪ PC‬למימוש חוויתי על גבי ‪tablet‬‬
‫המעבר יתרגל את כל הכלים שנלמדו בקורס כחלק מעיצוב לטאבלט‬
‫& ‪Responsive design‬‬
‫‪Multi-Platform‬‬
‫‪‬‬
‫הבנת האתגר והפתרונות האפשריים‬
‫‪‬‬
‫מתודולוגיה וכלים להגדרת ‪ responsive design‬עבור טאבלטים‬
‫גרפיקה בשרות ה ‪UX‬‬
‫‪‬‬
‫גרפיקה כחלק מחווית משתמש עשירה‪.‬‬
‫‪‬‬
‫שיטות עבודה בין אנשי ‪ ,UX‬מעצבים גרפיים ואנשי פיתוח‪.‬‬
‫‪‬‬
‫דגשים בדרך לקונספט גרפי שמתאים למוצר‬
‫‪‬‬
‫דוגמאות לאנימציות ו ‪Data visualization‬‬
‫‪‬‬
‫אפליקציות ומוצרים שונים ומשונים לגירוי החשיבה‪ ,‬המחשבה והיצירתיות‬
‫טרנדים וה‪ UX-‬של העתיד‬