מעיצוב מסכים לעיצוב חוויה: מה היא "חוויית משתמש"?

1. 1
‫חוויה‬ ‫לעיצוב‬ ‫מסכים‬ ‫מעיצוב‬
‫היא‬ ‫מה‬"‫משתמש‬ ‫חוויית‬"?
‫דנין‬ ‫ברק‬,‫מנכ‬"‫איי‬ ‫יו‬ ‫יוניק‬ ‫ל‬
‫יו‬"‫ישראל‬ ‫משתמש‬ ‫חוויית‬ ‫ארגון‬ ‫ר‬

3. 3
‫ישראל‬ ‫משתמש‬ ‫חוויית‬ ‫ארגון‬-

4. 4
‫היום‬ ‫איתכם‬ ‫אדבר‬ ‫מה‬ ‫על‬?
•‫זה‬ ‫מה‬?‫זה‬ ‫מה‬?
•‫אפיון‬ ‫תהליך‬‫בקצרה‬
•‫ה‬ ‫מאפיין‬ ‫של‬ ‫הכלים‬ ‫מארגז‬ ‫טעימה‬-

5. 5
‫משתמש‬ ‫חוויית‬ ‫זו‬ ‫מה‬?

6. 6
‫יצרו‬ ‫שאנשים‬ ‫חוויות‬
•‫קולנוע‬ ‫סרטי‬
•‫מוזיקה‬
•‫חתונות‬
•‫הרים‬ ‫רכבות‬
•‫חיות‬ ‫גני‬
•‫סופרמרקטים‬
•‫מוזיאונים‬
•‫פרסומות‬
•‫ואתרים‬ ‫אפליקציות‬

7. 7
‫משותף‬ ‫מה‬?
•‫חושים‬
•‫שכל‬(‫קוגניציה‬)
•‫רגש‬
•‫פעולה‬

8. 8

9. 9

10. 10

11. 11

12. 12
‫הוא‬ ‫מה‬"‫משתמש‬ ‫חוויית‬ ‫אפיון‬"?
‫דבר‬ ‫כל‬ ‫של‬ ‫התכנון‬,‫שונות‬ ‫מדיות‬ ‫פני‬ ‫על‬,
‫אנושית‬ ‫כשחוויה‬‫היא‬‫ברורה‬ ‫תוצאה‬,
‫והפעלת‬‫אנשים‬‫היא‬‫ברורה‬ ‫מטרה‬.
‫ג‬'‫ג‬ ‫סי‬'‫גארט‬ ‫יימס‬

13. 13

14. 14

15. 15

16. 16

17. 17

18. 18

19. 19

20. 20

21. 21
‫והעיצוב‬ ‫האפיון‬ ‫תהליך‬ ‫שלבי‬

22. 22
•,‫משתמש‬ ‫ממשק‬
•‫בפשטות‬:
–‫המסך‬ ‫על‬ ‫שנמצא‬ ‫מה‬ ‫כל‬
–‫המחשב‬ ‫על‬ ‫איתו‬ ‫ששולטים‬ ‫מה‬ ‫כל‬

23. 23
•,‫משתמש‬ ‫חוויית‬
•‫יותר‬ ‫רחב‬ ‫תחום‬
•‫אנשים‬,‫צרכים‬,‫כאבים‬,‫מטרות‬
•‫תהליכים‬,(‫סכמטיים‬ ‫מסכים‬)
•=‫משתמש‬ ‫חוויית‬ ‫מאפיין‬

24. 24
‫אנשים‬
‫במרכז‬

25. 25
‫במרכז‬ ‫כשהטכנולוגיה‬ ‫מוצר‬ ‫פיתוח‬
‫טכנולוגיה‬
‫לוגיקה‬
‫ממשק‬

26. 26
http://www.youtube.com/watch?v=h5xtHOn0SUY

27. 27
http://bit.ly/facetimead

28. 28
‫חווייה‬
‫במרכז‬ ‫המשתמש‬ ‫כשחוויית‬ ‫מוצר‬ ‫פיתוח‬

29. 29
‫טכנולוגיה‬
‫לוגיקה‬
‫חווייה‬
‫במרכז‬ ‫המשתמש‬ ‫כשחוויית‬ ‫מוצר‬ ‫פיתוח‬

30. 34
‫אמפתיה‬

31. 35

32. 36
‫של‬ ‫במקומו‬ ‫עצמנו‬ ‫את‬ ‫לשים‬ ‫שלנו‬ ‫היכולת‬
‫האחר‬,‫ומחשבותיו‬ ‫רגשותיו‬ ‫את‬ ‫לקרוא‬,‫בלי‬
‫בעצמנו‬ ‫אותם‬ ‫לחוות‬
‫אמפתיה‬

33. 37
www.youtube.com/watch?v=czuww9rp5f4

