Mobil cihazlarda interfeys və UX necə həyata keçirilir

1) Prinsipləri: mobil UX masaüstündən nə ilə fərqlənir

Bir əlli idarəetmə. Əsas CTA (bahis, təkrarlama, təmizləmə) - «baş barmaq zonasında» (ekranın aşağı üçdə biri).

Şaquli birinci. Şaquli masalar/axınlar - əsas ssenari; üfüqi «kino rejimi» kimi saxlanılır.

Daha az klik - daha çox məna. Hər hansı bir bahis ≤ 2 hərəkəti əhatə etməlidir: sahə/hüceyrə üzrə → nöqtə dəyərinin seçilməsi.

Sürət gözəllikdən daha vacibdir. 60 fps UI, minimum layout shift, «yüngül» animasiyalar.

Şəffaflıq. Raund taymer, qoşulma statusu, gecikmə - aydın və gözə çarpmayan.

2) Ekran çərçivəsi: harada yerləşdirmək

Yuxarı zona:

Masa adı, limitlər, oyunçu sayğacı, şəbəkə/gecikmə göstəricisi, qaydalar/parametrlər nişanları.

Orta zona (məzmun):

Video axını (WebRTC/LL-HLS) və ya 3D masa, kamera/bucaq jest keçid.
Üst üstə düşənlər: taymer, son turların nəticələri, açılır bahis təsdiqləri.

Aşağı zona (idarəetmə):

Bahis paneli: nominallar, sürətli düymələr «Təkrarla», «İki qat», «Təmizlə».
Gizli pul pərdəsi (balans, sürətli depozit - kassaya keçid).
Masa/oyun açarı (üfüqi scroll).

Toxunma zonaları üzrə bələdçi:

Minimum 48dp (Android )/44pt (iOS) interaktiv, düymələr arasında sapma ≥ 8dp.
safe areas (notch, jest naviqasiya) nəzərə alınır.

3) Sürətli dərəcələr: mikro-kredit

İki addım: masada sahə üzrə nominal → tap seçimi. Təkrarlanan tap - eyni nominalda bahis artırır.

Uzun basın: kontekstli menyu (silmək, ikiqat, paylamaq).

Nominal panel aşağı Swipe: genişləndirilmiş dəyərlər/bahis tarixi göstərmək.

Xaptika: dərəcəni qəbul edərkən yüngül vibrasiya, daha aydın - uğursuzluqda/gec dərəcədə.

Status görünürlüyü: «Bahisləri qəbul edirik «/« Qapalı »- rəng/ikon + saniyəölçən.

4) Video və overlay: müdaxilə deyil, kömək etmək

Sorğu əsasında əsas çərçivə. Keyfiyyət keçid - «sabun» qarşısını almaq üçün ani IDR.

Yarı şəffaf kartlar. Taymer və nəticələr - 70-85% şəffaflıq, taymerə görə avtomatik gizlətmə.

Jestlər:

Video ikiqat - kamera/bucaq keçid.
Pinch - video miqyası (CTA üst-üstə olmadan).
«Kənar» bildirişlər. Push-line uduşlar və promosyonlar - yuxarıda, bahis panelini örtmür.

5) Şəbəkə vəziyyətləri və gecikmələr

Status-hap: «Online 1,3 c »/« Pis şəbəkə 4,8 c». Nişanın rəngi eşiklərə görə dəyişir.

Yumşaq deqradasiya: əvvəlcə FPS (60 → 48 → 30), sonra qətnamə (1080p → 720p → 540p) azaltmaq, bufer + 200-300 ms artırmaq.

Auto-folback: WebRTC → LL-HLS qeyri-sabit şəbəkədə tamaşaçı rejimi üçün; «gec» bahislərin bloklanması.

Offline ekran: bahis kontekstinin saxlanması, başa düşülən səbəb («Əlaqə yoxdur») və «Təkrarla» düyməsi.

6) Məsuliyyətli oyun və nəzarət

Limitlər əlinizdədir. Balansın yanında «Limitlər» düyməsi: depozit/vaxt/itki, seansın taymer.

Bir dəqiqə fasilə. Oyunun 30-45 dəqiqəsindən sonra tövsiyə olunan fasilə - «qırmızı bayraqlar» olmadan yumşaq banner.

Gec bahis bloku. e2e gecikmə> eşik - bahis qəbul edilmir, UI səbəbini izah edir.

Tarix və ixrac. Son raundlar/dərəcələr, filtrlər, sürətli çek ixracı.

7) Mətn, rənglər, animasiyalar

Tipoqrafiya: başlıqlar 17-20pt, bədən 14-16pt; kontrast WCAG AA +.

Rəng sxemi: «siqnal» rəngləri statuslar üçün ayrılmışdır (qəbul/qapalı/səhv).

Animasiyalar: 120-180 ms mikrodalğalar üçün; 240-320 ms - panellər/perdələr üçün. Kare - 2-3 paralel effektdən çox deyil.

Spinner əvəzinə skeletonlar. Sürətli proqressiv download ipuçları.

8) Naviqasiya və informasiya arxitekturası

Aşağı naviqasiya (tab bar): Lobbi, Live, Promosyonlar, Profil.

Live daxilində: filtrli masaların siyahısı (dil, limitlər, oyun növü, sevimli dilerlər).

Dərin link: push/bot → masa/turnir birbaşa giriş; analitik üçün UTM saxlamaq.

