उपयोक्ता प्रोफ़ाइल अंतरफलक

1) सिद्धांत

1. प्रति स्क्रीन एक सोचा। प्रोफाइल = एक CTA प्रत्येक के साथ लघु स्व-निहित अनुभागों का एक सेट।

2. डिफ़ॉल्ट सुरक्षा। 2FA/sessions/devices की दृश्यमान स्थिति, कार्रवाई के लिए सरल रास्ते।

3. डेटा पारदर्शिता। क्या संग्रहीत है, क्यों, कैसे निष्क्रिय/डाउनलोड/हटाना है।

4. कोई ओवरलोड निजीकरण नहीं। केवल वास्तविक सेटिंग जो अनुभव को प्रभावित कर

5. संदर्भ कभी न खोएं। ड्राफ्ट, अंतिम अनुभाग पर लौटें, पूर्वानुमानित URL।

2) सूचना वास्तुकला

• प्रोफ़ाइल (अवतार, नाम, संपर्क)
• सुरक्षा (पासवर्ड, 2FA, उपकरण/सत्र)
• भुगतान (तरीके, ऑटो-सेव्ड पार्ट्स, इतिहास)
• सीमाएँ (जिम्मेदार खेल)
• केवाईसी (स्थिति, दस्तावेज़ अपलोड)
• वरीयताएँ (भाषा, मुद्रा, बाधाओं का प्रारूप, त्वरित दांव, विषय)
• सूचनाएं (प्रकार/चैनल, मौन/पाचन)
• गोपनीयता और डेटा (दृश्यता, डीएसएआर/निर्यात, खाता विलोपन)

पूर्ण पैन/सीवीसी कभी नहीं दिखाएँ; UX-केवल टोकन और मुखौटे।

3) प्रोफाइल हेडर

अवतार (लोड/क्रॉपिंग), प्रदर्शन नाम, आईडी/उपयोगकर्ता नाम।

स्थिति बैज: केवाईसी: अंडर रिव्यू/पास, 2FA: ऑन/ऑफ, रिस्पॉन्सिबल प्ले: एक्टिव।

त्वरित लिंक: "पासवर्ड बदलें", "ई-मेल/फोन की पुष्टि करें", "एक सीमा निर्धारित करें।"

html
<header class="profile-head">
<img class="avatar" alt="Аватар пользователя">
<div>
<h1>Имя пользователя</h1>
<div class="badges"><span class="badge">KYC: На проверке</span><span class="badge">2FA: Выкл</span></div>
</div>
<button class="btn btn--primary">Загрузить документы</button>
</header>

4) प्रोफाइल सेक्शन

क्षेत्र: नाम, जन्म तिथि, देश, इंटरफ़ेस भाषा।

संपर्क: ई-मेल (सत्यापन), टेलीफोन (ओटीपी)।

लोकेल: भाषा और देश से जुड़ी तारीख/समय/मुद्रा।

जन्म तिथि केवल केवाईसी के बाद समर्थन के माध्यम से संपादित की जाती है।

UX: प्रारूप प्रांप्ट, सॉफ्ट मास्क, डेबंकिंग के साथ ऑटो सेव, सफलता की पुष्टि।

5) सुरक्षा

पासवर्ड: वर्तमान पासवर्ड + गुणवत्ता नियमों (प्रेशर गेज/प्रांप्ट) द्वारा बदलें, आवश्यकताओं को पूर्वव्यापी रूप से न दिखाएं।

2FA: TOTP/SMS; सरल मास्टर स्ट्रीम: "→ QR → बैकअप कोड सक्षम करें।"

उपकरण और सत्र: सक्रिय इनपुट (डिवाइस/ओएस/स्थान/समय) की सूची, सीटीए "वर्तमान को छोड़ कर सभी को समाप्त करें।"

सामाजिक लॉगिन: पुष्टि के साथ बाध्यकारी/अनलिंकिंग।

6) भुगतान

भुगतान के तरीके: कार्ड (मास्क '1234'), A2A/wallets; डिफ़ॉल्ट स्थिति।

निष्कर्ष: यदि लागू हो तो माइक्रो-ट्रांसफर सत्यापन के साथ सहेजा गया विवरण (IBAN/वॉलेट)।

ट्रांजेक्शन इतिहास: प्रकार/तिथि/राशि, सीएसवी निर्यात द्वारा फ़िल्टर।

पारदर्शिता: आयोग/ईटीए और प्रक्रिया/अस्वीकृत/तैयार राज्यों में।

7) सीमाएँ (जिम्मेदार खेल)

प्रकार: जमा, दर, समय-बाहरी, स्व-बहिष्करण।

UX: रेडियो अवधि (दिन/सप्ताह/माह) + राशि, स्पष्ट पाठ "में प्रभावी होगा"...।

कमजोर होने की ओर परिवर्तन - विलंबित; कसना - तुरंत दूर।

8) KYC

स्टेपर: व्यक्तिगत डेटा दस्तावेज़ समीक्षा के तहत भेजना।

