Empty state = ההזדמנות שרוב המוצרים מפספסים. במקום ‘no items’ – זה יכול להיות רגע ההמרה שלכם.
3 סוגי Empty States
First-time empty: משתמש חדש שלא הוסיף עדיין כלום. הכי חשוב – זה ההזדמנות ל-onboarding.
User-cleared empty: משתמש שהיה לו תוכן ומחק אותו. מצב נדיר, פחות קריטי.
No-results empty: חיפוש/פילטר שהחזיר ריק. חשוב להציע פעולה חלופית.
First-time Empty – איך מעצבים
Bad: ‘No items yet’ עם קופסה ריקה.
Good: (1) הסבר קצר של הפיצ’ר, (2) primary CTA לפעולה הראשית, (3) secondary link ל-tutorial או video.
Great: sample data שהמשתמש רואה ‘איך זה נראה כשיש תוכן’. גם aspirational (מה הוא ישיג) וגם demonstrative (איך המוצר עובד).
עיצוב visual
Illustration קטנה: לא image ענק, לא סתם icon. Illustration תמציתית שרלוונטית לתוכן.
מרווח לבן: הרבה. Empty state ריק לא צריך להיות דחוס.
Typography ברורה: כותרת (מה חסר), sub (מה לעשות), CTA.
No-Results – איך להפוך לתוצאה
‘Sorry, no results’ זו סתם הצהרה. הצע פעולות:
‘Search suggestions’: מילים דומות שהחזירו תוצאות.
‘Clear filters’: לפעמים המשתמש עשה over-filter.
‘Popular searches’: מה אחרים מחפשים.
‘Contact us’: לפעמים המשתמש צריך משהו שלא קיים – אולי פיצ’ר עתידי.
דוגמאות מפרויקטים
ב-Podd: empty inbox = הצעה לחיבור integrations. המשתמש רואה 5 אפשרויות (Gmail, Slack וכו’) ולוחץ על הרלוונטית.
ב-ProperFlow: empty deals list = wizard לייבוא מ-Excel או להוספת deal ראשון.
מטריקות למדוד
Conversion rate מ-empty state ל-first action. 40-60% = טוב.
Time to first action מ-empty state. Target: פחות מ-2 דקות.
מבוסס על פרויקטים אמיתיים
המדריך הזה מבוסס על עבודה עם:
קריאה נוספת
אם המדריך הזה עזר לכם, אולי תרצו לקרוא גם על עיצוב UX/UI – המדריך המקיף שלנו לתחום.
רוצים לדבר על הפרויקט שלכם?
שיחת ייעוץ חינם, ללא התחייבות - הרעיון שלכם + הניסיון שלנו
רוצים לדבר על הפרויקט שלכם?
אנחנו מתמחים בפיתוח SaaS, פתרונות AI, עיצוב UX/UI ובניית אתרים. ספרו לנו מה אתם צריכים.
דברו איתנו ←