Your SlideShare is downloading. ×
עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011

3,584
views

Published on

להלן הפרזנטציה של הסדנה מכנס UXI Live 2011. …

להלן הפרזנטציה של הסדנה מכנס UXI Live 2011.
בסדנה התמקדנו בתהליך האפיון והעיצוב הייחודיים לעמודי נחיתה.
למדנו את השלבים המקדימים לייצור עמוד הנחיתה, החל מהבריף השיווקי, דרך הגדרת מטרת העמוד והיעד שלו.

עקבנו אחר חוויית המשתמש החל משלב ההגעה לעמוד ועד ביצוע ההמרה. דנו בפירוק ההתנגדויות והחששות שלו ובדרכים לרכוש את אמונו והזדהותו.

עברנו על טיפים וכללי "עשה" ו"אל תעשה" באפיון העמוד וכן בעיצובו.

דנו בדרכים למקד את המסר ולזקק אותו לפורמולה ברורה ונכונה, עם מינון האינפורמציה והתוכן הנכונים.

בסוף, קיבלנו גם רקע לביצוע ניסויים ואופטימיזציה על העמוד שיצרנו, באמצעות ניתוח נתונים והפקת וריאציות חדשות שיתחרו בגרסת המקור.

נהניתי מאוד משיתוף הפעולה ומהשאלות וההערות המחכימות שלכם.

תודה!
תמיר כהן
http://www.tamirco.com