फ़ाइल आवश्यकताओं को साफ करें (प्रकार/आकार/स्पष्टता) + पूर्वावलोकन।

स्थिति और शर्तें, तत्परता के लिए अधिसूचना चैनल, प्रस्तुत दस्तावेजों का इतिहास।

9) वरीयताएँ

गुणांक का प्रारूप दशमलव/भिन्नात्मक/अमेरिकी है।

त्वरित दांव: यदि अनुमति दी जाए तो + "कोई पुष्टि नहीं" चेतावनी और पूर्ववत करें।

थीम: प्रकाश/अंधेरा/प्रणालीगत; नेत्रहीनों के लिए कंट्रास्ट मोड।

भू और भाषा: न्यायिक आवश्यकताओं (सामग्री/ब्लॉक सूची) को बनाए रखें लेकिन याद रखें।

10) नोटिस

चैनल: आवेदन में पुश/ई-मेल/एसएमएस/।

समूह: वित्तीय, गेमिंग, सामाजिक, विपणन (डिफ़ॉल्ट रूप से मध्यम)।

"परेशान न करें": समय सीमा और शर्तें (जैसे) रात में कोई विपणन नहीं)।

पूर्वावलोकन: अधिसूचना कैसी दिखती है, इसे कहां बंद करना है।

11) गोपनीयता और डेटा

प्रोफ़ाइल दृश्यता (यदि सामाजिक कार्य करता है): जो उपनाम/अवतार/गतिविधि देखता है।

डेटा लोडिंग (DSAR): लीड टाइम के साथ संग्रह के लिए अनुरोध; तत्परता पर अधिसूचना।

एक खाते को हटाना: एक विकल्प के रूप में परिणाम, अनुग्रह-अवधि, "फ्रीज" की व्याख्या करें।

सहमति लॉग: कुकीज ़/मार्केटिंग/शर्तें - दिनांक और संस्करण।

12) कार्रवाई का इतिहास

फ़ीड: प्रविष्टियाँ/निकास, पासवर्ड changes/2FA, भुगतान विवरण में परिवर्तन, सीमा।

फ़िल्टर और निर्यात; भू-आईपी और उपकरणों की व्याख्या।

CTA "यह आप नहीं थे?" → तेजी से पासवर्ड परिवर्तन और सत्र समाप्ति प्रवाह।

13) A11y और स्थानीयकरण

लेबल और सुराग 'आरिया-वर्णित' के माध्यम से जुड़े हुए हैं; त्रुटियाँ - 'भूमिका = "अलर्ट"।

कंट्रास्ट ≥ एए, दृश्यमान ': फोकस-दृश्यमान', टैब क्रम दृश्य से मेल खाता है।

'प्रीफर्स-कम-मोशन' - न्यूनतम एनिमेशन।

भाषा विस्तार: चौड़ाई में 20-30% मार्जिन; संख्याएं टैबुलर हैं ('फॉन्ट-वेरिएंट-न्यूमेरिक: टैबुलर-नम्स; ').

14) मोबाइल पैटर्न

दराज के रूप में प्रोफ़ाइल मेनू; मुख्य स्थिति/सीटीए - शीर्ष पर।

लंबे रूपों के लिए नीचे स्टिकी-सीटीए ("सहेजें परिवर्तन")।

फ़ील्ड्स का स्केलिंग, कीबोर्ड टाइप ('इनपुटमोड')।

अधिसूचना/इतिहास - अंतहीन लोडिंग और संतरी-पर्यवेक्षक के साथ टेप।

15) खाली, त्रुटियां, राज्य

खाली: दोस्ताना संकेत और "आगे क्या है" (विधि जोड़ें/2FA शामिल करें)।

त्रुटि: कारण + कैसे ठीक करें + पुनः प्रयास; इनपुट रीसेट नहीं करें।

व्यस्त: स्थानीय बूटलोडर, पूरे स्क्रीन को लॉक किए बिना; TTFF ≤ 100 ms।

16) मेट्रिक्स

कुंजी सेटिंग्स (2FA, KYC, भुगतान विधियों) द्वारा पूर्णता दर।

समय-से-पूर्ण अनुभाग (पासवर्ड/2FA/KYC/सीमा)।

दत्तक वरीयता (विषय, त्वरित दांव, बाधाओं प्रारूप)।

रूपों की त्रुटि दर + फिर से सफलता दर.

सुरक्षा मुद्रा: 2FA के साथ उपयोगकर्ताओं का अनुपात, पूर्ण विदेशी सत्रों की संख्या।

17) एंटी-पैटर्न

गहराई में छिपी महत्वपूर्ण सेटिंग्स (2FA/limits)।

एक मोडल में लंबे प्रश्नावली; कोई स्वचालित बचत नहीं।

व्यस्त/पुष्टि के बिना मौन भेजना।

रीसेट फोकस और "जंप" लेआउट; तस्वीरों के कारण सीएलएस।

2FA/OTP कोड की प्रति पर निषेध।

