UX ödeme ve dönüştürme modelleri

1) Akış haritası: tam olarak neyi optimize ediyoruz

Giriş> Yöntem Seç> Ayrıntılar> İnceleme> 3DS/Confirmation> Makbuz

Hızlı rayları (A2A/wallets/One-tap) ve klasik kartları (PAN-form) destekliyoruz.
Tekrarlanan ödemeler için - tek tıklamayla/belirteçler/ağ belirteçleri; Birincisi için - adım atmanın gerekli olduğu ana kadar "sürtünmesiz".

2) Tek Adımlı vs Çok Adımlı

Tek adımlı (satır içi): daha az tıklama, daha hızlı algılama. Cüzdan/Apple Pay/Google Rau/yeniden yönlendirme ile yerel yöntemler için önerilir.
Çok adımlı (master): SoF kartları/formu üzerindeki bilişsel yükü daha iyi yönetir. Her adım 1 karardır (miktar - yöntem - ayrıntılar - onay).
Çözüm: Hibrit - hızlı raylar ve kısa biçimli kartlar için tek adımlı, karmaşık senaryolar için ana (kupon/bonus/hesap adresi/SoF).

3) Şekiller: Hatasız hız

Doğrulama ve maskeleme

Otomatik PAN biçimi (# # # # # # # #), Luhn yerel, marka ve uzunluk ipucu.
EXP MM/YY - otomatik hareketli iki alan, CVV - maske + ipucu simgesi.

BIN-detection - ipucu "Banka kartınız 3DS. isteyebilir"

Miktar/para birimi: Yerel para birimini ve yazma para birimine dönüşümü gösterir (farklıysa).

Otomatik tamamlama

'Autocomplete' tarayıcı desteği (cc-number, cc-exp, cc-csc, name).
Yöntemin korunması (rıza ile) - tokenization; "PAN'ı saklamıyoruz'diye netleştirin.

Hatalar

Satır içi ipuçları, "form çapında'değil. "1 satır mesaj: ne oldu ve ne yapmalı.
Ayrı sert (geçersiz PAN) ve yumuşak (ihraççı kullanılamıyor) hatalar - tekrarlama stratejisi buna bağlıdır.

4) Yöntem seçimi: "beyaz raf", vitrin değil

İlk - önerilen (cüzdanlar/yüksek AR ile yerel APM), sonra "Diğer yöntemler".
Çalışmayan GEO/doğrulama yöntemlerini gizle.
Yerelleştirilmiş simgeler/isimler; ETA'yı para çekme ile gösterin (aynı sistemde para yatırma + para çekme ise).
Kartlar için - BIN tespiti için Visa/Mastercard/MIR/AmEx rozetleri.

5) 3DS UX: Bir dönüşüm nasıl "öldürülmez"

Varsayılan olarak sürtünmesiz, meydan okuma - yalnızca risk/politikada.
3DS'i modal içine yerleştirin, yeni bir pencere gibi değil.
Açık beklentiler: "Banka onay isteyebilir - telefonunuzu yakın tutun".
Fail-safe: timeout - tekrarlanması veya alternatif yönteme geçilmesi istenir.
İçeriği kaydet: 3DS tamamlandıktan sonra, girilen verileri kaybetmeden aynı adıma geri dönüyoruz.

6) düşüş-iyileşme

Yumuşak düşüş: "Banka/limit geçici olarak kullanılamıyor" + yineleme düğmesi; Tekrarlama yardımcı olmadıysa - "Başka bir yöntem deneyin" düğmesi (A2A/cüzdan sunun).
Sert düşüş: aynı rotada yeniden ödeme teklif etmeyin; Güvenli alternatifler (yerel APM'ler) gösterin.
Miktar/para birimi ve seçilen bonus paketini kaydedin - yeniden girişi zorlamayın.
Cep telefonunda - sistemi geri gizlemeyin; Durumu URL/Depolama alanında tutun.

7) Komisyon şeffaflığı ve iade politikası

Depozitoda ücret veya DCC varsa - onaylamadan önce gösterin: "Komisyon X %/Y düzeltmesi., Z'yi yazmak için Toplam".
Aynı yöntem ve "kaynağa dönüş": kısa metin "Mevduatın geldiği yere, net miktara getiriyoruz".
Kurallara bağlantılar - kullanıcıyı ödeme adımından çıkarmadan ayrı bir katmanda (sayfada).

