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

1. ‫
דברים שרוכשים משם‬
‫איך יוצרים חוויית לקוח אינטראקטיבית בעולם שכולו וירטואלי‬
‫אלעד גולדנברג‬

2. ‫תעשיית הסטוקים: קונים מלאי ומוכרים לעולם‬

3. ‫על מה דיברנו בשיעור שעבר‬
‫1‬
‫מהי אסטרטגיה שיווקית‬
‫2‬
‫סיבוב הפרסה של ‪eBay‬‬
‫3‬
‫‪ :Zappos‬״לשווק אושר״‬

4. ‫נושא השיעור‬
‫‪UX‬‬
‫או‬
‫‪User eXperience‬‬
‫או בעברית‬
‫חוויית משתמש‬

5. ‫על מה נדבר היום‬
‫1‬
‫חוויית משתמש: למה בכלל‬
‫2‬
‫7 כללי מפתח להצלחה בעיצוב חווית‬
‫משתמש באיקומרס‬
‫3‬
‫חוויית המשתמש: לקחת צעד אחד קדימה‬
‫4‬
‫הבדיקה: איך לדעת האם העיצוב עובד‬

6. ‫נעים להכיר: חווית משתמש‬

7. ‫חוויית משתמש: למה בכלל‬

8. ‫חוויית משתמש‬
‫%56‬
‫מעגלות הקנייה‬
‫באונליין ננטשות‬
‫611$‬
‫
השווי הממוצע‬
‫של קנייה אונליין‬
‫%31.2‬
‫
אחוז המרת לקוח מזדמן‬
‫ללקוח קונה‬

9. ‫חוויית משתמש: הגדרה‬
‫
החוויה אותה חווה משתמש‬
‫
בזמן פעילותו במערכת‬
‫*אתר, אפליקציה, חנות‬

10. ‫חוויית משתמש‬
‫סינימטק תל אביב: ממשק הזמנת סרטים מסורבל‬
‫דוגמא 1.‬
‫אל תעשה‬
‫
קניית הכרטיס מותנית בהליך‬
‫פתיחת חשבון ראשוני באזור אחר באתר‬

11. ‫חוויית משתמש‬
‫‪ :BURBERRY‬קטלוג פשוט ונוח המאפשר ללקוח ביטחון בקניה‬
‫דוגמא 2.‬
‫עשה‬

12. ‫חוויית משתמש‬
‫‪ :BURBERRY‬קטלוג פשוט ונוח המאפשר ללקוח ביטחון בקניה‬
‫דוגמא 2.‬
‫עשה‬

13. ‫חוויית משתמש‬
‫‪ :BURBERRY‬קטלוג פשוט ונוח המאפשר ללקוח ביטחון בקניה‬
‫דוגמא 2.‬
‫עשה‬

14. ‫חוויית משתמש‬
‫4 המטרות שבפיתוח חוויית משתמש‬
‫1 להביא לאתר יותר משתמשים‬
‫2 לגרום למשתמשים לבלות זמן רב יותר באתר‬
‫3‬
‫לגרום למשתמשים לפעולה: לקנות / ללחוץ על כפתור וכו׳‬
‫4‬
‫לגרום למשתמשים לחזור‬

15. ‫חוויית משתמש‬
‫רכיבי ליבה בתהליך הרכישה‬
‫שופינג‬
‫
צפיה‬
‫בדף המוצר‬
‫רישום‬
‫
הוספת‬
‫מוצרים לסל‬
‫
סקירת‬
‫הזמנה‬
‫אפ-סייל‬
‫חיוב‬
‫
אישור‬
‫רכישה‬
‫שילוח‬

16. ‫חוויית משתמש‬
‫חווית משתמש: 01 האלמנטים החשובים בדף‬
‫1‬
‫אווירה בחנות האונליין‬
‫יחס אישי‬
‫2‬
‫תקשורת פנים אל פנים‬
‫3‬
‫מיתוג‬
‫4‬
‫תקשורת בלתי מילולית‬
‫5‬
‫נאמנות‬
‫6‬
‫המתנה בתור‬
‫7‬
‫תצוגת מלאי‬
‫8‬
‫9‬
‫ביטחון בקניה‬
‫01‬
‫לגעת, להרגיש ולנסות את המוצר‬

17. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬

18. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫חיפוש מוצר: צור באתר קטגוריות ובתוכן קטגוריות משנה לעזרת המשתמש‬
‫כלל 1.‬
‫עשה‬
‫קטגוריה‬
‫
קטגוריית‬
‫משנה‬

19. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫חיפוש מוצר 2: מקמו אותו כתוצאת חיפוש ברורה בכמה קטגוריות ראשיות שונות‬
‫כלל 2.‬
‫עשה‬
‫
קטגוריות באתר בסט ביי:‬
‫
מדפסות מופיעות תחת הקטגוריה ׳ציוד משרדי׳‬
‫וגם תחת קטגוריית ׳מוצרים פופולריים׳‬

20. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫קטגוריית ׳מה חדש׳: מעוררת במשתמשים את הרצון לחקור את החנות ולרכוש בה יותר‬
‫כלל 3.‬
‫עשה‬

21. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫בדף המוצר: הציעו מוצרים משלימים או מועדפים‬
‫כלל 4.‬
‫עשה‬

22. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫בדף המוצר: הציעו מוצרים משלימים או מועדפים‬
‫כלל 4.‬
‫
הלקוח הוסיף‬
‫
מצלמה‬
‫
לעגלת הקניות‬
‫עשה‬
‫
רגע לפני הקניה,‬
‫
מוצעות לו מצלמות‬
‫
נוספות או‬
‫
כיסוי למצלמה‬

23. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫בדף המוצר: הוסיפו רשימת ״מוצרים שצפית בהם לאחרונה״‬
‫כלל 5.‬
‫
הלקוח צופה במוצר‬
‫עשה‬
‫
בתחתית המסך‬
‫
מוצעים ללקוח‬
‫
מוצרים בהם צפה‬
‫
להשוואה‬

24. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫עמודים נפרדים למוצרים משלימים: לאפשר ללקוח לרכוש מוצרים נלווים להשלמת החוויה‬
‫כלל 6.‬
‫עשה‬
‫בדף המוצר: כפתור‬
‫למוצרים נלווים‬
‫ומותאמים לקניה‬

25. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫קשרו בין תמונות אוירה של מוצרים באתר לבין דף הקניה שלהם בהקלקה אחת‬
‫כלל 7.‬
‫עשה‬

26. ‫7 כללי מפתח להצלחה בעיצוב חווית משתמש‬
‫קשרו בין תמונות אוירה של מוצרים באתר לבין דף הקניה שלהם בהקלקה אחת‬
‫כלל 7.‬
‫עשה‬

27. ‫חוויית המשתמש: לקחת צעד אחד קדימה‬

