Ulanyjy profili interfeýsi

1) Ýörelgeler

1. Ekrana bir pikir. Profil = her biri bir CTA bilen gysga özbaşdak bölümleriň toplumy.
2. Ygtybarly. 2FA/sessiýalaryň/enjamlaryň görünýän ýagdaýlary, hereket etmegiň ýönekeý ýollary.
3. Maglumatlaryň aç-açanlygy. Näme saklanýar, näme üçin, nädip öçürmeli/göçürip almaly/aýyrmaly.
4. Artykmaç ýüklenmezden şahsylaşdyrmak. Diňe tejribä täsir edýän hakyky sazlamalar.
5. Kontekstiňizi hiç wagt ýitirmäň. Taslamalar, soňky bölüme gaýdyp gelmek, öňünden aýdylýan URL.

2) Maglumat arhitekturasy

Maslahat berilýän gurluş (çep menýu/tablar):

Profil (awatar, at, aragatnaşyk)
Howpsuzlyk (parol, 2FA, enjamlar/sessiýalar)
Tölegler (usullar, awto saklanylan bölekler, taryh)
Çäklendirmeler (jogapkär oýun)
KYC (status, resminamalary ýüklemek)
Islegler (dil, walýuta, koeffisiýentleriň formaty, çalt nyrhlar, mowzuklar)
Habarnamalar (görnüşler/kanallar, dymmak/digest)
Gizlinlik we maglumatlar (görünmek, DSAR/eksport, hasaby aýyrmak)

Asla doly PAN/CVC görkezmäň; diňe UX üçin bellikler we maskalar.

3) Profil dolandyryjysy

Awatar (ýüklemek/kesmek), displey-neým, ID/ulanyjy.
Status nyşanlary: KYC: Barlagda/Geçildi, 2FA: Açyk/Ýapyk, Jogapkär oýun: Işjeň.
Çalt baglanyşyklar: "Paroly üýtget", "E-poçta/telefony tassykla", "Çägi kesgitle".

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) "Profil" bölümi

Meýdanlar: ady, doglan senesi, ýurdy, interfeýs dili.
Aragatnaşyklar: e-poçta (tassyklama), telefon (OTP).
Lokal: senesi/wagty/walýutasy dile we ýurda baglydyr.
Doglan senesi diňe KYC-den soň sapport arkaly redaktirlenýär.

UX: formatdaky maslahatlar, ýumşak maskalar, debauns bilen awtoseýw, üstünligi tassyklamak.

5) Howpsuzlyk

Parol: häzirki parol boýunça üýtgetmek + hil düzgünleri (manometr/yşarat), talaplary tersine görkezme.
2FA: TOTP/SMS; ýönekeý master akym: "Yoqmak → QR → ätiýaçlyk kodlary".
Enjamlar we sessiýalar: işjeň girişleriň sanawy (enjam/OS/ýerleşiş/wagt), CTA "Häzirki ýagdaýdan başga hemme zady tamamla".
Jemgyýetçilik girelgeleri: tassyklamak bilen baglanyşyk/baglanyşyk.

6) Tölegler

Töleg usullary: kartoçkalar (maska '1234'), A2A/gapjyklar; "Adaty" ýagdaýy.
Netijeler: eger ulanylsa, mikro-transfer barlagy bilen saklanylan rekwizitler (IBAN/gapjyk).
Geleşikleriň taryhy: görnüşi/senesi/mukdary boýunça süzgüçler, CSV eksporty.
Aç-açanlyk: komissiýa/ETA we "Gaýtadan işlemekde/Ret edildi/Taýýar" ýagdaýlary.

7) Çäkler (Jogapkär oýun)

Görnüşleri: Depozit, Stawka, Wagtlaýyn (time-outs), Öz-özüni aýyrmak.
UX: radio döwri (gün/hepde/aý) + jemi, aç-açan tekst "arkaly güýje girer"....
Gowşak tarapa üýtgetmek - gijä galmak bilen; berkitmek - birbada.

8) KYC

Stepper: Şahsy maglumatlar → Resminamalar → Ibermek → Barlagda.
Faýllara bildirilýän anyk talaplar (görnüşi/ululygy/takyklygy) + öňünden gözden geçirmek.
Statusy we möhletleri, taýynlyk boýunça habarnamalaryň kanaly, berlen resminamalaryň taryhy.

9) Islegler

Koeffisiýentleriň formaty: only/bölek/amerikan.
Çalt nyrhlar: switch + duýduryş "tassyklamasyz" we Undo, rugsat berilse.
Mowzuk: ýagty/garaňky/ulgamlaýyn; görmeýänler üçin kontrast düzgüni.
Geo we dil: ýurisdiksiýalaryň talaplaryny saklamak, ýöne ýatda saklamak (mazmun/blok sahypalary).

10) Habarnamalar

Kanallar: push/e-mail/SMS/programmada.
Toparlar: maliýe, oýun, sosial, marketing (ortaça).
"Biynjalyk etmäň": wagt aralyklary we şertler (mysal üçin, gije marketingsiz).
Preview: Habarnamanyň görnüşi, nirede öçürmeli.

11) Gizlinlik we maglumatlar

Profiliň görünişi (eger sosial funksiýalar): Kim nika/awatar/işjeňligi görýär.
Maglumatlary ýüklemek (DSAR): taýýarlyk möhleti bolan arhiw soragy; taýynlyk barada habar.
Hasaby aýyrmak: netijelerini düşündirmek, grace-period, alternatiwa hökmünde "doňdurmak".
Razylyk magazineurnaly: kuku/marketing/terminler - seneler we wersiýalar.

