Missiya interfeysi üçün vizual üsulların TOP-10
Missiyaların interfeysində üç şey vacibdir: hədəfin aydınlığı, tərəqqi hissi və kiçik qələbələrin ritmi. Aşağıda - participation/completion artıran və ekranı yükləmədən şikayətləri azaldan on fənd.
1) Tərəqqi-pilləkən əvəzinə «sonsuz» zolaq
Bu nədir: aydın eşiklər və mükafat nöqtələri ilə T1 → T2 → Final seqmentləşdirilmiş şkalası.
Niyə: Beynin diskret pillələri başa düşməsi davamlı "tərəqqi 63% 'dən daha asandır.
Necə çəkmək olar
3-5 bölmə, hər imza: «T1 100 xal», «T2 300», «Final 600».
Alınan mükafatları birbaşa bölmələrdə göstərin (FS/cache/nişan nişanları).
Bölmə tıklayın → «nə verildi/nə vaxt yanacaq».
A/B-fikir: simvol ilə pilləkən vs quru şkalası. Gözləmə: + 3-5 s completion T1.
2) başa düşülən vahidlərdə «Nə qədər qalıb»
Bu nədir: tərəqqinin yanında səylərin ekvivalentini göstəririk: xal → raund → dəqiqə.
Kapot altındakı formula (təqribən)
«120 xal ≈ €0.5 ≈ 6-8 dəqiqəlik 8 tur qalıb».
Qaydalar
Əvvəlcə vaxt, sonra raundlar və pul.
Son 10-20 istifadəçi hərəkətlərinin medianı ilə hesablayın (adaptiv ipuçları).
Hər 2-3 saniyədə «atlama» olmadan yeniləyin.
A/B-ideya: «eynəkdə qaldı» vs «dəqiqədə qaldı». Gözləmə: − 10-15% erkən çıxış.
3) «Ekranda bir məqsəd» olan addım kartları (Step Cards)
Bu nədir: missiyanın hər addımı böyük bir hədəfi olan ayrı bir kartdır və "Necə hesablanır? ».
Kart tərkibi
Başlıq: «2 addımı 3».
Məqsəd: 1 sətir («300 xal və ya 150 spin yığın»).
Tərəqqi: mini pilləkən/çip «180/300».
«?» düyməsi → daxil/xaric oyunların, kapların, nümunələrin siyahısı.
Do: böyük şrift, vizual iyerarxik kontrast.
Don 't: kiçik şərtlər və ulduzlarla həddindən artıq yükləyin.
4) OR-hədəfləri: üç yollu vizual «çəngəl»
Bu nədir: mətn əvəzinə «və ya» - üç bərabər yol düyməsi (Hekayə ilə sürətli rəqabət).
Qaydalar
Hər üç yol eyni vaxtda görünür; aktiv işıqlandırılır.
Hər düymənin altında mini ETA var: «~ 8-10 dəq», «1 dəfə × 20», «100 spin».
Mikro mətn
"Rahat bir yol seçin. Hər an dəyişə bilərsiniz - irəliləyiş davam edəcək".
A/B-fikir: tab vs düymə-plitələr. Gözləmə: + 4-7 p.p. participation_net.
5) Liderbordda və missiyalarda mükafat zonaları
Bu nədir: cədvəl/şəbəkəni zonalara bölürük (Top-3 / 4-10 / 11-50 / 51 +), hər zonanın minimum zəmanətli mükafatını göstəririk.
Vizual
Zonaların rəngləri; Oyunçunun mövqeyi yaxınlığında - «4-10 zonaya 2400 xal qalıb».
«Zəmanətli: FS × 10» düz zonada, «qaydalarda axtarış» olmadan.
Istifadə: «şüşə tavan» təmizləyir, real məqsəd formalaşdırır.
6) «tənəffüs pəncərəsi» ilə Time box modulu
Bu: aktiv faza vizual taymer (15-20 dəq) + kart «cərimə olmadan fasilə».
Ekran
«Pəncərə 20:00» imzası ilə halqa taymer.
Sonda: yumşaq animasiya + «Sonra qayıdacağam »/« Uzat» seçimi (icazə verilsə).
Mesaj: «Fasilə striki kəsməyəcək».
Effect: Sessions/DAU artır, yorğunluğu azaldır.
7) Mikro-animasiya «qığılcım» və skelet yükləmə
Bunlar nədir: tərəqqi və mükafatlar zamanı yüngül alovlar/konfetti; məlumat olan yerlərdə skeletonlar + şimer.
Hərəkət qaydaları
Uzunluğu 200-350 ms, ease-out/ease-in-out əyriləri.
Əsas məzmunu bağlamaq deyil, «işıqlandırmaq».
Skeletonlar kartların həndəsəsini təkrarlayır; 1. 2–1. 6 san.
A/B-fikir: animasiya ilə vs olmadan. Gözləmə: − 8-12% erkən çıxışları, + CTR «davam».
8) Kontekst dolları: «Necə hesablanır?» və «Niyə getmir?»
Bu nədir: «?» nişanı hədəfin yanında formullar, nümunələr və tez-tez səhvlər olan mini bələdçi açır.
Blok şablonu
«Hesab etdiyimiz kimi»: formula + 1 nümunəsi.
«Kaplar» :/dəq/gün (ədədlər).
«Heç bir irəliləyiş yoxdur?» 3 səbəb + oyunlar/rejimlər istisna linklər.
Plus: sapport biletlərini kəskin azaldır.
9) Rəng, kontrast və ikonoqrafiya (WCAG + qaranlıq mövzu)
Əsas qaydalar
Mətn kontrastı minimum WCAG AA (4. 5:1), böyük - 3:1.
Rəng ≠ yeganə məna daşıyıcısı: nişanlar/nümunələr əlavə edin.
Nişanlar: 2-3 əsas formalar (ulduz - mükafatlar, hədəf - addım/missiya, şimşək - «qığılcımlar»).
Qaranlıq mövzu: fon # 0F/12, «qığılcımlar» zəhərli RGB olmadan parlayır.
Mikro-kopirayt
«Mükafat 12 saatdan sonra yanacaq» - həmişə «Al» düyməsinin yanında.
10) Boş hallar, səhvlər, etiketlər «yanacaq»
Bu nədir: verilənlər/missiyalar olmadıqda və bir şey səhv olduqda düşünülmüş ekranlar.
Boş
Şəkil + "Bu gün pulsuzdur. "Günün menyusu 'nu sınamaq istəyirsinizmi?
«Missiyanı seç →» düyməsi (seçimə aparır).
Səhvlər
"Tərəqqi yenilənmədi. Təkrarlayın"... + spinner ≤ 3 san → "Daha çox cəhd edin "/" Söhbətdə".
«X vasitəsilə yanır» statusu mükafat kartında və mükafatlar siyahısında göstərilir.
Əlavə interfeys elementləri
"Kapa" çipi: "200/200 bal/saat - limit. Saat 00: 00-da sıfırlayın".
Nişan «demək olar ki, çatdı»: astanaya 150 bal ≤ sarı göstərici.
Oyun keçidləri: «Oyunu dəyişdirin - tərəqqi davam edəcək» (anti-yaşıl).
Lokalizasiya: ayrılmaz boşluqları olan ədədlər «€1000», 24 saatlıq vaxt formatı, yerli günlərin adları.
Mikro mətnlər (olduğu kimi daxil edilə bilər)
«Qalan 120 xal ≈ €0.5 (6-8 dəqiqə) 8 tur.»
"11-50 zonasındasınız. Zəmanət: FS × 10. 4-10 - 2400 xal"
"Qapaq çatır: 200 xal/saat. Saat 00: 00-da (Europe/Kyiv)"
«Yolu seç: Tez/Yarış/Hekayə ilə - hər an dəyişə bilərsiniz.»
UI təcrübələri üçün metriklər
Huniyə UI təsiri: CTR «Başlanğıc», participation_net, T1/T2 completion.
Davranış: Early-exit (≤ 5 dəq), time-to-T1/T2, switch-rate yolları, tools baxış «?».
Keyfiyyət: şikayətlər/1k, tərəqqi yeniləmə səhvləri, latency p95.
Dəyəri: Δ ARPPU (net), Prize & Bonus/Active, Net Uplift.
A/B-çərçivə (qısa)
Vahid: istifadəçi; sticky-assignment; stratifikasiya (platform/geo/payer-flag).
Fərziyyələr: pilləkən vs zolaq; «dəqiqə» vs «eynək»; tab vs yol düymələri; «qığılcım» animasiyası ilə vs olmadan.
CUPED: kovariat kimi pre-session-time; pəncərə ≥ D0-D2/D3-D7 fazaları ilə 2 həftə.
Missiya dizaynerinin yoxlama siyahısı
- Mükafat nişanları ilə T1 → T2 → Final pilləkənləri.
- Dəqiqə/raundlarda «Nə qədər qalıb» bloku.
- Addım kartları, ekranda bir hədəf.
- OR yolları - ETA ilə üç görünən düymələr.
- Mükafat zonaları və plak «zəmanət».
- Time box taymer + «tənəffüs pəncərəsi».
- Mikro-animasiyalar «qığılcım», skeletonlar/şimer.
- Tula «Necə sayılır?» + səbəbləri «niyə getmir».
- Kontrast/nişanlar/qaranlıq mövzu; «X vasitəsilə yanacaq».
- Boş hallar və xeyirxah səhvlər.
Mini case (sintetik)
Əvvəl: eşiksiz tərəqqi zolağı, mətn «120 xal qalıb», gizli qapaqlar, isti boş hallar yoxdur.
Sonra: mükafatlar ilə pilləkənlər, «8 raund/6-8 dəqiqə», OR-yollar-düymələr, taymbox-modul, tullar «?», «kap əldə», qığılcımlar + skeletonlar, mükafat zonaları.
Nəticə 4 həftə vs nəzarət: participation_net + 6. 4 p.p., completion + 10. 8 pp, Early-exit − 18%, şikayət/1k − 31%, Δ ARPPU (net) + €1. 7 при Prize&Bonus/Active +€0. 5.
Missiyaların yaxşı interfeysi vizual bir nizam-intizamdır: «bataqlıq faizi» əvəzinə addımlar, xüsusi səylər, görünən mükafatlar və yumşaq dinamika. Buna əlçatanlığı, aydın dolları, zaman qutularını və düzgün animasiyaları əlavə edin - və missiyalar uzun və darıxdırıcı tərəqqi zolağı kimi deyil, «kiçik qələbələrin ritmi» kimi işə başlayacaq.