Mobil casino operatörleri için UX
1) Mobil UX bağlamı ve hedefleri
Mobil iGaming "kısa oturum've'tek elle" ortamdır. Ana hedefler şunlardır:- Anında başlangıç: ilk dokunuştan ≤ 60-90 saniye içinde ilk spin/bahis.
- Minimum sürtünme: kayıt ve KYC adımlara, ödemelere - "iki muslukta" ayrılmıştır.
- Kararlılık ve hız: hızlı oluşturma, düzgün animasyonlar, sarsıntı veya yeniden başlatma yok.
- Güven ve güvenlik: şeffaf sınırlar, sorumlu uygulamalar, öngörülebilir kurallar.
- İade ve saklama: kabartmalar, diplinks, kişisel lobiler, akıllı öneriler.
İlkeler: başparmak-ilk, sinyal> gürültü, bir ekran - bir hedef, her zaman görünür denge ve hızlı depozito, durumların açıklanabilirliği.
2) Roller ve anahtar senaryolar
Oyuncu: Oyunu hızlı bir şekilde bulun, yatırın/çekin, bonusları ve limitleri anlayın.
Ürün/UX: huni optimizasyonu, deneyler, bileşenlerin tutarlılığı.
Ödemeler/FinOps: CR mevduatlarında artış, Time-to-Wallet, 3DS arızalarında azalma.
RG/Uyumluluk: sınırların görünürlüğü, kendini dışlama, bildirimler, onay günlükleri.
Destek: 1 dokunuşta sohbet/SSS, bağlamsal hata ipuçları.
3) Arayüz çerçevesi (mobil için IA)
1. Güvenli alan farkındalığı: logo/arama/bildirimler.
2. Yapışkan çubuk dengesi: denge, "Mevduat" düğmesi (FAB/CTA).
3. Ana lobi: kategorilerin karuselleri (üst, yeni, canlı, ikramiyeler, favoriler), çip filtreleri.
4. Alt gezinme (≤5 öğeleri): Lobi/Canlı/Promosyonlar/Cüzdan/Profil.
5. Hızlı eylemler: kaydırma hareketleri, oyun kartına uzun basma (favorilere ekleme, RTP detayı/volatilite).
6. Micro Mini Player: Herhangi bir bölümden mevcut oyuna/akışa geri dönün.
7. Erişilebilirlik bileşenleri: büyük musluk hedefleri (≥44px), anlaşılabilir kontrastlar, sistem fontları.
4) Mobil huniler ve desenler
4. 1 Onboarding - KYC - Kayıt
Numara/e-posta/sosyal ağ üzerinden giriş yapın (izin verilirse) - ekran başına bir alan.
Arka plan için ayrılırken ilerleme çubuğu ve şekil durumu koruması.
Dokskan/KUS: otomatik çerçeveli kamera, canlı selfie, ekranın altındaki istemler, arka plan kontrol kuyruğu.
4. 2 Depozito - Oyun - İkinci Depozito
Yerel yöntemlerle ödeme sayfası (Apple/Google Pay), A2A/Open Bankacılığı, yerel cüzdanlar.
Web'de 3DS/SCA - içeriği saklayın ve yavaşça oyuna geri dönün.
Oyun içi: tek dokunuşlu bahisler/mezhepler, büyük CTA'lar, varsayılan portre; peyzaj - isteğe bağlı.
4. 3 Para çekme
Kaynağa tekrarla (RFTS), limit/son tarih ipucu, durum ilerlemesi.
Akıllı uyarı: "Önce bonus koşullarını kapatın".
5) Telefonda canlı casino
Uyarlamalı video: otomatik kalite seçimi, bayi ses/ses önceliği.
Kontrol kaplamaları: alt kenarda büyük bahis fişleri, vurgu zamanlayıcıları.
Sohbet: kaydırma paneli, otomatik denetleme, toksisite filtresi.
Resim içinde resim (varsa): Geçiş yaparken oturumu kaybetmeyin.
Hızlı bahisler/ikincisinin tekrarı: muslukları kaydetmek.
6) Ödemeler: UX parçaları
Ödeme merkezi: En son yöntemleri hatırlar, komisyonu/sınırları sayfada gösterir.
Para birimi: açık, format yerelleştirme ve anında dönüştürme (varsa).
3DS "yumuşak dönüş": iskelet-yer tutucu oyunları ve yönlendirmek için geri sayım.
Hatalar: insan tarafından okunabilen metinler ("SCA'ya göre reddedilen banka"), alternatifler (A2A - karta).
Time-to-Wallet: Etiket "Beklenen önce... (ETA)'ve çıktı durumu takibi.
7) Sorumlu oyun ve güven
Görünür limitler: para yatırma/bahis/zaman - cüzdanın içinde.
Gerçeklik kontrolü: yumuşak hatırlatıcılar ve hızlı duraklamalar.
Kendini dışlama/zaman aşımı: 2 musluk, menünün derinliklerinde arama yok.
RTP/volatilitenin şeffaflığı: kompakt kart "Oyun hakkında".
Onaylar ve politikalar: iptal seçeneği ile onay kontrol listesi; Profildeki günlükleri.
8) Performans ve istikrar (hedefler)
TTFB ≤ 500ms, TTI ≤ 2. 5-3 s (ilk ekran), INP ≤ 200 ms, CLS ≤ 0. 1.
Kaydırmalarda/animasyonlarda FPS 60, <0 ezer. Seansların %5'i.
Paket boyutu: ≤ 250-500 KB kritik JS/CSS (web), tembel yük ağır modülleri.
Nakit ve çevrimdışı: stratejik prefetch lobi/oyun simgeleri; Kötü bir ağa karşı direnç.
Pil ve ısı optimizasyonu: arka plan zamanlayıcılarını sınırlayın, FPS'yi Live için uyarlayın.
9) Navigasyon, jestler, mikro etkileşimler
Titreşim tepkisi ile alt sekme paneli.
Swipes: geri - sistem, yatay çip filtreleri - tokatlamak.
"Boş" ekranlar yerine iskeletler/Parıltılar; Kısa durumlar için tost.
Kararlı geçişler: "Yanıp sönen" içerik olmadan igra ^ koshelek ^ igra.
10) Arama ve öneriler
Otomatik tamamlama ile arama: sağlayıcılar, etiketler ("kitap, megaways, buy-bonus").
Öneri beslemesi: kişisel koleksiyonlar, "devam", "sizin için yeni".
Filtreler: sağlayıcı/mekanik/volatiliteye göre çip filtreleri; kaydedilmiş hazır ayarlar.
11) İçerik ve oyun kartları
Kart: Kapak, yeni/jackpot/canlı etiket, sağlayıcı simgesi,... "" (RTP ayrıntıları, demolar, favoriler).
Demo modu: kayıt yok (izin verilirse), gerçek oranlara yumuşak geçiş.
Uyarlanabilir karolar: Portrede en az "arka arkaya 2", tablette "arka arkaya 3".
12) PWA, webview, native
PWA: Avantajların bir açıklaması ile "Ekrana yükle" (hızlı başlangıç, çevrimdışı simgeler).
Yerel olarak Webview: birleşik oturum belirteçleri, güvenli pantolonlar, sızıntı koruması.
Yerel sarmalayıcılar: kabartmalar/diplokinks/biyometri/Rau listeleri - SDK aracılığıyla.
13) Push bildirimleri ve diplinks
Tetikleyiciler: bitmemiş oyuna dönüş, favori etiketlere göre yeni sürümler, çıktı durumu.
Diplinks: bağlamı korunmuş olarak doğrudan oyuna/çantaya/promosyona yönlendirin.
Frekans azaltma: akıllı sınırlar, sessiz saat, kolay abonelikten çıkma.
14) Yerelleştirme ve kullanılabilirlik
WCAG kriterleri: kontrast, %200 ölçek, doğru odaklama.
Yerel/para birimleri/formatlar: sayılar, sınırlayıcılar, sağ diller (RTL).
Terimler: UI'de sözlük (araç ipucu "Volatilite nedir? »).
Karanlık tema: sistemik, renk körlüğü testi ile.
15) Güvenlik ve gizlilik (mobil özellikler)
Biyometrik oturum açma, hassas verileri çoklu görevlerde gizleme (bulanıklaştırma).
Jailbreak/root (soft limit) tespiti, sadece protokoller HTTPS/HTTP3.
Güvenli depolamada sırlar (Keychain/Keystore), pano hijyeni.
Clickjacking koruması, üçüncü taraf web görünümünü sınırlama.
Antifraud sinyalleri: cihaz-parmak izi, davranışsal biyometri (yumuşak sezgisel).
16) Metrikler ve formüller (mobil odak)
CR (Ziyaret> Reg), CR (Reg> KYC), FTD Oranı, AFTD.
Time-to-First-Spin/Bet (TTFS), Avg Oturum Uzunluğu, Oturumlar/Kullanıcı.
TTFB/TTI/INP/CLS/FPS, Çarpışma Oranı, Soğuk başlatma zamanı.
Ödeme Başarı Oranı, 3DS Geçiş Oranı, Cüzdan Zamanı.
RG contact - sonuç.
NPS/CSAT mobil desteği, Deflect Rate SSS/chatbot.
17) Telemetri ve veri martları
События: 'app _ open', 'view _ lobby', 'search', 'game _ open', 'spin', 'deposit _ initiated/success/fail', 'withdraw _ request', 'kyc _ step','rg _ prompt ',' crash ',' push _ open ',' deeplink _ open '.
Витрины: Daily_MobileKPI, Funnel_Mobile, Perf_WebCoreVitals, Payments_Mobile, RG_Interventions.
18) A/B deneyleri (önce mobil)
Hipotezler: sekmelerin sırası, görünürlük "Mevduat", ödeme sayfasının sürümü, demo modu.
Цели: TTFS, Ödeme Başarı Oranı, FTD Oranı, Tutma D7, INP.
Korkuluklar: Çarpışma Oranı, CLS/INP, şikayetler, RG sinyalleri.
Süre: MDE'ye kadar, cihaz/ağ/coğrafi kohortlarla.
19) Tasarım sistemi ve bileşenleri
Tasarım belirteçleri: renkler/yazı tipleri/yarıçaplar/girintiler; Temizasyon aydınlık/karanlıktır.
Bileşenler: Navbar, çip filtreleri, oyun kartları, ödeme sayfası, RG limitleri, 1-eylem modelleri.
Durum simgeleri: başarı/beklenti/hata; Tek tip hata metinleri.
Dokümantasyon: örnekler, anti-desenler, tap-target boyutları.
20) Antipatterns
Gizli "Mevduat", menü alt öğelerinde denge.
Küçük tıklanabilir alanlar, aşırı yüklenmiş atlı karıncalar.
3DS/transitions bağlam kırılmaları; "Ölü" düğmeleri geri.
Tembel yük olmadan ağır karuseller/videolar; FPS bırakma animasyonu.
Kayıt/çekilme için "Görevler" - açıklama yapmadan ekstra alanlar ve adımlar.
Tutarsız terminoloji, farklı formüllerle farklı yerlerde metriklerin çoğaltılması.
21) Uygulama kontrol listesi (sprintlere göre)
Sprint 1: temel lobi, alt navigasyon, yapışkan denge + para yatırma, telemetri, Core Web Vitals.
Sprint 2: onboarding/CUS adımları, yerel yöntemlerle ödeme sayfası, 3DS akışları.
Sprint 3: UX canlı casino, mini oyuncu, sohbet, hızlı bahisler
Sprint 4: kişiselleştirme lobisi, arama/etiketler, demo oyunları, öneriler.
Sprint 5: RG modülü, limitler, gerçeklik kontrolü, raporlama, kabartmalar/diplokinks.
Sprint 6: PWA/yerel kayışlar, çevrimdışı kararlılık, üretken önbellek.
Sprint 7: A/B modülü, açıklayıcılar, yerelleştirme ve kullanılabilirlik, tasarım ağının sistemleştirilmesi.
22) Alt satır
Operatörün mobil UX'i zaman ve güven disiplinidir. Kazanan kişi:1. Oyuncuyu rakiplerinden daha hızlı bir şekilde ilk sırta yönlendirir,
2. sürtünmesiz ikmal yapar,
3. Kişisel lobi ve dikkatli kabartmalar aracılığıyla tutar,
4. İstikrar ve sorumluluk garantisi,
5. Tutarlı bir tasarım sistemini ve sürekli deneyleri destekler.