פילטרים בעמוד קולקציה: לעזור ללקוח למצוא מהר בלי לאבד אותו

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

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

מתי הפילטרים הם צוואר הבקבוק

• יש עשרות או מאות מוצרים באותה קולקציה.
• הלקוחות שואלים ״יש במידה X / בצבע Y?״ למרות שהמלאי קיים.
• בנייד כפתור הפילטר קטן, אפור, או נפתח לתפריט מבלבל.

מה לשפר בפועל

• חשיפה: כפתור ״סינון״ ברור בראש הרשת, לא רק אייקון עדין.
• פילטרים נפוצים חשופים: מידה, צבע, מחיר — לפעמים כשורה מעל המוצרים (exposed filters).
• תוויות בעברית פשוטה: ״מידה״ במקום מונח טכני פנימי מהספק.
• ספירת תוצאות: ״12 מוצרים״ אחרי סינון, כדי שהלקוח יבין שמשהו קרה.
• ניקוי מהיר: כפתור ״נקה הכל״ תמיד זמין.

תשתית נתונים לפני עיצוב

פילטר יפה על תגיות מבולגנות לא יעזור. לפני שמשנים UI:

1. יישרו product type, tags או metafields לפי מה שהלקוח באמת מסנן לפיו.
2. הימנעו מכפילויות כמו ״שחור״ ו-״Black״.
3. סננו החוצה ערכים ריקים או נדירים שמבלבלים.

איך מיישמים בשופיפיי

1. הפעילו סינון Storefront על השדות הנכונים (או באפליקציית filtering אם התבנית מוגבלת).
2. בתבנית: הגדילו ניגודיות לכפתור הסינון בנייד, ובדקו מרווחי לחיצה.
3. שקלו sticky filters בגלילה ארוכה — בזהירות, בלי להסתיר מוצרים.
4. בדקו עם 3 תרחישים אמיתיים: ״מחפש מידה M בצבע כחול מתחת ל-₪200״.

מה למדוד

• שיעור שימוש בפילטרים (אם יש אנליטיקה לאירועים)
• זמן עד הוספה לעגלה מהקולקציה
• שיעור יציאה מעמודי קולקציה גדולים

שאלות נפוצות

כמה פילטרים זה יותר מדי?

התחילו מ-3–5 החשובים ביותר. אפשר להסתיר את השאר תחת ״עוד סינונים״.

פילטר צבע עם דוגמית או עם שם?

דוגמית + שם עדיפים לנגישות ולבהירות, במיוחד כשיש גוונים קרובים.

פילטרים זה קודם נתונים, אחר כך עיצוב

אפשר לצבוע כפתור סינון בירוק זוהר — ואם התגיות בקטלוג הן בלגן של ״שחור / Black / black ״, הלקוח עדיין לא ימצא כלום. לפני פרויקט עיצוב, עשו סבב קצר של ניקיון:

• רשימת ערכי צבע / מידה / חומר בפועל בייצוא
• איחוד כפילויות וכתיב
• החלטה מה מסננים לפי tag, מה לפי metafield, ומה לפי variant option

בלי זה, כל שיפור UI יהיה זמני ויישבר עם ייבוא המוצרים הבא.

נייד קודם

רוב הגלישה לקטלוג מגיעה מהטלפון. בדקו במכשיר אמיתי:

1. האם כפתור הסינון נראה בלי להסביר איפה הוא?
2. האם אחרי בחירת מידה רואים מיד כמה מוצרים נשארו?
3. האם אפשר לנקות סינון בלי לרענן את כל העמוד?
4. האם הפילטרים לא מכסים את שורת המוצרים הראשונה?

אם הלקוח צריך שלוש לחיצות כדי לסנן מידה אחת — חלק יוותרו ויחזרו לחיפוש גוגל.

דוגמה לסדר עדיפויות

לחנות עם 400 פריטי לבוש התחילו ממידה וצבע כשורה חשופה, והעבירו ״מבצע / חדש״ לתפריט משני. אחרי שבועיים בדקו באנליטיקה אם יותר סשנים הגיעו לדף מוצר מהקולקציה. לא כל שינוי פילטר חייב A/B פורמלי; לפעמים מספיק לפני/אחרי עם תנועה יציבה. את צילומי המסך שמרו בבנק רעיונות לשיפור המרות לעבודה הבאה עם המעצב.

תוכנית לשבוע הקרוב

יום 1: ייצאו ערכי תגיות/אופציות ונקו כפילויות בצבע ומידה. יום 2: בחרו 3–5 פילטרים מרכזיים לקולקציה הגדולה ביותר. יום 3: שפרו את כפתור הסינון בנייד (גודל, ניגודיות, מיקום). יום 4: הפעילו exposed filters אם התבנית מאפשרת. יום 5: עשו בדיקת מסלול — ״מצא מידה M בצבע כהה מתחת לתקציב X״ — עם שני אנשים מהצוות שלא מכירים את הקטלוג.

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

סיכום קצר לבעל החנות

אל תנסו להעתיק חנות גדולה מחו״ל אחד לאחד. קחו את עקרון הרעיון, התאימו אותו לשפה, למשלוחים ולציפיות של קונים בישראל, ובדקו שינוי אחד בכל פעם. רשמו מה שיניתם, מתי, ואיזה מדד אתם עוקבים אחריו. כך כל שבוע נבנית אצלכם רשימת למידה אמיתית — לא רק רשימת באנרים שהחלפתם.

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

רוצים שנעבור על הקולקציות והפילטרים בחנות? דברו איתנו ונבנה סדר עדיפויות קצר לתיקון.