Back-stack: jest «geri» Android və iOS Swipe - birdən turu bağlamaq deyil, ilk - xəbərdarlıq.

9) Lokalizasiya və xüsusi dillər

RTL (ərəb/ivrit). Mərmi və panellərin simmetrik əks olunması.

Rəqəmsal formatlar/valyutalar. Minlərlə bölücülər, qısa imzalar (1 000 → 1k yer çatışmadıqda).

Dil masaları. Bayraqların/dillərin göstərilməsi, dildə filtrlər, yerli vahidlər (₺, R $, ).

Sətirlərin uzunluğu. Deskriptorlar bir nöqtə ilə avtomatik kəsilir, tultips - uzun press.

10) Qurğunun məhsuldarlığı və resursu

Batareya: 60 → 30 fps aşağı yüklə məhdudlaşdırın, yüksək istehlak barədə xəbərdarlıq edin.

Yaddaş: Istifadə olunmayan ABR profillərini boşaltırıq, 2-3 yüksək qətnamə toxumasını saxlamırıq.

WebView/brauzer: ağır kölgələri və CSS filtrlərini bloklayın; hamarlığı üçün GPU-kompozit istifadə.

Şəkillərin optimallaşdırılması: WebP/AVIF, Sprite və Lazy-load.

11) Ödəniş və cüzdan-patternlər

Mini cüzdan: balans və sürətli depozit (yalnız Web 3DS/KYC ilə kassaya link).

Təhlükəsizlik tokenləri: qısa TTL, cari dərəcəsi itirmədən pere-login.

Vəsaitin mənbəyinin görünüşü: Bahis anında CASH/BONUS.

12) Mövcudluq (A11y) və uyğunluq

VoiceOver/TalkBack: elementlər üçün imzalar, tab sırasına diqqət, status elanları üçün videolar.

Yüksək kontrast/böyük şrift: layout uyğunlaşma şəbəkə qırılmadan.

Jestlər ≠ yeganə yolu. Funksionallığı düymələrlə təkrarlayırıq.

Test matrisi: iOS (aktual + n-1), Android (SDK səviyyələri, məşhur qabıqlar), zəif cihazlar, qeyri-sabit şəbəkələr.

13) Mikrokopiraytinq: nə və necə danışmaq olar

Aydın və qısa. «Mərc qəbul edildi», «Mərc bağlandı», «Kifayət qədər vəsait yoxdur», «Pis şəbəkə».

Kontekst. Bahis bloklanarkən - «Axının gecikməsi həddini aşır».

Təsdiq. «Siz əminsiniz?» «Geri/Geri» vasitəsilə yuvarlana biləcəyiniz yerdə.

14) Analitika və RUM: təkmilləşdirmək üçün ölçün

RUM-SDK: e2e gecikmə, startup, buffers, keyfiyyət keçid, dekoder səhvləri.

WebRTC-stats: RTT, loss, jitter, NACK/PLI, доля TURN-relay.

Məhsul hadisələri: bahis/ikiqat/təmizləmə, uğursuzluq/gec bahis, masa və dilerlər üzrə saxlama.

Giriş fanel: telegram → lobbi → masa → ilk bahis → təkrar/ikiqat.

15) Anti-səhv mobil UI

Kiçik hitlər. Həll: 48dp/44pt minimum, əlavə boşluqlar.

Keyfiyyət dəyişərkən qara ekranlar. Həll: Keyframe-on-demand və növbəti profilin əvvəlcədən yüklənməsi.

Təsadüfi sviplər «geri». Həll: raunddan çıxmadan əvvəl təsdiqləmə + məzmun daxilində jestlər sistem ilə ziddiyyət təşkil etmir.

Klaviatura yapışması. Həll: məbləğlər üçün numeric keypad, giriş sonra avtomatik gizlətmə, smart scroll.

16) Production-launch çek siyahısı

UI və İdarəetmə

Baş barmaq zonasında CTA; Bahis üçün 2 addım
Xaptika və başa düşülən statuslar (qəbul/qapalı/səhv)
Artefaktsız şaquli/üfüqi rejimlər

Video və şəbəkə

SVC/simulakast ilə WebRTC, LL-HLS-folback
Gecikmə/şəbəkə göstəricisi, yumşaq deqradasiya
Keçid zamanı «qara» ekranlar olmadan

Məsuliyyətli oyun

Limitlər/fasilələr/1-2 tapa məsafədə tarix
e2e həddini aşdıqda «gec» bahis bloku

Lokalizasiya və A11y

RTL, böyük şriftlər, kontrast
Ekran üçün tam alt/labels

Performans

60 fps UI, <100 ms TTI əsas ekranlar üçün
Enerji qənaət rejimi, yaddaş nəzarəti

Müşahidə

Daxili RUM və WebRTC-stats, SLO tərəfindən alert
Məhsul hadisələri və bahis hunisi

17) Yekun

Mobil UX Live oyunlar triada sürət → aydınlıq → nəzarət edir. Şaquli masalar, bir əllə nəzarət, sürətli bahislər, xaptika və başa düşülən statuslar əlinizdə «canlı salon» hissi yaradır. Texniki intizam - yumşaq deqradasiya, LL-HLS-də folbek, şəbəkə göstəriciləri, RUM analitikası və A11y - gözəl interfeysi flaqman və büdcə cihazlarında, metroda və evdə, iOS və Android-də eyni dərəcədə yaxşı işləyən etibarlı məhsula çevirir.