34. 38
‫אמפתיה‬ ‫משיגים‬ ‫איך‬?
‫היעד‬ ‫לקהל‬ ‫אותנו‬ ‫שהופכת‬ ‫קסם‬ ‫חליפת‬
‫ותצפיות‬ ‫ראיונות‬
‫משתמש‬ ‫תסריטי‬

35. 39
‫משתמש‬
‫תסריטי‬

36. 40

37. 41
‫הכירו‬:‫אפליקציית‬"‫רכש‬‫רכש‬‫רכש‬"

38. 42
‫משתמש‬ ‫תסריטי‬
‫סמנכ‬ ‫דנה‬ ‫עם‬ ‫השבועית‬ ‫מהפגישה‬ ‫חוזר‬"‫השיווק‬ ‫לית‬
‫כרגיל‬,‫קטן‬ ‫נייר‬ ‫על‬ ‫תרשימים‬ ‫שרטטנו‬,‫נוח‬ ‫לא‬ ‫מאוד‬.
‫טלפון‬ ‫לדנה‬ ‫מרים‬"‫מחיק‬ ‫לוח‬ ‫כבר‬ ‫נזמין‬ ‫אולי‬
‫שלך‬ ‫למשרד‬?"
‫אומרת‬ ‫דנה‬"‫קדימה‬‫תזמין‬,‫לא‬ ‫אבל‬‫מ‬ ‫יותר‬-250₪,
‫אחרת‬‫רכש‬ ‫מנהל‬ ‫של‬ ‫אישור‬ ‫נצטרך‬."
1234

39. 43
‫מפעיל‬‫אפליקציית‬ ‫את‬"‫רכש‬‫רכש‬‫רכש‬."‫ליצור‬ ‫בוחר‬
‫בקטגוריה‬ ‫חדשה‬ ‫רכש‬ ‫הזמנת‬"‫משרדי‬ ‫ציוד‬."
‫תמונות‬ ‫עם‬ ‫מוצרים‬ ‫של‬ ‫רשימה‬ ‫רואה‬.‫מדהים‬,‫כמה‬
‫בקטלוג‬ ‫יש‬ ‫עטים‬ ‫סוגי‬!
‫לפי‬ ‫הרשימה‬ ‫את‬ ‫מסנן‬ ‫אני‬"‫למצגות‬ ‫וציוד‬ ‫לוחות‬"
‫ו‬250₪.
124 3
‫משתמש‬ ‫תסריטי‬

40. 44
‫עץ‬ ‫מסגרת‬ ‫עם‬ ‫לוח‬ ‫הנה‬.‫על‬ ‫ועשרים‬ ‫מטר‬70,‫ב‬235₪
‫להגדיל‬ ‫כדי‬ ‫התמונה‬ ‫על‬ ‫לוחץ‬.‫טוב‬ ‫נראה‬!
‫לאישור‬ ‫המוצר‬ ‫את‬ ‫לדנה‬ ‫שולח‬.‫אחרי‬22‫בדיוק‬ ‫שניות‬
‫מצפצפת‬ ‫האפליקציה‬;‫אישרה‬ ‫דנה‬.
124 3
‫משתמש‬ ‫תסריטי‬

41. 45
‫את‬ ‫שולח‬‫שהיא‬ ‫באפליקציה‬ ‫אישור‬ ‫ומקבל‬ ‫ההזמנה‬
‫נקלטה‬.
‫שניות‬ ‫כמה‬ ‫עוברות‬,‫שומע‬‫דוא‬ ‫של‬ ‫צפצוף‬"‫חדש‬ ‫ל‬.
‫קיבלתי‬‫רכש‬ ‫ממחלקת‬ ‫אוטומאטי‬ ‫אישור‬‫ההזמנה‬ ‫על‬,
‫שבוע‬ ‫תוך‬ ‫צפויה‬ ‫אספקה‬.
‫לי‬ ‫מסמסת‬ ‫דנה‬ ‫דקה‬ ‫אחרי‬:
"‫ההזמנה‬ ‫של‬ ‫האימייל‬ ‫את‬ ‫ראיתי‬,‫מלך‬ ‫אתה‬,‫תודה‬"!
124 3
‫משתמש‬ ‫תסריטי‬

42. 46
‫טריק‬:‫על‬ ‫לחשוב‬‫הכשלונות‬
‫מימוש‬
‫כישלון‬
‫כלים‬
‫למימוש‬
‫צורך‬

44. 48
‫טריק‬ ‫עוד‬:3‫לפני‬,3‫אחרי‬
‫מימוש‬
‫כישלון‬
‫כלים‬
‫למימוש‬
‫צורך‬
3‫דקות‬
‫לפני‬
3‫דקות‬
‫אחרי‬

45. 49
‫משתמש‬ ‫לתסריטי‬
‫הרבה‬
‫יש‬
‫משימות‬‫משתמש‬-‫אמפתיה‬-‫שיחה‬

46. 50
‫רבה‬ ‫תודה‬!
barak@uxschool.co.il
‫דנין‬ ‫ברק‬
054-8080100