עיצוב ופיתוח דף חיפוש מותאם אישית
משתמש מזין שאילתה, אך ממשק החיפוש מציג רשימה ריקה. תרחיש טיפוסי זה גורם לאובדן של עד 40% מהתנועה. אנו מעצבים פונקציונליות חיפוש שמתמודדת עם כל מקרה: משדה ריק ועד סינון מורכב. בפרויקט מסחר אלקטרוני בתחום האלקטרוניקה, שיפרנו את דף תוצאות החיפוש: הוספנו השלמה אוטומטית, קיבצנו תוצאות לפי קטגוריות והדגשנו התאמות. שיעור הנטישה ירד ב-25% ועומק הגלישה עלה ב-40%. רקורד שלנו: למעלה מ-8 שנים ו-30+ פרויקטי חיפוש לאתרים בכל הגדלים.
לפי Nielsen Norman Group, 60% מהמשתמשים מעדיפים חיפוש על פני ניווט, מה שהופך את דף תוצאות החיפוש לכלי מרכזי לגישה מהירה לתוכן. ארכיטקטורת דף חיפוש נכונה מפחיתה את שיעור הנטישה ב-25% ומגבירה את עומק הגלישה. חיסכון בזמן איתור מידע יכול להגיע ל-50%.
שלושה מצבי חיפוש חובה
פונקציונליות החיפוש קיימת במספר מצבים, שכל אחד מהם דורש עיצוב נפרד.
-
חיפוש ריק — המשתמש פותח את
/searchללא שאילתה. סרגל חיפוש גדול, רמזים כמו שאילתות פופולריות או קטגוריות. - נמצאו תוצאות — התצוגה המרכזית. מחרוזת השאילתה בראש, מספר תוצאות, מסננים, רשימת תוצאות, דפדוף.
- אין תוצאות — עיצוב ייעודי: הצעות לשאילתות דומות, בדיקת איות, קישורים לסעיפים פופולריים. לפי מחקרי UX, 75% מהמשתמשים מצפים לדף "אין תוצאות" מועיל.
השפעת הדגשת התאמות על המרות
הדגשת התאמות היא קריטית. אנו משתמשים בתג <mark> עם צבע פלטה (בדרך כלל צהוב או ראשי-בהיר). זה מגביר את יכולת הלחיצה של התוצאות ב-30%. גם מיון חשוב: כברירת מחדל לפי רלוונטיות, אך עם אפשרויות לתאריך ופופולריות. כדי לשפר רלוונטיות, ניתן להשתמש בחיפוש משוקלל עם כותרות ותיאורי מטא.
ההדגשה מיושמת בצד השרת: מחרוזת השאילתה מפורקת לטוקנים ומושוואת לשדות אינדקס. התאמות עטופות ב-<mark> באמצעות ביטויים רגולריים. עבור מערכי נתונים גדולים, אנו משתמשים במנוע החיפוש Elasticsearch עם מנתח מורפולוגיה רוסית.
עיצוב תוצאות
עבור רוב האתרים, עיצוב דו-טורי עובד: עמודה שמאלית (כ-280px) למסננים, עמודה ימנית לרשימת התוצאות. במובייל, המסננים עוברים למגירה או לאקורדיון מעל התוצאות.
לכל כרטיס תוצאה יש מבנה צפוי:
- סוג תוכן (תגית): מאמר, שירות, מוצר
- כותרת (ניתנת ללחיצה, עם הדגשה)
- כתובת URL או פירורי לחם — היכן הדף נמצא
- קטע טקסט — 2–3 שורות עם הדגשת מילות מפתח
- מטא (אופציונלי): תאריך, מחבר, קטגוריה
מסננים ומיון
מערך המסננים תלוי בתוכן:
| סוג מסנן | דוגמאות |
|---|---|
| לפי סוג דף | מאמר, מקרה בוחן, שירות |
| לפי תאריך | חודש אחרון, שנה אחרונה, טווח |
| לפי קטגוריה | תגיות, סעיפים |
| לפי שפה | לאתרים רב-לשוניים |
מסננים פעילים מופיעים כתגיות מעל התוצאות — עם כפתור הסרה לכל אחד וכפתור "נקה הכל".
למה דפדוף עדיף על גלילה אינסופית לחיפוש?
| פרמטר | דפדוף | גלילה אינסופית |
|---|---|---|
| שליטה בניווט | גבוהה: המשתמש רואה מספר כולל ויכול לבחור עמוד | נמוכה: קשה לחזור לתוצאה ספציפית |
| מהירות טעינה | כל עמוד נטען בנפרד | נתונים נטענים תוך גלילה, עיכובים אפשריים |
| UX לרשימות ארוכות | מתאים: קל לקפוץ לעמוד 5 או 20 | מעייף: גלילה אינסופית |
לחיפוש, אנו ממליצים על דפדוף. זה מאפשר למשתמשים להגיע במהירות לעמוד ספציפי — הם מוצאים מידע פי 2 מהר יותר. גלילה אינסופית מוצדקת רק לפידים ברשתות חברתיות.
מה כלול בעבודה?
בהזמנת עיצוב דף חיפוש סוהר, אנו מספקים:
- ניתוח קהל ותרחישים.
- עיצוב כל שלושת המצבים והמעברים ביניהם.
- אבות טיפוס לדסקטופ + מובייל (Figma או Sketch).
- רכיבי UI-kit (סרגל חיפוש, מסננים, כרטיס תוצאה, דפדוף).
- מפרט המתאר מצבים, אנימציות וכללי הדגשה.
- העברה למפתחים: נכסים, תיאורי התנהגות, אבטחת איכות.
לוח זמנים ואחריות
העיצוב אורך 3 עד 5 ימים בהתאם למורכבות. אנו מבטיחים שהעיצוב עומד בCore Web Vitals ומתאים לכל מכשיר. צרו קשר לבדיקת החיפוש הנוכחי שלכם — קבלו ייעוץ על מבנה ומסננים. הזמינו עיצוב דף חיפוש סוהר לשיפור חוויית המשתמש והמרות. עיצוב סוהר מתחיל ב-$1,500.