रिक्त स्थिति और UX संकेत

1) खाली राज्यों की क्यों जरूरत है

• बताते हैं कि खाली क्यों,
• दिखाता है कि आगे क्या करना है,
• एक सुरक्षित पहला कदम पेश करता है,
• चिंता कम करता है और समर्थन समय बचाता है।

2) खाली राज्यों की टाइपोलॉजी

1. पहली बार - उपयोगकर्ता ने अभी तक कुछ नहीं किया है।

2. शून्य डेटा - इकाइयाँ नहीं बनाई गई हैं या सूची रिक्त है।

3. फ़िल्टर/खोज (कोई परिणाम नहीं) - सभी को बाहर रखा गया।

4. त्रुटि/अस्थायी अनुपलब्धता - नेटवर्क/सर्वर, लेकिन डेटा सिद्धांत रूप में है।

5. कोई अधिकार/प्रतिबंध - अभिगम अस्वीकृत, क्यूएएस/भूमिका/सीमा आवश्यक नहीं है।

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) सीटीए और विकल्प

प्राथमिक सीटीए मुख्य अगला चरण है (निर्माण/जमा/सदस्यता)।

द्वितीयक - "देखें डेमो", "आयात", "रीसेट फ़िल्टर"।

चयन सीमा: 2 सीटीए तक; बाकी "मोर" में है।

जोखिम/भुगतान के साथ - परिणामों और रद्द करने के बारे में पारदर्शी पाठ।

7) परिदृश्य द्वारा खाली राज्य

7. 1 पहला रन

3-5 चरणों की हाइड चेकलिस्ट: "एक भुगतान विधि जोड़ें", "एक प्रदाता चुनें।"

बटन + गाइड लिंक छोड़ें।

7. 2 कोई डेटा नहीं

रिक्त क्यों + CTA बनाएँ/आयात करें की एक छोटी व्याख्या.

संकेत: "आप CSV लोड कर सकते हैं" (टेम्पलेट से लिंक)।

7. 3 फ़िल्टर/खोज

दिखाएँ कि कौन से फ़िल्टर सक्रिय हैं और "रीसेट" बटन.

घनिष्ठ मैच या वैकल्पिक प्रश्न सुझाएं।

7. 4 त्रुटि/अनुपलब्धता

"हमें एक समस्या का सामना करना पड़ा। बाद में फिर कोशिश करें" + "रीट्री "/" सिस्टम स्थिति "