8) Yerelleştirme, para birimi, dil

Accept-Language/IP/KYC tarafından otomatik dil, ancak açık bir anahtar tutun.
Yerel ayarlara göre binlerce/ondalık biçimlendirme (1,234,56 vs 1,234. 56).
Yerel ödeme bilgileri (CPF/PIX anahtarı, IBAN, fatura adresi) - yalnızca bu ülkede gerektiğinde.
3DS/date kodları için tarihler/saatler - yerel ayarlara göre (24h vs 12h).

9) Cüzdanlar ve tek dokunuşla

Apple Pay/Google Pay: Yalnızca desteklenen cihazlarda/tarayıcılarda gösterilir. Miktar kartına tek dokunun.
Sistem sayfası (yerel sayfa) - en hızlı; Miktarı/para birimini gizlemeyin.
"Kaydedilmiş" kartlar/cüzdanlar vitrin: büyük logolar, son 4 geçerlilik süresi - "güncelleme tarihi" uyarısı ile.
Ağ belirteçleri istikrarlı yeniden ödemeler/yinelenen için destek.

10) Kullanılabilirlik ve performans

A11y: odak stilleri, kontrastlar, 'arya etiketleri', 3DS/forms ekrandaki okuyucular için destek.
Klavye gezinme ve tuzaklar olmadan "sekme sırası".
İlk etkileşimli, boş ekranlar yerine iskeletler için <2 c yükleniyor.
Çevrimdışı stabilizasyon: Ağ 3DS'de "batarsa", anlaşılır bir mesaj ve güvenli tekrarlama.

11) Dolandırıcılık karşıtı dostu UI ("yakma" dönüşümü yok)

Yumuşak adım atma: ZIP/posta, DOB, selfie/ACC isteyin - riske göre, herkes tarafından değil.
Uyumsuzluk vurgulama (BIN ülke vs IP/KYC) - iç mantığı genişletmeden ("Mevcut banka desteklenmiyor gibi görünüyor").
Kullanıcı arayüzündeki deneme sayısını, yeniden denemeden önceki zamanlayıcıyı, ilerleme göstergesini sınırlayın.

12) Mikro metin yazarlığı (örnekler)

PAN: "16-19 basamaklı, boşluk yok - ekleyeceğiz".
CVV: "Kartın arkasında/yüzünde 3-4 basamak".

Yumuşak hata: "Banka geçici olarak yanıt vermedi. Tekrar deneyin veya başka bir yöntem seçin"

Sert hata: "Banka işlemi reddetti. Lütfen ödeme için farklı bir yol seçin.
3DS: "Banka başvurusunda işlemi onaylayın - bu ~ 10-20 saniye sürer".

13) Mobil desenler

Sayısal alanlar için sayısal klavye, otomatik odak geçişi.
Yapışkan çubuk "Total write-off/Continue".
Bankacılık uygulamalarında derin bağlantı 3DS desteği.
Onay için dokunsal geri bildirim; kötüye kullanmamak.

14) Ödeme senaryoları ve akış seçenekleri

Express-deposit: varsayılan yöntem (son başarılı token), 1 ekran.
"Kayıt yok" - ödemeden sonra KYC (izin verildiğinde): üst huniyi artıracak, ancak mutlaka - iade politikası ve sınırları.
Combo bonusu + depozito: net depozito tutarını ve bonusu ayrı ayrı gösterin; Oyunun koşullarını gizlemeyin.

15) Metrikler ve gösterge panoları (minimum)

AR/DR yöntemi/geo/kanal/cihaz ile.
3DS geçiş ve sorumluluk değişimi, yumuşak düşüş payı.
Huni: Görünüm ^ MethodPick ^ Ayrıntılar ^ 3DSStart ^ 3DSSuccess ^ Ücretli.
Vazgeçme nedenleri (sayfa içi olaylar): kapatma, alan hatası, zaman aşımı.
Aşamalara göre gecikme süresi p95/p99 (render, input, 3DS, confirmation).
Onay başına maliyet ve alma oranı % (yönlendirmeyi etkileyen UX değişiklikleri için).
Mobil vs Masaüstü: AR ve gecikme içinde boşluk.

