Uyumluluk ve Kontrol için UI
1) Neden ihtiyacınız var
Compliance-UI bir ürün freni değil, bir güven çerçevesidir. Yasal riskleri azaltır, denetimleri hızlandırır ve kararları açıklanabilir hale getirir. Temel hedefler:- Şeffaflık: Neyin, kimin ve neden talep ettiği/karar verdiği açıktır.
- İzlenebilirlik - Günlükten herhangi bir adımı oynayabilirsiniz.
- Öngörülebilirlik: Kurallar önceden bellidir, sonuçlar anlaşılabilir.
- İnsanlık: stigma olmadan ton, özellikle hassas senaryolarda.
2) iGaming'deki uyumluluk alanları ve bunların UX kalıpları
1. KYC/KYB - Kimlik/İş Doğrulama
Desenler: step master, belge kontrol listesi, ETA, önizleme ve fotoğraf ipuçları, yeniden yükleme, durum "inceleniyor".
2. AML/Yaptırımlar/PEP - İşlem ve Kişi İzleme
Desenler: açıklanabilirlik, eşleşme kartı, eskalasyon ve ikinci görüş, SAR/STR taslakları ile risk hızı.
3. Sorumlu oyun - sınırlar ve kendini dışlama
Desenler: kolay sınır ayarı, görsel ilerleme, nötr ton, soğutma dönemleri.
4. Gizlilik ve Onay - GDPR/CCPA, vb.
Kalıplar: onay merkezi, veri dışa aktarma/silme, erişim günlükleri, en aza indirme.
5. Güvenlik ve Erişim - RBAC/SoD/2FA
Örüntüler: rol matrisi, yükselme isteği, çift kontrol, hassas işlemlerin onaylanması.
6. Olaylar ve Denetimler - İzleme ve Ölüm Sonrası
Örüntüler: olay kartı, zaman çizgisi, ilişkili iletişim (afiş/mektup), önleme önlemleri.
3) Bilgi mimarisi (Uyumluluk bölümünün iskeleti)
Gösterge tablosu: KYC/AML durumları, kuyruklar, uyarılar, KPI (SLA, TtV - doğrulama zamanı).
Kontroller: KYC/KYB, yaptırımlar/PEP, fon kaynakları (SoF), işlem izleme.
Kurallar ve Politikalar - Senaryo Tasarımcısı, Versiyonlar, Yayınlar.
Günlükler ve raporlar: eylemler, erişimler, veri dışa aktarma, SAR/STR.
Ayarlar: roller/haklar, sağlayıcı entegrasyonları, bildirim şablonları.
4) KYC ekranı: kontrol listesi + ana desen
Kompozisyon: ilerleme (adımlar), gerekli belgelerin listesi, fotoğraf kalitesi ipuçları, önizleme, durum, ETA, iletişim kanalı.
Mikrokopi:- "Bu ~ 2 dakika sürecek. Bir belge ve iyi aydınlatılmış bir alan hazırlayın"
- Parlama olmadan fotoğraf, köşeler ve metin görünür. Gerekirse tekrarlayın"
- A11y: açık etiketler, sesli talimatlar, durumlar için 'aria-live =' kibar ', ilk hataya odaklanın.
5) AML/yaptırımlar: risk, örtüşme ve açıklanabilirlik
Risk oranını bir ölçek + faktör olarak gösteriyoruz (etkilenen):- Risk kaynakları: coğrafi, cihazlar, davranış, yaptırımlar/RAP listeleri, işlem modelleri.
- Maç kartı: fotoğraf/isim/doğum tarihi/liste kaynağı/eşik. Düğmeler: "Escalation", "Exclude (justify)", "Link to profile".
- Açıklanabilirlik: "Risk (1) %87 isim eşleşmesi, (2) karakteristik olmayan çıkış hacmi, (3) geçmişi olmayan yeni cihaz".
- Çift kontrollü eylemler (dört göz): engelleme, son sapma, limit değişikliği.
6) Sorumlu oyun: nötr ton ve hızlı eylem
Bileşenler: LimitsControl, Self-Exclusion, SessionTimer, RiskAlert.
İlkeler:- Baskı olmadan tarafsız, saygılı bir ton.
- 2-3 adımda sınırların belirlenmesi, onaylama ve görünür ilerleme.
- Komşu blokta "neden soruyoruz" açıklamaları.
- Microcopy: "Günlük depozito limiti belirleyebilirsiniz. Bu, maliyetleri kontrol etmeye yardımcı olacak"
7) Gizlilik ve rıza
Onay Merkezi: işlem hedeflerinin listesi (analitik, pazarlama, kişiselleştirme), anahtarlar, onay tarihi,'daha fazla bilgi ".
Veri konusu hakları: arşivi indirin, silme isteğinde bulunun, erişim günlüğünü görüntüleyin.
Küçültme: Hangi alanların isteğe bağlı olduğunu ve neden zorunlu alanlara ihtiyaç duyulduğunu gösterir.
Microcopy: "Sadece belgenin bir fotoğrafı için kameraya erişim istiyoruz. Anlık görüntüler şifrelenir ve sınırlı bir süre için saklanır"
8) Roller, haklar ve çifte kontrol
RBAC-matrix: eylemlere karşı roller (görünüm/düzenleme/onaylama/dışa aktarma).
SoD: Bir çalışan hem bir ödeme/rapor oluşturamaz hem de onaylayamaz.
Hakların yükseltilmesi:'tek seferlik erişim isteyin "- sebep - son tarih - otomatik hatırlama.
2FA ve onaylar: hassas işlemler için - yeniden giriş/abonelik.
9) Uyarılar, durumlar ve önceliklendirme
Tek ölçek: bilgi - uyarı - uyarı - hata - kritik.
Kritik - Global Banner + Log + Sahibine Bildir.
Gürültü kontrolü: Aynı tür olayların gruplandırılması, frekans kısıtlamaları, "dnd" modu.
Статусы KYC/AML: 'none | pending | ek bilgi | onaylandı | reddedildi | süresi doldu'.
10) Kural Oluşturucu ve Sürüm Oluşturma
UI modeli: "eğer... O... Aksi takdirde"... bir koşullar kütüphanesiyle (coğrafi, sınır, davranış, fon kaynağı).
Simülatör: geçmiş veriler, beklenen yanıt oranı, FPR/TPR üzerinde çalışır.
Sürümler ve yayınlar: Taslak - inceleme - sürüm; Değişim günlüğü; versiyonu geri alıyorum.
Etiketleme: "beta", "bölgeler", "kanallar".
11) Etkinlik günlükleri ve denetim izleri
Tek olay kartı: kim + ne zaman + ne + neden (kural/ilke bağlantısı), eski/yeni değer, istek kaynağı (UI/API).
Filtreler: kullanıcı/eylem/nesne/sonuç tarafından.
Dışa Aktarma/Abonelikler - Zamanlama ve Format (CSV/JSON).
Değiştirilemez: salt okunur işaretler, bütünlük denetimi.
12) Olaylar ve kullanıcılarla iletişim
Olay Ekranı: Açıklama, Etki, Etkilenen Sağlayıcılar/Yöntemler, ETA, Sahibi, Zaman Çizelgesi, İlişkili Biletler, Ölüm Sonrası Notlar.
İletişim: Üründeki banner (segmentasyonlu), e-posta/push, durum sayfası.
Microcopy: "Ödeme sağlayıcısı X kararsız. Bazı kullanıcılar 30 dakikaya kadar kayıt gecikmesi var. Bir düzeltme üzerinde çalışıyoruz"
13) Açıklanabilir UI
Her otomatik sonuç için - görünür faktörler ve "nasıl meydan okunur".
Reddetme durumunda: Politika ile mümkün olduğunca çok şey açıklıyoruz (dolandırıcılık karşıtı açıklama yapmadan).
- "Belge uyuşmazlığı nedeniyle çıktınız geçici olarak askıya alındı. Lütfen ek adres kanıtı yükleyin. Bu, kara para aklama ile mücadele için yasal gerekliliklerden kaynaklanmaktadır"
14) Uyumluluk Tasarım Sistemi
Bileşen ekleme/rafine etme:- KYCChecklist, DocumentUpload, Livenessİpucu, RiskBadge, RiskFactors, CaseTimeline, ConsentCenter, LimitSetter, AuditTable, IncidentBanner, DualApprovalModal.
- Durum ve öncelik belirteçleri, arızalar için mikrokopi şablonları, veri istekleri ve bildirimler.
15) Kullanılabilirlik (A11y) ve yerelleştirme
Tam klavye navigasyon, odak halkaları, AA kontrastları.
'aria-live =' iddialı '' kritik uyarılar için, 'kibar' bilgi için.
Uzun diller (DE/TR), tarih/para birimi biçimleri, RTL, terimlerin yasal doğruluğu.
'Th/scope', okunabilir başlıklar içeren günlük tabloları.
16) UI'de güvenlik
Varsayılan olarak hassas verileri maskelemek, "göster" açık bir eylemdir.
Oturum zaman aşımları, kritik adımlarda yeniden giriş onayları.
Girdilerin/cihazların geçmişi, yeni girdilerin bildirimleri.
Açık izin metinleri (kamera/geo/dosyalar) ve nedenleri.
17) Performans ve güvenilirlik
Uzun günlükleri sanallaştırın, filtreleri URL'ye kaydedin.
İplikçiler yerine iskeletler; Anlaşılabilir duraklamalarla geri çekilir.
Fonksiyonların bir açıklama ile bozulması ("veri kaynaklarının bir kısmı mevcut değil").
SAR/STR taslaklarını ve politikalarını otomatik kaydetme.
18) Kalite metrikleri (minimum)
TtV (doğrulama zamanı) medyan/p95.
KYC/AML kuyrukları (görev yaşı, iş yükü).
Otomatik yükselme ve itirazların/yükselmelerin paylaşımı.
FPR/TPR kuralları, düzenlemelerden sonra yeniden doğrulama.
Çözüm Zamanı olayları, SLA uyumluluğu.
Form hataları/belge yükleme hataları.
CSAT on failures/verification (açıklamaların tonu ve netliği).
19) Kontrol listeleri
Yayınlanmadan önce KYC ekranı
- İlerleme/ETA, net fotoğraf/dosya gereksinimleri.
- Satır içi doğrulama, ilk hataya odaklanma, 'aria-' doğru.
- Dosya ve önizlemeyi yeniden yükle, taslağı otomatik kaydet.
- Nötr ton, yerelleştirme, mobil kısıtlamalar dikkate alınır.
AML/Yaptırımlar
- Görünür faktörler ve kaynaklar ile risk oranı.
- Hit Kart - Eylemler, Eskalasyon, Günlük.
- Yüksek riskli operasyonlar için ikili kontrol.
- Kural simülatörü ve sürüm oluşturma.
Günlükler/Denetim
- Filtreler, dışa aktarma = ekran, kayıt değişmezliği.
- Olayların zaman çizgisi açıktır, birincil kaynaklara bağlantılar.
20) Anti-desenler
KYC formlarında etiket yerine yer tutucu.
"Hata 400/başarısızlık", "sırada ne" olduğunu açıklamadan.
Tek risk/durum sinyali olarak renk.
Rolleri ve eylemleri karıştırma (SoD yok).
Versioning ve migrations diye bir kural yoktur.
Mobil cihazlarda ölçeklemeyi yasaklayın (görünmez belge ayrıntıları).
ETA'ların ve kontrollerin olduğu "Anında".
21) Mikrokopi şablonları
Belge isteği
Adresi onaylayan bir belgeye ihtiyacımız var (3 aydan daha eski olmayan faturalar). Biçim: JPG/PNG/PDF'ye kadar 10MB"
Ara durum
"Belgeler alındı. Doğrulama 15 dakika kadar sürecektir. Sonucu size bildireceğiz"
Arıza (nötr)
"Verileri doğrulayamadık. Lütfen daha net bir fotoğraf yükleyin - köşeler ve metinler görünür"
AML eşleşmesi (operatör için)
"AB Yaptırım listesi ile isme göre eşleşme (%87). İkinci bir görüş gerekli"
Limitler
"Haftalık 1.000 UAH depozito limiti belirleyin. "İstediğiniz zaman değiştirebilirsiniz"
22) Anahtar ekran düzenleri (çerçeveler)
A. Uyumluluk panosu
KPI (TtV, otomatik güncelleme paylaşımı, kuyruk) - uyarılar - vaka kuyruğu - hızlı eylemler.
B. KYC Vaka Kartı
Durum/oran/kaynaklar - belgeler (önizlemeler) - karar kontrol listesi (onayla/tut/reddet) - günlük.
C. AML maçı
Ayrıntıları eşleştir - risk faktörleri - tırmanma/dışlama - SAR taslağı - çift onay.
D. Onay Merkezi
Hedef listesi, anahtarlar, açıklamalar, onay tarihi, dışa aktarma/silme, erişim günlüğü.
23) Uygulama süreci (adım adım)
1. Denetim senaryoları: KYC/AML/limitler/onay/günlükler.
2. MVP- компоненты: KYCChecklist, DocumentUpload, RiskBadge, ConsentCenter, AuditTable.
3. Politikalar/Kurallar: Yapıcı + Sürümler + Simülatör.
4. Günlükler/raporlar: tek format, dışa aktarma, abonelikler.
5. A11y/i18n: kontrol listeleri, autotests, manuel çalışır.
6. Metrikler ve deneyler: temel, TtV/FPR hedefleri, üç aylık incelemeler.
Son hile sayfası
Şeffaflık, açıklanabilirlik, öngörülebilirlik - UI'de üç uyum balinası.
Roller, çift kontroller ve günlükler - temel güvenlik.
Nötr ton ve erişilebilirlik - kullanıcıya saygı ve yasal istikrar.
Kural sürümleri + simülatör - sürprizler olmadan yönetilen değişiklikler.
TtV, FPR/TPR, kuyruklar, Çözme Süresi - ölçün ve döngüyü iyileştirin.
Gerekli - Süreçleriniz (KYC/AML/limitler/onay), metinler ve i18n tuşları için ekran çerçevesini ve ayrıca sürüm doğrulaması için kontrol listelerini hazırlayacağım.