28. ‫חוויית המשתמש: לקחת צעד אחד קדימה‬
‫1‬
‫להדהים את המשתמש‬
‫2‬
‫גיימיפיקציה )‪(Gamification‬‬
‫3‬
‫עיצוב רספונסיבי )‪(Responsive Design‬‬

29. ‫חוויית המשתמש: להדהים את המשתמש‬
‫ניו יורק טיימס: להכניס את הקורא אל אווירת הכתבה באמצעים חזותיים‬
‫דוגמא 1.‬

30. ‫חוויית המשתמש: להדהים את המשתמש‬
‫שגב אקספרס: אווירת השף הטלוויזיוני מועברת אל אתר המסעדה‬
‫דוגמא 2.‬

31. ‫חוויית המשתמש: להדהים את המשתמש‬
‫הפסקת חשמל בסופרבול 3102. המשווקים מנצלים את ההזדמנות‬
‫דוגמא 3.‬

32. ‫חוויית המשתמש: להדהים את המשתמש‬
‫הפסקת חשמל בסופרבול 3102. המשווקים מנצלים את ההזדמנות‬
‫דוגמא 3.‬

33. ‫חוויית המשתמש: להדהים את המשתמש‬
‫הפסקת חשמל בסופרבול 3102. המשווקים מנצלים את ההזדמנות‬
‫דוגמא 3.‬

34. ‫חוויית המשתמש: להדהים את המשתמש‬
‫הניצחון הגדול: יצירת שיח חברתי על בסיס הפתעת הצופים‬
‫דוגמא 3.‬

35. ‫חוויית המשתמש: להדהים את המשתמש‬
‫קונטרול פילמס: המשתמש מניע את תצוגת האתר‬
‫דוגמא 4.‬

36. ‫חוויית המשתמש: להדהים את המשתמש‬
‫!‪ :Photojojo‬חווית אונליין ואופליין מתמשכת ומפתיעה‬
‫דוגמא 5.‬

37. ‫חוויית המשתמש: להדהים את המשתמש‬
‫!‪ :Photojojo‬חווית אונליין ואופליין מתמשכת ומפתיעה‬
‫דוגמא 5.‬
‫מייל אישור‬
‫ההזמנה‬

38. ‫חוויית המשתמש: להדהים את המשתמש‬
‫!‪ :Photojojo‬חווית אונליין ואופליין מתמשכת ומפתיעה‬
‫דוגמא 5.‬
‫פרטי מעקב‬
‫אחרי המשלוח‬

39. ‫חוויית המשתמש: להדהים את המשתמש‬
‫!‪ :Photojojo‬חווית אונליין ואופליין מתמשכת ומפתיעה‬
‫דוגמא 5.‬
‫פרטי מעקב‬
‫אחרי המשלוח‬

40. ‫חוויית המשתמש: להדהים את המשתמש‬
‫!‪ :Photojojo‬חווית אונליין ואופליין מתמשכת ומפתיעה‬
‫דוגמא 5.‬
‫פרטי מעקב‬
‫אחרי המשלוח‬

41. ‫חוויית המשתמש: להדהים את המשתמש‬
‫!‪ :Photojojo‬חווית אונליין ואופליין מתמשכת ומפתיעה‬
‫דוגמא 5.‬
‫תראו מה קיבלתי‬
‫עם המשלוח‬

42. ‫חוויית המשתמש: גיימיפיקציה‬

43. ‫חוויית המשתמש: גיימיפיקציה‬
‫גיימיפיקציה‬
‫או בעברית‬
‫הפיכת פעולה מכנית‬
‫למשחק היוצר מעורבות‬
‫גבוהה של המשתמש‬

44. ‫חוויית המשתמש: גיימיפיקציה‬
‫‪ :Captcha‬כמה פעמים לא האמינו לכם שאתם באמת בני אדם?‬
‫דוגמא 1.‬

45. ‫חוויית המשתמש: גיימיפיקציה‬
‫‪ :sweetCaptcha‬חברה שמייצרת שאלות אבטחה בדרך כיפית ומקורית‬
‫דוגמא 1.‬

46. ‫חוויית המשתמש: גיימיפיקציה‬
‫‪ :BLUE FOUNTAIN MEDIA‬הודעת שגיאה מערכתית מעוצבת כמשחק פקמן אמיתי‬
‫דוגמא 2.‬

47. ‫חוויית המשתמש: גיימיפיקציה‬
‫‪ :BLUE FOUNTAIN MEDIA‬הודעת שגיאה מערכתית מעוצבת כמשחק פקמן אמיתי‬
‫דוגמא 2.‬

48. ‫חוויית המשתמש: גיימיפיקציה‬
‫‪ :Virgin America‬סרטון בטיחות שהפך ללהיט ויראלי‬
‫דוגמא 3.‬

49. ‫חוויית המשתמש: גיימיפיקציה‬
‫‪ :TheFunTheory‬הופכים את הדברים הפשוטים לכיף‬
‫דוגמא 4.‬

50. ‫חוויית המשתמש: גיימיפיקציה‬
‫אתה חי בסרט או במשחק?‬
‫דוגמא 5.‬

51. ‫חוויית המשתמש: עיצוב רספונסיבי‬
‫הגדרה‬
‫עיצוב על בסיס התאמה אוטומטית‬
‫להצגת האתר בממשקי משתמש‬
‫שונים: מחשב, טאבלט, סמארטפון‬

52. ‫חוויית המשתמש: עיצוב רספונסיבי‬
‫‪ :SKINNY TIES‬התאמת האתר אוטומטית לגדלי צג שונים‬
‫דוגמא 1.‬

53. ‫חוויית המשתמש: עיצוב רספונסיבי‬
‫‪ :SKINNY TIES‬התאמת האתר אוטומטית לגדלי צג שונים‬
‫דוגמא 1.‬

54. ‫חוויית המשתמש: עיצוב רספונסיבי‬
‫‪ :INDOCHINO‬חנות בגדים מחוייטים במובייל, בטאבלט ובנייח‬
‫דוגמא 2.‬

55. ‫חוויית המשתמש: עיצוב רספונסיבי‬
‫‪ :united pixel workers‬חנות אונליין לעיצובי פאטצ׳ים מותאמת גם למובייל‬
‫דוגמא 3.‬

56. ‫חוויית המשתמש: עיצוב רספונסיבי‬
‫‪ :united pixel workers‬חנות אונליין לעיצובי פאטצ׳ים מותאמת גם למובייל‬
‫דוגמא 3.‬

57. ‫הבדיקה: איך לדעת האם העיצוב עובד‬

58. ‫הבדיקה: איך לדעת האם העיצוב עובד‬
‫‪ :A/B Testing‬פרמטרים לבדיקת יעילות חווית המשתמש שלנו‬
‫1‬
‫כפתורי קריאה לפעולה‬
‫2‬
‫מבנה הדף‬
‫3‬
‫קלות הניווט באתר‬
‫4‬
‫ניסוחים ומלל‬
‫5‬
‫פרסומות וקידום מבצעים‬
‫6‬
‫תהליך הצ׳ק אאוט‬
‫7‬
‫תמונות‬
‫8‬
‫תהליך סינון המוצרים‬
‫9‬
‫אבטחה וביטחון בקניה‬
‫2‬
‫3‬
‫7‬
‫5‬
‫6‬
‫4‬
‫9‬
‫1‬
‫8‬

59. ‫הבדיקה: איך לדעת האם העיצוב עובד‬
‫‪ :google analytics‬כלים חינמיים למעקב אחר אפקטיביות חווית המשתמש‬
‫דוגמא 1.‬
‫משך הביקור באתר לפי ארץ‬

60. ‫הבדיקה: איך לדעת האם העיצוב עובד‬
‫‪ :google analytics‬כלים חינמיים למעקב אחר אפקטיביות חווית המשתמש‬
‫דוגמא 1.‬
‫כמה נמצאים באתר כרגע ומהיכן גלשו‬

61. ‫הבדיקה: איך לדעת האם העיצוב עובד‬
‫‪ :google analytics‬כלים חינמיים למעקב אחר אפקטיביות חווית המשתמש‬
‫דוגמא 1.‬
‫המרות לכניסה לאתר מערוצים שונים‬

62. ‫הבדיקה: איך לדעת האם העיצוב עובד‬
‫‪ :google analytics‬כלים חינמיים למעקב אחר אפקטיביות חווית המשתמש‬
‫דוגמא 1.‬
‫מקורות כניסת משתמשים מפעילות חברתית‬

63. ‫הבדיקה: איך לדעת האם העיצוב עובד‬
‫‪ :optimizely‬בחינה טכנולוגית מתקדמת לאיפיון התנהגות המשתמש באתר שבנית‬
‫דוגמא 2.‬

64. ‫הבדיקה: איך לדעת האם העיצוב עובד‬
‫‪ :unbounce‬שירותי ניתוח חווית משתמש‬
‫דוגמא 3.‬
‫
בחן את חווית‬
‫
המשתמש‬
‫ושפר אותה‬
‫צור דף אונליין‬
‫העלה אותו לאויר‬

65. ‫מה אנחנו לוקחים איתנו הלאה‬

66. ‫מה אנחנו לוקחים איתנו הלאה‬
‫1‬
‫חוויית משתמש: למה בכלל‬
‫2‬
‫7 כללי מפתח להצלחה בעיצוב חווית משתמש באיקומרס‬
‫3‬
‫חוויית המשתמש: לקחת צעד אחד קדימה‬
‫4‬
‫איך לדעת אם היצירתיות שלנו עובדת‬

67. ‫בשיעור הבא: איקומרס מייד אין יזראל‬

68. ‫על ההתחלה: הישראלי שמכר את הבמבה שלו‬

69. (: ‫פנו אליי בכל שאלה או מחשבה‬
‫אלעד גולדנברג‬
linkedin.com/in/eladgoldenberg
slideshare.net/eladgoldenberg