בפרק הקודם ראינו דוגמה נפלאה של עמוד המוצר בדסקטופ של אתר הריהוט Joybird. והשאלה המתבקשת – איך זה נראה במובייל?
מה שיפה באתר המובייל של המותג, הוא שנעשו בחירות מודעות לסידור התכנים, בצורה אחרת מאשר בדסקטופ, ויחד נעבור על כמה מהן.
נחיתה על עמוד המוצר במובייל
שימו לב למה שקורה כאן. קודם כל מופיע כל המידע ה"יבש" על המוצר – שם, מחיר וכו'. אבל בניגוד לדסקטופ, התמונה הראשונה שרואים היא תמונת לייפסטייל (גם פה יש התייחסות לצבע הספציפי של הפריט). ולמה התמונה הזו פה ולא תמונת פקשוט? בגלל אפשרויות בחירת הצבעים וההשפעה שלה על תמונת המוצר.
אם תתעלמו לרגע מהכפתורים של ה cookies והוואטסאפ (למען השם למה ככה?!), תראו שאופן הצגת הפילטרים ובחירת הצבעים שונה פה מאשר בדסקטופ – אין פה אפשרות/ מקום לראות את כל אפשרויות הבדים – כי פשוט במובייל זה יהיה מיותר. אם אנחנו בוחרים צבע, אנחנו רוצים לראות את הביטוי של בחירת הצבע החדש על דגם המוצר שבחרנו – ובמקרה הזה, אם היו מציגים את כל 79 האפשרויות, הלקוח היה פשוט גולל למעלה ולמטה בחוויה מתישה ומייגעת.
ולכן, מראש יש פה רצון להקל על לקוח המובייל עם אפשרות סינון לפי סוג בד/ מאפיין, ואפשרות לסנן לפי צבעים גם בתור פילטר בפני עצמם וגם כתת פילטר בתוך המאפיין. כלומר אני יכולה לראות רק את בדי הקטיפה ממשפחת הכחולים.
השמישות בפועל של הפילטרים לא משהו – אבל אי אפשר שלא להעריך את החשיבה ששמה את הלקוח במרכז.
שימו לב לאייקון הכמעט בלתי נראה של הסרגל והחץ (=מידות) שמוצג בצד ימין. בניגוד למיקום שלו בדסקטופ (חלק מהגלריה או תוכן שמתגלה בגלילה), מסך המידות של הספה נפתח כמודל כבר בשלב הזה של השיטוט בעמוד המוצר במובייל.
כפתור הוספה לסל במובייל
רק אחרי שהלקוח בחר את כל הדברים הרלוונטיים להמשך תהליך הרכישה מופיע לו כפתור ההוספה לסל. אין טעם להפוך את הכפתור לסטיקי במובייל של אתר כזה, כי הוא לא באמת יהיה שמיש. אנחנו צריכים להיות בטוחים שהלקוח ביצע את הבחירות המתאימות עבורו ולא כי יש בחירות דיפולט של האתר, ושהוא מבין ורואה שבדים שונים מוצגים בתמחור שונה.
גם פה יש שינוי במיקום האייקונים של אמנת השירות – בדסקטופ הם מופיעים מתחת לגלריית התמונות, כאן הם מופיעים מתחת לכפתור ההוספה לסל – הגעתם עד לפה, קבלו אקסטרה בוסט של חיזוק רלוונטי לקבלת החלטת הקנייה.
אחרי הפרק הארוך הקודם בו אכלתי לכם את הראש (בחינניות, תודו), הפרק הזה קצרצר ממש אבל החשיבות שלו גדולה. אל תלכו על הסידור האוטומטי של עמוד המוצר שלכם במובייל לפי התבנית ה"רגילה" או הנחה של התכנים אחד מתחת לשני בלי מחשבה. אם יש לכם אפשרות (ותמיד יש) – תבדקו כל הזמן מה עובד נכון יותר עבור הלקוחות שקונים את המוצרים הספציפיים שלכם. שחקו עם מיקומים, בידקו מה אפשר לתת למשתמשי מובייל שאי אפשר בדסקטופ (רמז – AR) וכו'. שלוש מילים יש לי אליכם – לבדוק, לבדוק, לבדוק.
אלה עדיין לא מילות סיכום של הסידרה. יש עוד לפחות פרק אחד והוא מעיף את המוח ממש!
בנתיים, שיר לסיום הפרק – מה קורה אם אתם קונים ספה אונליין ומישהו בדיוק מתקשר אליכם?
לינקים לשאר הפרקים:
פינגבאק: איך מוכרים ספה באינטרנט? - פרק 2 - The Spetz Blog
פינגבאק: איך מוכרים ספה באינטרנט? - פרק 3 - The Spetz Blog