Published in: Self Improvement

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,584
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ‫עמודי נחיתה מנצחי : אי לאפיי‬ ‫ולעצב‬ ‫תמיר כה‬‫יו ד 03:21-00:90‬‫‪www.tamirco.com‬‬
  • 2. .‫נעים מאוד‬www.tamirco.com
  • 3. ‫אודותיי‬www.tamirco.com
  • 4. ?‫ומה איתכם‬www.tamirco.com
  • 5. ‫מה נלמד היום?‬ ‫מהו עמוד נחיתה?‬ ‫•‬ ‫איך מאפיינים עמוד נחיתה מוצלח?‬ ‫•‬ ‫איך מעצבים עמוד נחיתה מוצלח?‬ ‫•‬‫איך מודדים הצלחת עמוד ואיך משפרים את אחוזי ההצלחה?‬ ‫•‬ ‫‪www.tamirco.com‬‬
  • 6. ‫אז... מה זה עמוד נחיתה?‬ ‫‪www.tamirco.com‬‬
  • 7. www.tamirco.com http://information.devry.edu
  • 8. www.tamirco.com www.gmacmortgage.com
  • 9. www.tamirco.com http://www.cwm.co.il
  • 10. www.tamirco.com
  • 11. ‫קפצנו למים קצת מוקדם...‬‫• מה זה עמוד נחיתה?‬ ‫• מה המטרה שלו?‬ ‫‪www.tamirco.com‬‬
  • 12. :‫עמוד נחיתה הוא‬1 Webpage 1 Goal 1? 1!www.tamirco.com
  • 13. ‫עמוד נחיתה הוא:‬ ‫• חלק ממאמץ שיווקי‬‫• עמוד בו "נוחת" קהל שהתעניין במוצר מסוים )שירות, מידע וכו(‬ ‫• עמוד שצריך להגשים מטרה‬ ‫איך מגיעים לעמוד כזה?‬ ‫• תוצאות חיפוש )אורגניות, ממומנות(‬ ‫• באנרים‬ ‫• ניוזלטר )מייל שיווקי(‬ ‫‪www.tamirco.com‬‬
  • 14. www.tamirco.com
  • 15. ‫‪www.the-best-love-ever.com‬‬ ‫תרגיל 1:‬ ‫•גיל‬ ‫אנשים שונים, מגיעים לעמוד‬ ‫3‬ ‫•מקצוע‬ ‫תיאור‬ ‫•‬ ‫•איזור מגורים‬ ‫העדפות‬ ‫•‬ ‫•מה מחפש?‬ ‫‪www.tamirco.com‬‬ ‫תחביבים‬ ‫•‬
  • 16. 100%www.tamirco.com
  • 17. ‫למה אין עמוד נחיתה מושלם?‬ ‫כי אנחנו בני אדם.‬ ‫יש לנו...‬ ‫אופי שונה‬ ‫•‬ ‫רקע שונה‬ ‫•‬ ‫ידע שונה‬ ‫•‬ ‫העדפות שונות‬ ‫•‬ ‫צרכים שונים‬ ‫•‬ ‫רגשות שונים‬ ‫•‬ ‫תגובות שונות‬ ‫•‬ ‫כל אחד מאיתנו מגיב לטריגרים שונים‬‫‪www.tamirco.com‬‬
  • 18. www.tamirco.com
  • 19. www.tamirco.com
  • 20. www.tamirco.com
  • 21. www.tamirco.com
  • 22. ‫• היכרות טובה עם קהל היעד שלנו‬ ‫• מתן מענה נכון )פרקטי רגשי( לצורך שלו‬ ‫• חוויית משתמש חיובית ככל הניתן‬‫‪www.tamirco.com‬‬
  • 23. ‫איש השיווק‬ ‫• יעביר את הנתונים החיוניים לקיום תהליך נכון‬ ‫• מידע על המוצר, קהל היעד והמתחרים‬ ‫• מטרת הקמפיין, מטרת העמוד והיעד‬ ‫המאפיין ו/או המעצב‬‫ילמד את הנתונים ויגזור מהם אפיון ועיצוב מוצלחים‬ ‫‪www.tamirco.com‬‬
  • 24. ‫היכרות עם...‬ ‫המוצר שלנו‬ ‫קהל היעד שלנו‬ ‫המתחרים שלנו‬‫‪www.tamirco.com‬‬
  • 25. ‫המוצר שלנו‬ ‫• מפרט, תכונות ואופי‬ ‫• יתרונות וגם חסרונות‬ ‫• עלויות‬‫‪www.tamirco.com‬‬
  • 26. ‫קהל היעד שלנו‬ ‫• מי הוא?‬ ‫• חתך דמוגרפי, מגדרי, גיאוגרפי, גילאי וכו‬ ‫• מה הצורך שלו?‬‫‪www.tamirco.com‬‬
  • 27. ‫המתחרים שלנו‬ ‫מי הם?‬ ‫•‬ ‫מה הם מציעים?‬ ‫•‬ ‫מה היתרונות והחסרונות שלהם?‬ ‫•‬ ‫עלות, מאפיינים, מגבלות‬‫מה סוג הפניה שלהם ועל איזה צורך הוא מתבסס?‬ ‫•‬ ‫‪www.tamirco.com‬‬
  • 28. ‫מטרות ויעדי העמוד‬ ‫• מטרת ה"קמפיין"‬‫הגדלת מכירות, שיפור הקשר עם הלקוח, הגדלת כמות הלקוחות‬ ‫הרשומים וכו‬ ‫• מטרת העמוד‬‫הרשמה, רכישה, הורדת מידע, הורדת תוכנה, הצטרפות לשירות‬ ‫• היעד‬‫000,2 משתמשים חדשים, 053 רכישות אונליין, 000,1 הורדות‬ ‫של דף מידע, 000,5 לייקים‬ ‫‪www.tamirco.com‬‬
  • 29. ?‫אז... מהי המרה‬www.tamirco.com
  • 30. ‫‪Conversion‬‬ ‫המרה‬ ‫המרה היא השגת מטרת העמוד‬ ‫1. המרת משתמש אקראי ללקוח פוטנציאלי‬ ‫2. המרת הכסף שהשקענו בהבאת התנועה –‬ ‫להשגת המטרה )= כסף(‬‫‪www.tamirco.com‬‬
  • 31. ‫לדוגמה:‬‫0002‬ ‫%001‬ ‫• הבאנו 0002 משתמשים לעמוד,‬‫0091-‬ ‫בעלות של 000,01‬ ‫001‬ ‫%5‬ ‫• מתוכם 001 מילאו פרטים‬ ‫• 0002/001 = אחוז ההמרה %5‬ ‫עלות‬ ‫• 001/000,01 = 001‬ ‫המרה‬ ‫‪www.tamirco.com‬‬
  • 32. ‫אילו סוגי המרות אנחנו מכירים?‬ ‫‪www.tamirco.com‬‬
  • 33. free.avg.comwww.tamirco.com
  • 34. www.abtests.com > www.thecorkscrew.iewww.tamirco.com
  • 35. www.starlims.comwww.tamirco.com
  • 36. uxschool.co.il/tips/www.tamirco.com
  • 37. ‫כמה קשה להשיג המרה?‬‫... זה קצת תלוי מה נותנים לי ומה מבקשים ממני בתמורה‬ ‫‪www.tamirco.com‬‬
  • 38. ‫תרגיל 2: קחו הפעם בריף ובנו עמוד נחיתה‬ ‫‪www.tamirco.com‬‬
  • 39. ‫תרגיל 2: קחו הפעם בריף ובנו עמוד נחיתה‬ ‫מה היו השיקולים וההתלבטויות שלכם?‬ ‫‪www.tamirco.com‬‬
  • 40. !‫ו... יאללה, לעסק‬www.tamirco.com
  • 41. ‫קחו 7 שניות להסתכל בעמוד הבא.‬‫)רציתם תוכנה לאבטחת המחשב שלכם(:‬ ‫‪www.tamirco.com‬‬
  • 42. www.tamirco.com nod32-antivirus.co.il
  • 43. ‫מה ראינו?‬ ‫מה הרגשנו?‬ ‫מה רצינו לעשות?‬‫‪www.tamirco.com‬‬
  • 44. ‫חוק 7 השניות. 5 שניות. 3 שניות?!‬ ‫זה הסטטוס בו מגיע המשתמש לעמוד שלנו.‬ ‫חשדן, ביקורתי, מהסס...‬‫‪www.tamirco.com‬‬
  • 45. ‫איך נתמודד עם מצב כזה?‬ ‫‪www.tamirco.com‬‬
  • 46. ‫‪AIDA‬‬ ‫נוסחת‬ ‫‪ Attention‬תשומת הלב של הקורא.‬ ‫כותרת ומראה כללי )‪.(Look & Feel‬‬ ‫‪ Interest‬תוכן מעניין שמעודד את הקורא להמשיך.‬ ‫תת כותרת, פיסקת מידע.‬‫‪ Desire‬יצירת רצון לפעולה, דרך הדגשת הערך של ההצעה.‬ ‫נקודות חוזקה, יתרונות המוצר, חוות דעת טובה.‬ ‫‪ Action‬הנעת הקורא לפעולה הרצויה‬ ‫מילוי טופס, לחיצה על לחצן הורדה, רכישה, יצירת קשר וכו‬ ‫‪www.tamirco.com‬‬
  • 47. ‫חוק 7 השניות.‬ ‫רלוונטי. אמין. מעניין. מסקרן. משכנע. ברור.‬ ‫לא מעצבן. לא פוגע. לא מפוזר.‬‫אם אין תשובה לשאלה, מענה לצורך‬ ‫איבדנו את המשתמש, ובצדק.‬ ‫‪www.tamirco.com‬‬
  • 48. ‫מה לא?‬‫כותרות מתחכמות וטיזרים. לא כולם יבינו אותן כמו שתרצו.‬ ‫‪www.tamirco.com‬‬
  • 49. ‫מה לא?‬‫אנימציות מקדימות. לא כולם יתפעלו מהאפקטים שלכם ולא‬ ‫בטוח שיש להם זמן או כוח בשביל זה.‬ ‫‪www.tamirco.com‬‬
  • 50. ‫מה לא?‬‫פונטים מיוחדים. לפונט ראווה עלולה להיות קריאוּת בעייתית.‬ ‫תבנית יוצאת דופן. אין לנו זמן "לחנך" את המשתמשים.‬ ‫‪www.tamirco.com‬‬
  • 51. ?‫אז... מה כן‬ KISS Keep It Simple, Stupid http://www.soluto.com/www.tamirco.com
  • 52. ‫אז... מה כן?‬ ‫שימוש באלמנטים הנחוצים להשגת המטרה‬ ‫מיקוד‬ ‫אינפורמציה שימוש בכמות המידע המתאימה‬‫בהירות העמוד צריך להיות נקי וברור, ללא מכשולים ויזואליים‬ ‫בגישה אל המידע‬ ‫לך, בשבילך, אותך, איתך, למענך‬ ‫התמקדות במשתמש ובתועלת שלו, ולא בעצמנו‬ ‫)כולנו אוהבים שמתייחסים אלינו(‬ ‫‪www.tamirco.com‬‬
  • 53. www.abtests.com/ > www.citycliq.com/ 25.3% :‫אחוז המרה‬ www.tamirco.com
  • 54. www.abtests.com/ > www.citycliq.com/ 47.8% :‫אחוז המרה‬ www.tamirco.com
  • 55. ‫מבנה ותוכן העמוד‬‫‪www.tamirco.com‬‬
  • 56. ‫מבנה ותוכן העמוד‬ ‫היררכיית רכיבים‬‫שימוש בגודל ומיקום על מנת ליצור היררכיית רכיבים נכונה.‬ ‫‪www.tamirco.com‬‬
  • 57. ‫מבנה ותוכן העמוד‬ ‫אינפורמציה‬‫התאמת מינון האינפורמציה לסוג המוצר וההמרה.‬ ‫כגודל ההתחייבות שאנו מבקשים‬ ‫כך כמות האינפורמציה שתידרש על מנת להמיר.‬ ‫יצירת קשר תהליך זריז‬ ‫רכישת מוצר כניסה לפרטים‬‫‪www.tamirco.com‬‬
  • 58. http://www.wsi.co.ilwww.tamirco.com
  • 59. www.tamirco.com http://www.logipen.com
  • 60. www.tamirco.com http://www.logipen.com
  • 61. ‫מבנה ותוכן העמוד‬ ‫כותרת‬ ‫מענה ראשוני לצורך. יצירת סקרנות והתוצאה.‬‫התייחסות לרגשות הכמוסים, התאוות והפחדים של המשתמש.‬ ‫« אנגלית שפה יפה‬ ‫« רוצה שהעסק שלך יכבוש את העולם?‬ ‫בוא ללמוד אנגלית עסקית ב"אינגליש"!‬ ‫« בוא ללמוד בבית הספר מס 1 ללימודי אנגלית!‬ ‫« לימודי אנגלית‬ ‫‪www.tamirco.com‬‬
  • 62. ‫מבנה ותוכן העמוד‬ ‫פיסקת טקסט‬ ‫אינפורמציה חיונית ואטרקטיבית.‬ ‫נקודות חוזקה‬ ‫בנקודות, למה זה שווה לי?‬ ‫חיזוק השיקולים בעד.‬‫‪www.tamirco.com‬‬
  • 63. ‫מבנה ותוכן העמוד‬ ‫אימג‬ ‫תומך בתוכן.‬ ‫קונוטציות חיוביות.‬ ‫לא משתלט.‬ ‫יוצר הזדהות.‬‫‪http://www.bannerarchitects.com‬‬ ‫‪www.tamirco.com‬‬
  • 64. ‫מבנה ותוכן העמוד‬ ‫טופס‬ ‫קצר ככל הניתן.‬ ‫ולידציה ברורה.‬ ‫קריאה אטרקטיבית למילוי.‬‫‪www.tamirco.com‬‬
  • 65. ‫מבנה ותוכן העמוד‬ ‫חוות דעת‬ ‫אמיתית. קצרה ותמציתית.‬ ‫שם הממליץ ופרטים נוספים‬ ‫דירוג )אם יש(.‬‫‪www.tamirco.com‬‬
  • 66. ‫מבנה ותוכן העמוד‬ ‫כפתור‬ ‫מנוסח כהוראה ברורה:‬ ‫שלח פרטים‬ ‫לחץ לצפיה במוצר‬ ‫לחצו להורדה‬ ‫לחצי לרכישה‬‫‪www.tamirco.com‬‬
  • 67. ‫מבנה ותוכן העמוד‬ ‫"מחזקי אמינות"‬ ‫"מוצר מעולה!"‬‫‪www.tamirco.com‬‬
  • 68. ‫מבנה ותוכן העמוד‬‫וידאו. עולם ומלואו, פרמטרים רבים להצלחה.‬ ‫למתקדמים בלבד.‬ ‫‪http://www.onlyu.co.il‬‬‫‪www.tamirco.com‬‬
  • 69. ‫מבנה ותוכן העמוד‬ ‫מיקוד!‬ ‫ללא קישורים חיצוניים‬ ‫ללא עמודים נוספים‬ ‫אפשרות אחת: המרה.‬‫‪www.tamirco.com‬‬
  • 70. www.tamirco.com http://www.berlitz.co.il
  • 71. www.tamirco.com http://www.englishschool.co.il
  • 72. ‫תרגיל 3: קבוצתי‬ ‫קיימו דיון על תוכן העמוד.‬‫‪www.tamirco.com‬‬
  • 73. ‫תרגיל 3: קבוצתי‬ ‫במה התמקדנו?‬ ‫מה היו השיקולים?‬‫‪www.tamirco.com‬‬
  • 74. ‫עיצוב העמוד‬www.tamirco.com
  • 75. ‫עיצוב העמוד‬ ‫צבעוניות‬ ‫מינימום צבעים שולטים )3 2(.‬‫שימוש בצבע דומיננטי להבלטת הנעה לפעולה/כפתור‬ ‫‪www.tamirco.com‬‬
  • 76. www.tamirco.com
  • 77. ‫עיצוב העמוד‬ ‫שוב... היררכיה‬‫שימוש בצבעוניות ובתוכן האובייקטים על מנת ליצור היררכיה נכונה.‬ ‫‪GetHarvest.com‬‬ ‫‪www.tamirco.com‬‬
  • 78. ‫עיצוב העמוד‬ ‫גופנים‬ ‫גופן אחד. גופן קריא ומוכר. מספר מצומצם של גדלים, על מנת‬ ‫להבליט כותרות ולהקל על קריאות טקסט רץ.‬ ‫מומלץ‬‫כיתוב פוזיטיבי )טקסט כהה על רקע בהיר( מקל על הקריאות ולא‬ ‫מעייף את העין.‬ ‫‪www.tamirco.com‬‬
  • 79. www.tamirco.com http://youget.co.il
  • 80. ‫עיצוב העמוד‬ ‫אימג‬ ‫חיובי.‬ ‫משכנע.‬ ‫מעורר הזדהות.‬ ‫קשור למוצר.‬ ‫כמה שפחות נתון למחלוקת.‬‫‪www.gmacmortgage.com‬‬ ‫‪www.tamirco.com‬‬
  • 81. www.livescribe.comwww.tamirco.com
  • 82. ‫עיצוב העמוד‬ ‫כפתור‬‫• צבע בולט מדגיש את מיקום ביצוע הפעולה. מדגיש את תוכן‬ ‫הכפתור.‬ ‫• שימוש בכפתור אחד או שניים.‬ ‫• כפתור "סקסי": טקסט + צבע + "מזמינוּת" )‪(affordance‬‬ ‫‪www.tamirco.com‬‬
  • 83. ‫עיצוב העמוד‬ ‫רזולוציה‬ ‫התאמה לרזולוציה מינימלית )4201*867(.‬ ‫/‪www.w3schools.com‬‬‫‪www.tamirco.com‬‬
  • 84. ‫עיצוב העמוד‬ ‫רזולוציה‬ ‫מיקום ההמרה מעל ה"פולד":‬‫‪www.tamirco.com‬‬ ‫‪http://www.textmagic.com‬‬
  • 85. ‫עיצוב העמוד‬ ‫כיוון הזרימה בעמוד‬‫יצירת תנועת עיניים נכונה על העמוד, גישה מסודרת לאינפורמציה.‬ ‫‪www.tamirco.com‬‬
  • 86. .‫תודה‬www.tamirco.com
  • 87. ‫עמוד התודה‬ ‫יש לי כבר המרה, אז למה זה נחוץ?‬ ‫• א ב של נימוסין.‬ ‫• אינדיקציה לביצוע ההמרה.‬ ‫• חיזוק חיובי. מעריכים את הפעולה שביצעת.‬‫• הזדמנות להצעות נוספות: המרה נוספת, ביקור באתר, מידע נוסף‬ ‫וכדומה.‬ ‫‪www.tamirco.com‬‬
  • 88. ‫מדידה ואופטימיזציה‬‫‪www.tamirco.com‬‬
  • 89. ‫מדידה ואופטימיזציה‬ ‫אנליסט‬ ‫מדידת אחוז ההמרה‬‫הפקת וניתוח נתונים סטטיסטיים שיסייעו בשיפור אחוזי ההמרה‬ ‫האנליסט מניע תהליך פנימי מחודש:‬ ‫איש השיווק מסיק מסקנות מהנתונים שקיבל ומציע הצעות‬ ‫לשיפור אחוז ההמרה‬‫מאפיין / מעצב אפיון ועיצוב וריאציות ואלטרנטיבות חדשות‬ ‫לשיפור אחוז ההמרה‬ ‫‪www.tamirco.com‬‬
  • 90. ‫מדידה ואופטימיזציה‬ ‫בריף שיווקי‬ ‫אפיון ועיצוב‬ ‫אנליטיקה‬‫‪www.tamirco.com‬‬
  • 91. ‫מדידה ואופטימיזציה‬ ‫ביצוע ניסוי‬‫קבלת פידבק על הוריאציות השונות שבדקנו‬ ‫באמצעות מדידת אחוזי המרה.‬‫‪www.tamirco.com‬‬
  • 92. ‫מדידה ואופטימיזציה‬ ‫סוגי ניסויים מקובלים‬ ‫‪A/B‬‬ ‫‪Multivariate‬‬‫‪www.tamirco.com‬‬
  • 93. ‫מדידה ואופטימיזציה‬ A/B Test+60% www.abtests.com > www.vendio.com www.tamirco.com
  • 94. ‫מדידה ואופטימיזציה‬ Multivariate Test www.abtests.com/ > www.citycliq.com/www.tamirco.com
  • 95. ‫קצת קוד...‬ ‫למה זה מעניין אותי? שהמתכנת ישבור את הראש.‬ ‫• שימוש בפונט מערכת ישפר את הטעינה, הקריאוּת וה ‪.QS‬‬‫• יצירת עמוד תודה בעמוד נפרד תסייע במדידת המרה אמינה יותר.‬ ‫• חלוקת העמוד לאלמנטים ברורים תסייע ביצירת‬ ‫‪Multivariate tests‬‬ ‫‪www.tamirco.com‬‬
  • 96. .‫תודה רבה‬ www.tamirco.comwww.tamirco.com
  • 97. ‫קישורים וכלים‬ ‫סקר איגוד האינטרנט הישראלי‬ http://data.isoc.org.il/data/75 :‫דגשים לבניית עמוד נחיתה איכותי על פי גוגל אדוורדס‬ How do I create a high quality landing page? Landing page and site quality guidelines :‫כלים לביצוע ניסויים בעמודי נחיתה‬ Google website optimizer Optimizely Visual Website Optimizer ‫דוגמאות לניסויים ותוצאותיהם‬ Which Test Won? A/B Testswww.tamirco.com