Jübi enjamlarynda interfeýs we UX nähili amala aşyrylýar
1) Ýörelgeler: ykjam UX-iň desktopdan nähili tapawudy bar
Bir golly dolandyryş. Esasy CTA (stawka, gaýtalamak, arassalamak) - "baş barmak zolagynda" (ekranyň aşaky üçden bir bölegi).
Dik birinji. Dik stollar/akymlar - esasy ssenariýa; gorizontal "kino re modeimi" hökmünde saklanýar.
Az basmak - has manyly. Islendik jedel ≤ 2 hereketi öz içine almalydyr: meýdan/öýjük boýunça many → tap saýlamak.
Tizlik gözellikden has möhümdir. UI-de 60 fps, iň az layout shift, "ýeňil" animasiýa.
Aç-açanlyk. Tapgyryň wagty, baglanyşygyň ýagdaýy, gijikdirilmegi - aç-açan we göze ilmeýär.
2) Ekran çarçuwasy: nirede ýerleşdirmeli
Ýokarky zolak (maglumat):- Stoluň ady, çäkler, oýunçylaryň hasapçysy, toruň/gijikdirmegiň görkezijisi, düzgünleriň/sazlamalaryň nyşanlary.
- Wideo akymy (WebRTC/LL-HLS) ýa-da 3D stol, kameralary/burçlary yşarat bilen üýtgetmek.
- Goşundylar: taýmer, soňky tapgyrlaryň netijeleri, jedelleriň ýüze çykýan tassyklamalary.
- Jedeller paneli: nominallar, "Gaýtala", "Iki esse", "Arassala" çalt düwmeleri.
- Gapjygyň gizlin perdesi (balans, çalt depozit - kassada geçiş).
- Stollary/oýunlary açar (gorizontal skroll).
- Iň az 48dp (Android )/44pt (iOS) interaktiwde, düwmeleriň arasynda syzmak ≥ 8dp.
- safe areas (notch, yşarat nawigasiýasy) göz öňünde tutýarys.
3) Çalt nyrhlar: mikro karzlar
Iki ädim: stoluň üstündäki meýdan boýunça nominal → tap saýlamak. Gaýtalanýan tap - şol bir nominal stawkany artdyrýar.
Uzyn basmak: kontekstdäki menýu (aýyrmak, iki esse köpeltmek, paýlamak).
Bahalar paneliniň aşagyndaky swipp: giňeldilen bahalary/nyrhlaryň taryhyny görkezmek.
Dermanhana: stawkany kabul edende ýeňil titremeler, şowsuzlykda/giç stawkada has aýdyň titremeler.
Statusyň görünmegi: "Jedelleri kabul edýäris "/" Ýapyk "- reňk/nyşan + sekundomer.
4) Wideo we overley: päsgel bermek däl-de, kömek etmek üçin
Haýyş boýunça esasy çarçuwa. Hil çalşylanda - "sabyn" -dan gaça durmak üçin derrew IDR.
Aç-açan kartoçkalar. Taýmer we netijeler - 70-85% aç-açanlyk, taýmer boýunça awtomatiki gizlenmek.
Yşaratlar:- Wideo boýunça goşa tap - kamera/burç geçiş.
- Pinç - wideonyň masştaby (CTA bilen örtülmezden).
- "Gyradaky" habarnamalar. Ýeňişleriň we mahabatlaryň push-setirleri ýokarsynda, stawka panelini ýapmaýar.
5) Toruň ýagdaýy we gijikdirilmegi
Derman ýagdaýy: "Onlaýn 1,3 c "/" Erbet tor 4,8 c". Nyşanyň reňki bosagalar boýunça üýtgeýär.
Softumşak pese gaçmak: ilki bilen FPS (60 → 48 → 30), soň bolsa çözgüdi (1080p → 720p → 540p) peseldýäris, buferi 200-300 ms ýokarlandyrýarys.
Awto-folbek: Durnuksyz torda tomaşaçy re modeimi üçin WebRTC → LL-HLS; "giç" nyrhlary petiklemek.
Awtonom ekran: stawkanyň mazmunyny saklamak, düşnükli sebäp ("Baglanyşyk ýok") we "Gaýtala" düwmesi.
6) Jogapkärçilikli oýun we gözegçilik
Çäklendirmeler bar. Balansyň gapdalyndaky "Çäkler" düwmesi: goýum/wagt/ýitgiler, sessiýanyň wagty.
Bir minutlyk arakesme. Oýunyň 30-45 minutyndan maslahat berilýän arakesme - "gyzyl baýdaksyz" ýumşak banner.
Giçki nyrh bloky. Eger e2e-gijikdirme> bosagasy - stawka kabul edilmese, UI sebäbini düşündirýär.
Taryhy we eksporty. Soňky tapgyrlaryň/nyrhlaryň lentasy, süzgüçler, çekleriň çalt eksporty.
7) Tekst, reňk, animasiýa
Tipografiýa: 17-20pt sözbaşylar, beden 14-16pt; kontrast WCAG AA +.
Reňk shemasy: "signal" reňkleri statuslar üçin saklanýar (kabul edildi/ýapyldy/ýalňyşlyk).
Animasiýa: 120-180 ms mikrokreditler üçin; 240-320 ms - paneller/perdeler üçin. Çarçuwada - 2-3 paralel täsirden köp bolmaly däldir.
Spinnerleriň ýerine skeletler. Çalt progressiw göçürme maslahatlary.
8) Nawigasiýa we maglumat arhitekturasy
Aşaky nawigasiýa (tab bar): Lobbi, Live, Paýnamalar, Profil.
Live-yň içinde: süzgüçli stollaryň sanawy (dil, çäkler, oýun görnüşi, halaýan dilerler).
Çuňňur baglanyşyklar: push/bot → stoluň/ýaryşyň göni girişi; analitik üçin UTM saklamak.
Back-stack: "yza" hereketi Android we iOS swipi - tapgyry birden ýapmaýar, ilki bilen duýduryş.
9) Lokalizasiýa we aýratyn diller
RTL (arap/iwrit). Jedelleriň we panelleriň simmetrik şöhlelenmesi.
San formatlary/walýutalary. Müň bölüjiler, gysga gollar (1 000 → 1k ýer ýetmezçiliginde).
Dil stollary. Baýdaklary/dilleri görkezmek, diler dili boýunça süzgüçler, ýerli birlikler (₺, R $, ).
Setirleriň uzynlygy. Deskriptorlary köp nokat bilen awto-kesmek, tultipleri - long press.
10) Enjamyň öndürijiligi we çeşmesi
Batareýa: 60 → 30 fps pes zarýad bilen çäklendirýäris, ýokary çykdajy barada duýduryş berýäris.
Ýat: Ulanylmaýan ABR profillerini düşürýäris, 2-3 ýokary çözgütli teksturany saklamaýarys.
WebView/brauzer: Agyr kölegeleri we CSS süzgüçlerini bloklaýarys; gowşaklyk üçin GPU-kompozitini ulanýarys.
Şekilleri optimizirlemek: WebP/AVIF, spraytlar we lazy-load.
11) Töleg we gapjyk-patternler
Mini-gapjyk: balans we çalt goýum (diňe Web-de 3DS/KYC bilen kassada baglanyşyk).
Howpsuzlyk bellikleri: gysga TTL, häzirki nyrhy ýitirmän pere-login.
Serişde çeşmesiniň görünmegi: Jedel wagtynda NAGT/BONUS.
12) Elýeterlilik (A11y) we laýyklyk
VoiceOver/TalkBack: elementler üçin gollar, tab tertibi boýunça fokus, status bildirişleri üçin wideolar.
Ýokary kontrast/uly şrift: tor döwülmezden layout uýgunlaşmagy.
Yşaratlar ≠ ýeke-täk ýol. Funksiýany düwmeler bilen köpeldýäris.
Synag-matrisa: iOS (aktual + n-1), Android (SDK derejeleri, meşhur gabyklar), gowşak enjamlar, durnuksyz torlar.
13) Mikrokopirting: näme we nädip aýtmaly
Aýdyň we gysga. "Nyrhlar kabul edildi", "Nyrhlar ýapyldy", "Serişdeler ýeterlik däl", "Erbet tor".
Kontekst. Stawka petiklenende - "Akymyň gijikdirilmegi bosagadan ýokary" diýen maslahat.
Tassyklamalar. "Ynanýarsyňyzmy?" "Yza/Yzyna".
14) Analitika we RUM: gowulaşdyrmak üçin ölçemek
RUM-SDK: e2e-gijikdirme, startup, buffers, hil çalşyklary, dekoder ýalňyşlyklary.
WebRTC-stats: RTT, loss, jitter, NACK/PLI, доля TURN-relay.
Önüm hadysalary: stawka/iki esse/arassalamak, şowsuzlyk/giç stawka, stollar we dilerler boýunça saklamak.
Giriş faneli: telegram → lobbi → stol → birinji nyrh → gaýtalamak/iki esse.
15) Mobil UI garşy ýalňyşlyklar
Kiçijik hitler. Çözgüt: 48dp/44pt minimum, goşmaça girişdeler.
Hil çalşylanda gara ekranlar. Çözgüt: keyframe-on-demand we indiki profili öňünden ýüklemek.
Tötänleýin "yza" swipleri. Çözgüt: tapgyrdan çykmazdan ozal tassyklamak + mazmunyň içindäki hereketler ulgamlaýyn hereketler bilen gapma-garşy gelmeýär.
Klawiatura ýapyşýar. Çözgüt: summalar üçin numeric keypad, girizilenden soň awtomatiki gizlemek, akylly skroll.
16) Önümçilik-uçuryş çek-sanawy
UI we Dolandyryş
- Baş barmak zolagynda CTA; Stawka çenli 2 ädim
- Dermanhana we düşnükli statuslar (kabul/ýapyk/ýalňyşlyk)
- Artefaktsyz dik/gorizontal reimesimler
Wideo we tor
- SVC/simulakast, LL-HLS-folbek bilen WebRTC
- Gijikdirme/tor görkezijisi, ýumşak zaýalanma
- Çalşylanda "gara" ekranlar ýok
Jogapkär oýun
- Çäklendirmeler/arakesmeler/1-2 tapa aralygyndaky taryh
- E2e-çäkden geçende "giç" nyrhlar blogy
Lokalizasiýa we A11y
- RTL, uly şriftler, kontrast
- Doly alt/labels
Öndürijilik
- 60 fps UI, <100 ms TTI esasy ekranlar üçin
- Energiýa tygşytlaýjy re modeim, ýat gözegçiligi
Syn ediliş
- RUM we WebRTC-stats, SLO aladalary
- Önüm hadysalary we nyrhlar
17) Jemleýji
Mobil UX Live Games triad tizligi → aýdyňlyk → gözegçilik. Dik stollar, bir eli dolandyrmak, çalt nyrhlar, dermanhana we düşnükli statuslar eliňizde "janly zal" duýgusyny döredýär. Tehniki düzgün - ýumşak pese gaçmak, LL-HLS-de folbek, tor görkezijileri, RUM-analitika we A11y - owadan interfeýsi baýdaklarda we býudjet enjamlarynda, metroda we öýde, iOS we Android-de deň derejede işleýän ygtybarly önüme öwürýär.