מצבים ריקים ורמזים UX

1) מדוע דרושות מדינות ריקות

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

2) טיפולוגיה של מצבים ריקים

1. פעם ראשונה - המשתמש לא עשה שום דבר עדיין.
2. אפס נתונים - ישויות לא נוצרות או הרשימה ריקה.
3. מסננים/חיפוש (ללא תוצאות) - התנאים לא כללו את הכל.
4. שגיאה/אי ־ זמינות זמנית - רשת/שרת, אך הנתונים הם עקרוניים.
5. אין צורך בזכויות/הגבלות - גישה נדחית, QAS/תפקיד/הגבלה.
6. תחזוקה - עבודה מתוכננת, המתנה.

3) מבנה קלפים ריק

סמל/איור (אין עומס יתר; ניגוד איי איי).
כותרת אחת: ”כאן הוא עדיין ריק”.

סיבה/הקשר: "עדיין לא הוספת... ”המסנן לא מצא גפרורים”

1-2 פעולות (CTA): ראשית (התרחיש העיקרי), משנית (אלטרנטיבית).
קישור להצלה (אופציונלי).
רמת עמוד: שמור על הניווט והמסננים הרגילים - אל תהפוך את המסך למבוי סתום.

html
<section class="empty" role="region" aria-labelledby="empty-title">
<svg aria-hidden="true" class="empty__icon"><!-- … --></svg>
<h2 id = "empty-title "> It's empty for now </h2>
<p> Create the first campaign or change the filters. </p>
<div class="actions">
<button class =" btn btn--primary "> Create campaign </button>
<button class =" btn btn--ghost "> Reset Filters </button>
</div>
<a class =" help" href = "/help/campaigns "> How it works </a>
</section>

4) טון וטקסט (קופירייטינג UX)

בבירור ובאדיבות. הימנע מ ”שגיאה 0x”...
הגיון = פעולה. ”מסנן האח” מים כלל את כל הרשומות. אתה רוצה לאפס את המסנן?
בלי רגשות אשם. אל תאשים את המשתמש בריקנות.
מחשבה אחת, משפט אחד.
לוקליזציה: הימנע ממטאפורות תרבותיות; סימניות + 20-30% מאורך הטקסט.

5) איורים ויזואליים

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

6) CTA וחלופות

CTA העיקרי הוא השלב הבא (יצירת/הפקדה/מנוי).
משנית - ”ראה הדגמה”, ”יבוא”, ”איפוס פילטרים”.
מגבלת בחירה: עד 2 CTA; השאר מופיע ב ”עוד”.
עם סיכונים/תשלומים - טקסט שקוף על ההשלכות וביטול.

7) מדינות ריקות לפי תרחיש

7. 1 ריצה ראשונה

בדיקת הייד של 3-5 שלבים: ”הוסף שיטת תשלום”, ”בחר ספק”.
דלג על כפתור + מנחה קישור.

7. 2 אין נתונים

הסבר קצר מדוע ריק + CTA צור/יבוא.
רמז: ”אתה יכול לטעון CSV” (קישור לתבנית).

7. 3 מסננים/חיפוש

הצג אילו מסננים פעילים ואת כפתור ה ”איפוס”.
מציע התאמות צמודות או שאילתות חלופיות.

7. 4 שגיאה/אי ־ זמינות

"התמודדנו עם בעיה. נסה שוב מאוחר יותר ”+” Retry ”/” Status System'