यूआई लीडरबोर्ड और मिशन कार्ड: सर्वश्रेष्ठ अभ्यास
1) यह सब क्यों: यूआई लक्ष्य
लीडरबोर्ड: तुरंत समझाएं "कौन है" और आगे क्यों खेलना है; निकटतम लक्ष्य दिखाएँ (+ N बिंदु app से पहले)।
मिशन कार्ड: लंबे नियमों को 10-30 मिनट के लिए एक समझने योग्य "कार्रवाई इकाई" में बदल दें।
2) नेतृत्व बोर्ड सूचना पदानुक्रम
स्तम्भों का न्यूनतम सेट:1. स्थिर चौड़ाई और बड़ी संख्या के साथ स्थान (#)।
2. खिलाड़ी (अवतार/फ्रेम/शीर्षक, लघु उपनाम) - क्लिकेबल → प्रोफ़ाइल।
3. अंक/रेटिंग मीट्रिक (SP/MMR/घटना बिंदु) - दाईं ओर संरेखित करें।
4. पुरस्कार/रैंक क्षेत्र (दुर्लभता आइकन/पुरस्कार रेंज)।
5. समय/चरण (लाइव/क्वालीफायर/फाइनल), अंत टाइमर।
पैटर्न:- अपनी पंक्ति को उभारें (चिपचिपा पंक्ति + "मेरे पास वापस आओ")।
- "लक्ष्य करने के लिए सीमा": छोटी मृत्यु "− 48 एसपी से TOP-100."
- टाई ग्लिंग (समान बिंदुओं के लिए "टी -10")।
3) नियंत्रण और नेविगेशन
फ़िल्टर: लीग/डिवीजन, क्षेत्र, दोस्त, "सिर्फ मेरा प्रदाता।"
स्थान (डिफ़ॉल्ट) द्वारा, बिन्दुओं द्वारा, प्रवेश समय से, पुरस्कार क्षेत
पृष्ठभूमि बनाम अनंत स्क्रॉलिंग:- डेस्कटॉप - पृष्ठभूमि + "अपने आप को", मोबाइल - अंतहीन स्क्रॉलिंग, लेकिन "शुरुआत/अपने आप को" के साथ।
- जंप-टू रैंक: त्वरित संक्रमण के लिए एक रैंक इनपुट क्षेत्र (स्केल बोर्ड के लिए महत्वपूर्ण)।
4) लाइव अपडेट (कोई चिकोटी नहीं)
डिफ अपडेट: हम केवल उन लाइनों को बदलते हैं जो वास्तव में चले गए हैं।
लाइन आंदोलन का एनीमेशन: 120-200 एमएस, सहजता से बाहर; कोई कूदता नहीं है।
एंटी-फ्लिकर: बैच हर 1-2 सेकंड (अधिक बार नहीं) अपडेट करता है।
आशावादी अपडेट: स्थानीय रूप से अंक जोड़ें और "तुल्यकालन"... चिह्नित करें।
5) यूआई लीडरबोर्ड में अखंडता और सुरक्षा
नियमों की व्याख्या: बटन "चश्मा कैसे गिना जाता है?" शीर्षक के बगल में।
एंटी-बदमाशी: उपनाम (विकल्प) का मुखौटा हिस्सा, एक विषाक्त नाम के बारे में शिकायत - 1 क्लिक करें।
संदिग्ध खातों का निशान: दूसरों से छिपा; खिलाड़ी - "आपके अंक जांचे जाते हैं।"
विभाजन अलगाव: नेत्रहीन अलग-अलग लीग बैज ताकि मजबूत लोग शुरुआत के साथ मिश्रण न करें।
6) एक मिशन कार्ड की शारीरिक रचना (एक-नज़र डिजाइन)
शीर्षक (≤ 40-50 वर्ण), मिशन प्रकार आइकन।
संक्षिप्त विवरण (क्या करना है, कहाँ, कितना के लिए)।- संख्या/प्रतिशत + समय अनुमान के साथ प्रगति पट्टी (≈ 20-25 मिनट)।
- कठिनाई (1-3 अंक) और इनाम की दुर्लभता (रंग/चेहरा)।
- पुरस्कार: "मौद्रिक" सबटेक्स्ट के बिना टोकन/सौंदर्य प्रसाधन (छोटे लघु)।
- शब्द: नरम रंग के साथ समाप्ति तक टाइमर (अंतिम 10% में नारंगी/लाल)।
- सीटीए: "स्टार्ट "/" जारी रखें "/" पिक अप "- एक मुख्य बटन।
- द्वितीयक: "परिवर्तन मिशन" (यदि अनुमति दी जाती है), "अधिक" (मोडल नियम)।
7) मिशन कार्ड राज्य
लॉक: ग्रे, संकेत के साथ "स्तर 7 के बाद खुलेगा "; CTA = "आपको क्या चाहिए? ».
उपलब्ध: रंग प्रकार से; CTA = "स्टार्ट"।
इन-प्रगति: प्रगति बार सक्रिय, CTA = "जारी रखें।"
पूरा: ग्रीन चेक; CTA = "पिक अप" (प्रभाव ≤ 1 सेकंड)।
समाप्त: पीला; सीटीए = "छिपाएं "/" सीज़न एन में दोहराएं "
होल्ड पर (ईमानदारी की जाँच): पीला मरना "परिणाम 1-3 मिनट की जाँच करें।"
8) दृश्य भाषा और पहुँच
दुर्लभ रंग: सामान्य (तटस्थ), दुर्लभ (नीला), महाकाव्य (वायलेट), पौराणिक (सोना), मिथिक (इंद्रधनुष उच्चारण)।
शब्दार्थ रंग: सफलता/प्रगति - हरा, चेतावनी - एम्बर, समय सीमा - लाल।
कंट्रास्ट ≥ 4। 5: 1, मोबाइल पर फोंट ≥ 14-16 पीएक्स।
सब कुछ महत्वपूर्ण केवल रंग में नहीं है (प्रतीक/पैटर्न)।- मितव्ययी VFX: 0। 6–1. 2 सी, बिना नियंत्रण ओवरलैप के।
- अनावर: टेबल → कार्ड (2 कॉलम टैबलेट, 1 कॉलम फोन); फिक्स्ड हेडर।
9) राज्यों, शून्य और त्रुटियों को लोड करना
टेबल और कार्ड के लिए कंकाल (3-5 लाइनें/टाइल्स)।
रिक्त अवस्था: उपयोगी पाठ + "लॉन्च मिशन प्राप्त करें।"
नेटवर्क त्रुटियां: "दोहराएं" के साथ समझने योग्य; ऑफ़ लाइन - कैश दिखाएं और चिह्नित करें "अंतिम अपडेट: 14:02।"
10) प्रदर्शन
वर्चुअलाइजेशन (300 + पंक्तियाँ) की सूची।
स्प्राइट्स/लोटी (अनावश्यक रूप से एक एसवीजी चिड़ियाघर नहीं) के रूप में आइकन।
डेब्यू फ़िल्टर/खोज (300-500 एमएस)।
बोर्ड/मिशन के लिए क्लाइंट कैश और ईटीएजी।
11) यूआई मिशनों में ईमानदार सामग्री और दुरुपयोग
लघु "यह कैसे काम करता है": ड्रॉप मौका, दया तर्क, माउथगार्ड, कोई विपणन नेबुला।
एंटी-फार्म पैटर्न: नोट "विविधता" - प्रदाता/शर्त बदलने पर प्रगति तेज है।
"चेंज मिशन" बटन पर कूलडाउन और एक संकेत जब आप फिर से कर सकते हैं।
12) मेट्रिक्स जो वास्तव में मायने रखता है
सीटीआर मिशन कार्ड, प्रारंभ दर, पूर्णता दर, मेडियन टीटीसी।- मिशन व्युत्पन्न सौंदर्य प्रसाधनों के लिए सुसज्जित दर/अवधि।
- लीडरबोर्ड एंगेजमेंट: "अपने आप को", "प्रोफाइल टू गो", दृश्यता समय पर क्लिक करें।
- VFX/सूचनाओं पर शिकायत/मूक दर।
- चिपचिपाहट (DAU/MAU) और मिशन/टूर्नामेंट में शामिल लोगों के लिए D7/D30 उत्थान।
- सपा द्वारा गिनी: समान खेल समय में प्रगति की शानदारता।
13) ए/बी विचार
1. प्रगति पट्टी प्रारूप: संख्यात्मक + दृश्य बनाम केवल दृश्य।
2. समय मूल्यांकन: दिखाएँ/न दिखाएँ; शुरुआत पर प्रभाव।
3. सीटीए लेआउट: एक बड़ा बनाम दो समान बटन।
4. डिफ़ॉल्ट छंटाई: पुरस्कार क्षेत्र द्वारा स्था
5. डेडलाइन बैकलाइट थ्रेशोल्ड: टी -10% बनाम टी -20% समय।
6. लीडर बोर्ड में "अपने आप को": बनाम बटन हमेशा एक निश्चित स्ट्रिंग होता है।
14) JSON योजनाओं के उदाहरण (सामग्री → UI)
मिशन कार्ड
json
{
"आईडी": "एम। एस 4। प्रदाता। विविधता "" शीर्षक ":" खोलें तीन प्रदाता "," सारांश ":" 30 मिनट में 3 अलग-अलग प्रदाताओं के साथ खेलें "," कठिनाई ":" मध्यम "," : 25 ", प्रगति": {"वर्तमान": 2, "लक्ष्य": "पुरस्य": {"टोकन": 10, "दुर्वरण": ":": ":" 0। 1}} ", " : 00:" "राज्य": " " "cta": {"लेबल": "जारी रखें", "डीपलिंक": "ऐप ://ओपन/लॉबी? टैब = प्रदाता"}
}
लीडरबोर्ड पंक्ति
json
{
"रैंक": 124, "उपयोगकर्ता": {"आईडी": " " "नाम": "सीफॉक्स", "": "पौराणिक। लहर"} ", स्कोर": 18420 ", लीग": "गोल्ड I", " : "शीर्ष 100", " : 47 ", : गलत ", स्टेज": "क्वालीफायर", " : ""
}
15) माइक्रोकॉपी (छोटा और स्पष्ट)
मिशन शुरू हुआ - "चलो चलते हैं! ≈ 20 मिनट बचे हैं।"
प्रगति को उत्साहित करना - "पुरस्कार से पहले 1 और प्रदाता।"
डेडलाइन - "10% समय, आपके पास एक बार में समय होगा।"
ईमानदारी की जाँच - "हम परिणाम की जाँच करते हैं (3 मिनट तक) - इनाम बच जाता है।"
16) प्री-रिलीज़चेकलिस्ट
- 320 px पर पढ़ ने योग्य तालिकाएं; "खुद के लिए" और चिपचिपा हेडर है।
- मिशन कार्ड स्पष्ट हैं "एक नज़र में": लक्ष्य, समय, इनाम, सीटीए।
- झिलमिलाहट के बिना वास्तविक समय अपडेट; डिफ पैच और कसाई आवृत्ति।
- यह कैसे काम करता है स्क्रीन: बिंदु/कैप/दुर्लभता सूत्र।
- शोर नियंत्रण: VFX सीमा/मिनट, रात शांत मोड।
- एक्सेसिबिलिटी: कंट्रास्ट, न केवल रंग, कीबोर्ड नेविगेशन।
- एंटी-एब्यूज: कूलडाउन "चेंज मिशन", परिवर्तनशीलता को उजागर करता है।
- मेट्रिक्स और ए/बी योजना स्थापित; क्लिक करें और लॉग सिंक करें।
लीडरबोर्ड और मिशन कार्ड का एक मजबूत यूआई तत्काल पढ़ ने योग्यता, नरम गतिशीलता, ईमानदार पारदर्शिता और नियंत्रित शोर है। खिलाड़ी को निकटतम लक्ष्य, समझ में आने वाली प्रगति और साफ वीएफएक्स दें, अपडेट को स्थिर रखें और नियम स्पष्ट रखें। फिर बोर्ड प्रतियोगिता का इंजन बन जाता है, और मिशन कार्ड एक सुविधाजनक "कार्रवाई की इकाई" बन जाता है, जो व्यवस्थित रूप से सगाई और प्रतिधारण को बढ़ाता है।