16) Deneyler (kısa)

Kullanıcı tarafından randomize edilir, GEO/BIN/yöntemi ile tabakalandırılır.
Korkuluklar: CBR/Geri Ödeme, AR eşiği, gecikme.
Test: yöntem sırası, hata metinleri, 3DS modalları vs yönlendirme, ekspres akış, otomatik tamamlama, maskeleme.
Akış yöntemi/PSP seçimi değişirse tam maliyeti (ücretler/FX/rezerv) göz önünde bulundurun.

17) Ekran şablonları (tel kafes düzeyinde)

A. Yöntem seçimi (mobil)

Başlık: "Ödeme yöntemi"

Kartlar: Apple Pay/Google Pay/Yerel Cüzdan/Kart

Etiketler: Hızlı, Önerilen, ETA çıkışı (ilgili ise)

Yerel para birimi + tutar

B. Kart formu

Alanlar: PAN, EXP, CVV, Tutucu Adı

Onay kutusu "Hızlı ödemeler için kartı kaydet" (açıklama ile)

InfoBlock: bankadan onay istenebilir

Düğme: "X {para birimi} öde"

C. 3DS modalka

Adımlar: "Bankada onay bekleniyor" + zamanlayıcı + düğme "Tekrarla"

Diğer Yöntem Bağlantısı'nı seçin (miktarı ve bağlamı kaydeder)

D. Hata/alternatif

Hata Türüne Göre Mesaj

CTA 1: Tekrarla (yumuşak)

CTA 2: "[Yerel yöntemle] ödeme yapın"

18) En iyi uygulamalar (kısa)

1. Önce hızlı raylar (cüzdanlar/A2A), sonra kartlar; alakasız yöntemleri gizleyin.
2. Yumuşak doğrulama satır içi, bitmiş hata mesajı, yeniden başlatma yok.
3. Modal olarak 3DS, varsayılan olarak sürtünmesiz, açık beklenti ve B planı.
4. Hataların ve geri dönüşlerin durumunu kaydedin, yeniden denemeden önce bir tık.
5. Yerelleştirme: para birimi/formatlar/alanlar; Onaydan önce komisyonu göster.
6. Mobil ilk tasarım: sayısal klavye, yapışkan-CTA, üstte hızlı yöntemler.
7. Kullanılabilirlik ve performans isteğe bağlı değildir.
8. Dolandırıcılıkla mücadele riski arttırıyor, herkesi değil.
9. Her adım için telemetri + arızaların ve nedenlerin hunisi.
10. Korkuluklar ve tam değer ile deneyler.

19) Uygulama kontrol listesi

• GEO yöntem haritası ve görüntüleme sırası.
• PAN/EXP/CVV maskeleme/doğrulama, 'otomatik tamamlama'.
• BIN algılama ve marka, 3DS ipucu.
• Zamanlayıcı ve geri dönüş ile 3DS modal.
• Yumuşak düşüş için yeniden deneyin, sert düşüş için alternatif.
• Şeffaf aynı yöntem ücretleri ve politikaları.
• Yerelleştirme: dil, para birimi, biçimler, yerel alanlar.
• Tek dokunuşla/cüzdanlar, kaydedilmiş yöntemler, ağ belirteçleri.
• А11у/performance (LCP/TTI), iskeletler.
• Panolar: AR/DR, 3DS, huni, gecikme, arıza nedenleri.
• Plan A/B ve korkuluklar, analiz için veri frizi.

Özet

Ödeme dönüşümü, küçük şeylerin toplamıdır:'ilk ekranda "hızlı yöntemler, doğru formlar ve ipuçları, düzgün 3DS artışı, yetkili ret işleyicisi ve komisyonların dürüst şeffaflığı. Hız, netlik ve felaket kurtarmaya odaklanın, her şeyi adım adım ölçün ve kontrollü deneylerle değişiklikleri uygulayın - bu şekilde AR'yi yükseltecek, arızaları azaltacak ve oyuncuların ve düzenleyicilerin güvenini koruyacaksınız.