मार्केटिंग और डिफ़ॉल्ट महत्वपूर्ण सूचनाएं मिलाएं।

18) डिजाइन प्रणाली टोकन (उदाहरण)

json
{
"profile": {
"sectionGap": 20,
"fieldHeight": 44,
"radius": 12
},
"security": {
"badge": { "radius": 8, "px": "4 8" },
"focusRing": { "width": 2, "offset": 2 }
},
"lists": {
"row": { "py": 12, "px": 16 },
"divider": 1
},
"motion": { "hoverMs": 160, "pressMs": 90 },
"a11y": { "contrastAA": true, "reduceMotion": true }
}

19) स्निपेट्स

उपकरण/सत्र सूची (HTML)

html
<ul class="sessions" role="list">
<li>
<div>Chrome · Windows · Киев</div>
<small>Последняя активность: 14:32</small>
<button class="btn btn--ghost">Выйти</button>
</li>
<li aria-current="true">
<div>Safari · iOS · Текущая сессия</div>
<small>Последняя активность: сейчас</small>
<button class="btn btn--ghost" disabled>Текущая</button>
</li>
</ul>
<button class="btn btn--secondary">Завершить все сеансы</button>

गुणांक प्रारूप स्विच (रेडियो)

html
<fieldset>
<legend>Формат коэффициентов</legend>
<label><input type="radio" name="odds" value="decimal" checked> Десятичные</label>
<label><input type="radio" name="odds" value="fractional"> Дробные</label>
<label><input type="radio" name="odds" value="american"> Американские</label>
</fieldset>

भुगतान विधि कार्ड (मास्किंग)

html
<article class="pay-card">
<h4>Visa •••1234</h4>
<small>По умолчанию</small>
<div class="actions">
<button>Сделать основным</button>
<button class="danger">Удалить</button>
</div>
</article>

20) क्यूए चेकलिस्ट

अर्थ और प्रवाह

• अनुभाग तार्किक हैं; प्रत्येक स्क्रीन में एक मुख्य सीटीए होता है
• URL/नेविगेशन अंतिम खंड को बहाल करता है।

फॉर्म

• सही 'प्रकार/इनपुटमोड/स्वतः पूर्ण'; नरम मुखौटे, पूर्वानुमानित देखभाल।
• डिबंकिंग के साथ अतुल्यकालिक जाँच; बचत डेटा नहीं खोती है।

सुरक्षा

• 2FA प्रवाह समझ में आता है; बैकअप कोड डाउनलोड के लिए उपलब्ध हैं।
• सत्र/उपकरणों को समाप्त किया जाता है, घटनाओं को लॉग इन किया जाता है
• संवेदनशील क्षेत्र लॉग/कैश नहीं हैं।

iGaming-बारीकियों

• विलंबित प्रविष्टि और विभिन्न अवधियों के साथ सीमाएं।
• केवाईसी स्टेटस और दस्तावेज स्पष्ट हैं; समय सीमा और अधिसूचना चैनल दिखाई दे रहे हैं।
• ऑड्स प्रारूप और त्वरित दांव विज्ञापित के रूप में काम करते हैं।

А11у/Localization

• कंट्रास्ट ≥ एए; ': फोकस-दृश्यमान' देखें; टैब अनुक्रम सही है.
• ग्रंथ और संख्या भाषा/मुद्रा के अनुकूल हैं; आरटीएल समर्थित है (यदि आवश्यक हो)।

निष्पादन

• TTFF ≤ 100 ms; कोई सीएलएस नहीं; छवियां आलसी लोड करती हैं।
• बड़ी सूचियाँ (इतिहास) पैगिनेटेड/वर्चुअलाइज्ड हैं।

21) डिजाइन प्रणाली में प्रलेखन

: 'प्रोफेशनल हेडर', 'प्रोफेशनल सेक्शन', 'प्रोफेशनल पैनल', ' लिस्ट', ' कार्ड', 'KYCSteper', 'प्रीफेरफॉर्म'।

टोकन: फ़ील्ड/रेडी/फ़ोकस/बैज, सीयूएस/लिमिट स्टेटस, सफलता/त्रुटि/ध्यान रंग।

पैटर्न: "प्रति विभाजन एक सीटीए", "जोखिम के लिए पूर्ववत/पुष्टि करें", "निर्यात/डेटा हटाएं (डीएसएआर)"।

करें/मत: छुपा सुरक्षा सेटिंग, ओवरलोडेड फॉर्म जो मास्क मार्केटिंग समावेशन।

संक्षिप्त सारांश

प्रोफाइल इंटरफ़ेस एक ट्रस्ट सेंटर है: यह सरल, ईमानदार और सुरक्षित होना चाहिए। स्पष्ट वास्तुकला, तेज और पूर्वानुमानित प्रवाह (2FA/KYC/सीमा/भुगतान), डेटा के साथ काम के साफ रूप और पारदर्शिता प्रोफ़ाइल को एक उत्पाद समर्थन में बदल देते हैं और समर्थन पर लोड को कम करते हैं - विशेष्ट।