אתם יודעים מה? אולי לפני סידרה בנטפליקס אצא עם פודקסט על "איך מוכרים ספה באינטרנט". יקראו לו "ספותקסט".
בפרקים הקודמים ראינו מה הדרך הנכונה להציג את הספות בעמודי הקטגוריה, ואיך שימוש בפילטרים נכונים יכול לעזור ללקוחות שלכם לדייק את המוצרים שיתאימו להם.
היום נדבר על העמוד האהוב עלי מכל, המקום בו כל חלומות הקריאייטיב יכולים להתגשם, גן השעשועים של האיקומרס – עמוד המוצר. וגם פה נראה דוגמאות מעניינות לאיך ממשיכים להסיר את חסמי הקנייה הגדולים והקטנים, ונותנים מענה לכל שאלה (או תת-משימה במשימה הגדולה של רכישה אונליין של ספה לבית).
החלק של עמוד המוצר ארוך יחסית, אבל שווה. נתחיל בסקירה של אתר שכבר ראינו בפרקים הקודמים – Joybird. החבר'ה האלה שם יודעים לעשות את העבודה כשזה קשור למכירה אונליין של המוצרים שלהם. כך נפתח עמוד המוצר כדיפולט, וזה המידע שמוצג above the fold:
אז מה יש לנו כאן?
תמונה
תמונה גדולה של המוצר כפקשוט. הלקוח הגיע לכאן מעמוד הקטגוריה, אנחנו רוצים לאשר לו שהמוצר שהוא לחץ עליו הוא אכן המוצר שאותו הוא רואה עכשיו – אין שום צורך לבלבל אותו או להתחיל לגרום לו לנחש אם זה מה שהוא התכוון אליו בעמוד הקודם.
מה שמפתיע אותי הוא שיש עוד המון תמונות של המוצר, אבל כהחלטה עיצובית הם החליטו להשאיר את האיזור הזה נקי לגמרי ולהציג את התמונות הנוספות רק בגלילה למטה. ההימור שלי הוא שעוד סטריפ של תמונות, קטנות ככל שיהיו, בעמוד הזה עם כמות התוכן שיש בו, היה מוסיף עוד עומס ויזואלי וקוגניטיבי – ואנחנו פה הרי לפרק את המשימה ולא להעמיס.
מידע ראשוני
אנחנו רואים את שם המוצר (שמכיל כבר את הצורה והמאפיינים שלו), את הדירוג וכמות חוות הדעת, מחיר רגיל ומחיר מבצע (כולל "כמה חסכת" שהאמריקאים מאוד אוהבים), אפשרויות התשלומים והגדלים האפשריים לספה הזו.
הקלקה על הגדלים האפשריים פותחת את אפשרויות הגודל של הספה כ – Expand (אקורדיון). נכון שאפשר היה לפרוס את אפשרויות הגודל ולא "להחביא" אותן בתוך פאנל נפתח – אבל מבחינת Joybird מספיק לציין שיש עוד גדלים ואז להראות אותם, ולא להפוך את אופציית בחירת הגודל לעוד שלב בתהליך.
אפשרויות צבעים/ בדים
וואיי וואיי וואיי, זה UX לפנתיאון. לספה הזו יש 79 אפשרויות לבחירת צבעים/ בדים. אם כל הצבעים היו נפתחים כברירת מחדל, זה המסך שהיינו מקבלים:
מאוד מרשים אבל אמאל'ה מאיפה מתחילים. זוכרים את עניין אפשרויות הבחירה המרובות מידי? Paralysis of choice? זה אולי נחמד לעבור בין כל האופציות אבל מהר מאוד זה נהיה מתיש. אז Joybird עשו שני דברים: קודם כל הם מאפשרים פה סינון על פי משפחות צבעים, ואפשרות תצוגה על פי משפחות (סוגי בדים) או Tier (רמות של בדים שקשורות למהירות משלוח וסגנון עיצובי).
גם בתוך כל אפשרויות הצבע האלה יש שני דברים מאוד ברורים – מה האופציה שנבחרה מתוך כל האפשרויות (סימון V על ה swatch), ומה שם הצבע והמחיר שלו. לסוגי הבדים השונים קיימים גם מחירים שונים. אם לא נסביר ללקוחות למה הספה שהם ראו בעמוד הקודם עלתה $1,000 ועכשיו בבחירת בד שונה היא עולה פתאום $1,250 – לא רק שהם לא יבינו איך זה קרה, הם גם יאבדו אמון במותג ולא ירכשו באתר.
אבל Joybird לא מציגים את כל האפשרויות בכניסה לעמוד המוצר. זו אופציה אחת מתוך סט של פילטרים שהם הגדירו. כך נראה איזור בחירת הצבעים עם הכניסה לעמוד:
ברירת המחדל היא על הפילטר של הצבעים הפופולריים ביותר, וכמו שאתם יכולים לראות, מדובר בצבעים ובדים ממגוון משפחות.
אופציות נוספות לסינון מאפשרות תצוגה של בדים עמידים נגד שריטות בעלי חיים, בדים קלים לניקוי, בדים sustainable ובדים שעברו בדיקות מחמירות לחומרים כימיקליים מתנדפים (GreenGuard Gold), וכן אפשרות סינון של בדים קלים לניקוי – Safeguard. אבל הם לא רק אומרים את זה, הם מדגימים את זה בוידאו קצרצר:
במעבר עכבר על ה swatch נפתח פופ אפ עם מידע מורחב עליו, ובהקלקה משתנה גם תמונת המוצר בהתאם:
המידע על ה swatch מציג תמונת תקריב שלו, שמאפשרת כמעט להרגיש את הבד. כמובן השם, המחיר, המאפיינים ותיאור קצר. בגוונים שיש לגביהם גם דירוג – גם הוא מופיע באיזור זה.
שימו לב לעוד דבר חשוב ממש – אפשרות להזמין Swatch Kit בחינם. מדובר בסאמפלים של בד שמאפשרים לקבל הבנה מוחשית יותר של הצבע וסוג הבד. מבחינתי באתרי ריהוט מדובר בפיצ'ר שהוא MUST, וככל שמחיר הספה יקר יותר – כך חובה יותר שתהיה אופציה להזמנת קיט כזה של סאמפלים. אתם רוצים לדעת שהצבע אכן מתאים לכם לסלון ושהמגע של הבד נעים בעור. בעצם העובדה ש Joybird מציעים קיט חינם, הם גם נותנים ללקוחות הפוטנציאליים שלהם עוד "דחיפה" לשלב הבא במסע הלקוח, ובו זמנית זו הזדמנות נהדרת להגדיל את ה Database של המדוורים שלהם – מי שהגיע לשלב הזה במסע הלקוח בחיפוש הספה, מבושל יותר ויותר לקראת רכישה – ולמה לא לשמור איתו על קשר?
"לנעול את המחיר"
עוד פיצ'ר מעניין בעמוד הוא האפשרות שיש ללקוח "לנעול" את מחיר המבצע שמוצג כרגע באתר:
כדי להסביר למה הפיצ'ר הזה מעניין, נסביר קודם על מונח פסיכולוגי שבא פה לידי ביטוי UX-י:
Loss aversion – אנחנו, בני האדם, שונאים יותר להפסיד מאשר נהנים מלהרוויח. תחשבו על הפעם האחרונה שקיבלתם קנס של 100 ש"ח. מוכנה להתערב שהבאסה על הקנס היתה עמוקה יותר מאשר דרגת השמחה של למצוא 100 ש"ח ברחוב.
כלומר אם יש פה מבצע שמאפשר חסכון של כמעט $1,700 (37%), גם אם לא בחרנו כרגע את הספה (ואנחנו כבר יודעים שזה תהליך ארוך) – אנחנו יכולים לנעול את מחיר המבצע ולא להפסיד את ההזדמנות הזו לחסכון.
תראו גם כמה משמעותי הפיצ'ר הזה בעמוד – הוא מופיע גם כטאב ליד אפשרויות בחירת הבדים, ובחלק המוצג למעלה הוא מופיע על רקע צהוב בהיר, עם כפתור הנעה לפעולה בולט, כך שגם כשהוא מתחת לכל אפשרויות ה swatches הצבעוניות הוא לא הולך לאיבוד.
גלילה שניה
ברגע שהתחלנו לגלול את העמוד, מופיע מידע נוסף שכל כולו נועד לתמוך במכירה – איזור גלריית התמונות משמאל נשאר "נעוץ", והמידע נגלל מצד ימין. שימו לב לעובדה שכפתור ההוספה לסל לא מופיע Above the fold. בניגוד למה שהיה מקובל עד לפני כמה שנים, שהכפתור תמיד צריך להופיע לפני הגלילה הראשונה, אנחנו מבינים שאם לא נספק את כל המידע ההכרחי לביצוע הקנייה, אין שום טעם בלתקוע את הכפתור במקום לא רלוונטי (אותו הדבר עם מספר קליקים דרך אגב. אם הלקוחות שלכם צריכים לעבור דרך שלבים שונים כדי לבצע פעולה, אין מה לקצר להם את המסע רק כדי לקיים קונספט מוטעה)
בואו נפרק את התוכן שמוצג פה לחלקים, ונבין מה החשיבות שלו:
מכיוון שזוהי ספת ר' עם "רגל", הלקוח מתבקש לבחור באיזה צד יהיה ה-ר', וכדי להסביר מה המשמעות של הבחירה הזו, מופיע איור מתאים גם בכפתור עצמו, וגם הסבר גדול יותר בהקלקה על סימן השאלה שליד בחירת הצד:
האיור מציג את ההבדלים בין ר' שמאלית וימנית מאותה זווית, וגם כאן מופיעים כפתורי הבחירה – כלומר הלקוח לא רק רואה את ההסבר, הוא גם יכול לבצע את הבחירה במסך הזה ולהמשיך ל"משימה" הבאה.
2 הזדמנויות אפסייל של האתר – הראשונה היא הדום משלים, ואפשרות רכישת "ביטוח" לרהיט.
ביטוח לרהיט?
כן. ביטוח. תיראו את המיקרוקופי המדוייק – Protect your investment. לא Protect your sofa או Protect your purchase – הם משתמשים במונח "השקעה" ובכך נותנים תוקף להוצאה הכלכלית ולמסע הלקוח המורכב של רכישת הספה. המיקרו קופי הגאוני ממשיך גם בפופ אפ שנפתח לקבלת פרטים נוספים על אפשרויות הביטוח:
התוכניות המוצעות (של חברה צד שלישי) מציגות ביטוח שתקף לחמש שנים, כשהשמאלית נקראת בשם המעולה Life Happens Plan. למי מאיתנו לא קרו החיים עצמם, עם משקה שנשפך על הספה, קרעים או כתמים אחרים? ולמי שיש בעלי חיים, תוכנית יקרה יותר אבל עם הגנה נגד השריטות והקרעים שעלולים להגרם על ידם.
גם פה יש אפשרות להוסיף את תוכנית הביטוח כבר מהמסך הזה מבלי לחזור לעמוד הרגיל ולהקליק שם.
הוספה לסל
הנה הגיע סוף סוף כפתור ההוספה לסל. שימו לב שגם בגלילה לא רק תמונת המוצר משמאל נשארת "נעוצה", אלא גם המחיר ואפשרויות התשלום, כך שכשהלקוח מגיע לרגע הקנייה הוא לא צריך לגלול שוב למעלה להזכר כמה עלתה הספה.
עוד מידע חשוב – ברגע שמילאתי את המיקוד של הכתובת אליה אמור להגיע המשלוח, אני מקבלת חיווי בולט של זמן האספקה.
ביקורות וחוות דעת גולשים
גם הדירוג הכללי של הביקורות והיילייטס מחוות הדעת של הגולשים, כולל תמונות של הספה בבית שלהם, מופיעים באיזור התוכן. בהקלקה אפשר לעבור לכל חוות הדעת.
מענה על חסמים וחיזוק אמנת השירות
בתחתית תמונת המוצר יש שלושה אייקונים + לינקים לפתיחת פופ אפים עם מידע שעונה על השאלות שעולות אצל מי שעומד לרכוש ספה : כמה יעלה לי המשלוח? ומה אם אני לא אוהב את מה שקניתי? ומה אם משהו שם לא יהיה בסדר? אכלתי אותה לגמרי?
Joybird נותנים מענה באמצעות תשובות רלוונטיות: עלויות משלוח (בהתאם לכתובת המשלוח בארה"ב, אפשרות השארת הספה ליד הבית ועוד), אפשרות התנסות למשך 90 יום ומדיניות ההחזרות ואחריות בסיסית לשנה לכל המוצרים באתר – מתייחסת לפגמים בקפיצים, במסגרת הספה וכו'.
גלריית תמונות
בצידו השמאלי של המסף אפשר לראות עכשיו שיש גלריית תמונות, תמונות נפרדות של המוצר בזוויות שונות ומדדי רוחב, עומק וגובה. גם כאן, הקלקה על האייקונים הקטנים של התמונות מאפשרת פתיחת פופ אפ עם הגלריה השלמה של כל התמונות, פקשוט ולייפסטייל, בצבעים שונים. מה שעוד נחמד באופן התצוגה הוא שיש ציון של הצבע הספציפי שמופיע בתמונה – כלומר אם אהבתם את הספה בכחול הירקרק הזה אין סיבה שתחפשו את הבד הזה לבד בין כל האופציות – יש פה גם את שם הבד וגם לינק לבחירת הצבע חזרה בעמוד המוצר.
זה עוד לא נגמר
עוד ועוד מידע נחשף בגלילה של העמוד – גדלים מדוייקים של כל החלקים של הספה, איך לנקות אותה וכמובן תצוגת קרוסלה של מוצרים אחרים שיעניינו אותך וקרוסלה של מוצרים שראית קודם.
כאמור בעיניי זו באמת יצירת מופת של הבנת דרך המכירה של מוצרי ריהוט וספות בעיקר באונליין, ואיך באמצעות UX אפשר להתגבר על כל חסם במסע הלקוח.
בפרק הבא נראה איך כל היופי הזה מוצג במובייל, ועוד כמה דוגמאות לפיצ'רים / תכנים תומכי מכירה.
אל תלכו לשום מקום!
לינקים לשאר הפרקים:
פינגבאק: איך מוכרים ספה באינטרנט? - פרק 3 - The Spetz Blog