12) Hereketleriň taryhy

Lenta: giriş/çykyş, parolyň üýtgemegi/2FA, töleg rekwizitleriniň üýtgemegi, çäkler.
Süzgüçler we eksport; geo-IP we enjamlar boýunça düşündiriş.
CTA "Bu siz däldiňizmi?" → Paroly çalt üýtgetmek we sessiýalary tamamlamak.

13) A11y we lokalizasiýa

Bellikler we maslahatlar 'aria-describedby' arkaly baglanyşykly; hatalar - 'role =' alert ''.
AA ≥ kontrast, görünýän ': focus-visible', Tab tertibi wizual.
'prefers-reduced-motion' - iň az animasiýa.
Dil giňelmegi: giňligi 20-30%; - tagtaly sanlar ('font-variant-numeric: tabular-nums;').

14) Ykjam patternler

Profil menýusyny drawer; esasy statuslar/STA - ýokarsynda.
Uzyn görnüşler üçin aşaky Sticky-CTA ("Üýtgeşmeleri sakla").
('inputmode') görnüşine görä meýdanlary, klawiaturalary ulalt.
Habarnamalar/taryh - tükeniksiz ýüklenen we sentry-synçy lentasy.

15) Boş, ýalňyşlyk, ýagdaý

Empty: dostlukly maslahat we "indiki näme" (2FA usulyny goşmak/goşmak).
Error: sebäp + nädip düzetmeli + Retry; girilen maglumatlary taşlamaň.
Busy: ýerli göçürijiler, ähli ekrany petiklemän; TTFF ≤ 100 ms.

16) Metrikler

Esasy sazlamalar boýunça Completion Rate (2FA, KYC, töleg usullary).
Time-to-Complete bölümleri (parol/2FA/KYC/çäkleri).
Error Rate forms + üstünlikli Retry paýy.
Islegleriň adoption (mowzuk, çalt nyrhlar, koeffisiýentleriň formaty).
Security posture: 2FA ulanyjylarynyň paýy, tamamlanan beýleki adamlaryň sessiýalarynyň sany.

17) Anti-patternler

Çuňlukda gizlenen möhüm sazlamalar (2FA/çäkler).
Modalkadaky uzyn anketalar; awtoseýwiň ýoklugy.
busy/tassyklamasyz "dilsiz" ibermek.
Fokusy we "böküşleri" aýyrmak; CLS suratlar sebäpli.
Kod kopipastyna gadaganlyk 2FA/OTP.
Marketingiň we möhüm habarnamalaryň adaty garyşdyrylmagy.

18) Dizaýn-ulgamyň bellikleri (mysal)

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) Snippetler

Enjamlaryň/sessiýalaryň sanawy (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>

Koeffisiýentleri üýtgetmek (radio)

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>

Töleg usullarynyň kartasy (gizlemek)

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

20) QA-çek-sanawy

Many we akym

Bölümler mantykly; her ekranda bir esasy CTA bar.
URL/nawigasiýa iň soňky bölümi dikeldýär.

Formalar

Dogry 'type/inputmode/autocomplete'; ýumşak maskalar, öňünden aýdyp boljak caret.
Debaunt bilen asinhron barlaglar; saklamak maglumatlary ýitirmez.

Howpsuzlyk

2FA flow düşnükli; ätiýaçlyk kodlary göçürip almak üçin elýeterlidir.
Sapaklar/enjamlar gutarýar, wakalar ýazylýar.
Duýgur meýdanlar girilmeýär/kesilmeýär.

iGaming aýratynlygy

Gijikdirilen giriş we dürli döwürler bilen çäkler.
KYC statuslary we resminamalary düşnüklidir; habarnamalaryň möhletleri we kanaly görünýär.
Koeffisiýentleriň formaty we çalt nyrhlar aýdylyşy ýaly işleýär.

A11u/Lokalizasiýa

Kontrast ≥ AA; ': focus-visible' görýäris; Tab-tertip dogry.
Tekstler we sanlar dile/walýuta uýgunlaşdyrylýar; RTL goldanýar (zerur bolsa).

Performans

TTFF ≤ 100 ms; CLS ýok; şekiller ýaltalyk bilen ýüklenýär.
Uly sanawlar (taryh) paginirlendi/wirtuallaşdyryldy.

21) Dizaýn-ulgamdaky resminamalar

Компоненты: `ProfileHeader`, `ProfileSection`, `SecurityPanel`, `SessionsList`, `PaymentMethodCard`, `LimitsForm`, `KYCStepper`, `PreferencesForm`.
Bellikler: meýdanlar/radiuslar/fokus/nyşanlar, KUS/çäkleriň ýagdaýlary, üstünlik/ýalňyşlyk/üns reňkleri.
Patternler: "Bölümde bir CTA", "Töwekgelçilik üçin Undo/Confirm", "Maglumatlary eksport/aýyrmak (DSAR)".
Do/Don 't: gizlin howpsuzlyk sazlamalary, marketing goşulmalaryny gizleýän artykmaç formalar.

Gysgaça gysgaça

Profil interfeýsi - ynam merkezi: ol ýönekeý, dogruçyl we ygtybarly bolmaly. Aýdyň arhitektura, çalt we öňünden aýdyp boljak flular (2FA/KYC/çäklendirmeler/tölegler), takyk görnüşler we maglumatlar bilen işlemegiň aç-açanlygy profilini önümiň goldawyna öwürýär we iGaming üçin aýratyn möhüm bolan sapport ýüküni azaldýar.