TOP-10 interfeýsi üçin wizual usullar
Missiýalaryň interfeýsinde üç zat möhümdir: nyşanyň aýdyňlygy, ösüş duýgusy we kiçi ýeňişleriň ritmi. Aşakda - participation/completion-y ýokarlandyrýan we ekrany aşa ýüklemezden şikaýatlary azaldýan on usul bar.
1) Progress-basgançak "tükeniksiz" zolagyň ýerine
Bu näme: açyk bosagalar we baýrak nokatlary bilen bölünen T1 → T2 → Final şkalasy.
Näme üçin: beýni üçin "63% ösüş" -den tapawutly ädimlere düşünmek has aňsat.
Nädip çyzmaly
3-5 bölmek, hersine gol çekmek: "T1 100 bal", "T2 300", "Final 600".
Alnan baýraklary gönüden-göni bölünişiklerde görkezmek (FS/kesh/nyşan nyşanlary).
Bölmek üçin basmak → "näme berildi/haçan ýakylar".
A/B-ideýa: nyşanly basgançak vs gury şkala. Garaşmak: completion T1-e 3-5 p.p.
2) "Näçeräk galdy" düşnükli birliklerde
Bu näme: öňe gidişligiň gapdalynda güýç ekwiwalentini görkezýäris: äýnek → tapgyr → minut.
Kapotyň aşagyndaky formula (takmynan)
"120 bal galdy ≈ 8 tapgyr €0,5 ≈ 6-8 minut".
Düzgünler
Ilki wagt, soň tapgyrlar we pul.
Ulanyjynyň soňky 10-20 hereketini ortaça hasaplamak (uýgunlaşdyryjy maslahatlar).
Her 2-3 sekuntda "bökmezden" täzeläň.
A/B-ideýa: "äýnekde galdy" vs "minutda galdy". Garaşmak: irki çykyşlaryň 10-15% -ini −.
3) "Ekrana bir maksat" bilen ädim kartoçkalary (Step Cards)
Bu näme: missiýanyň her ädimi - uly maksady bolan aýratyn kartoçka we "Nädip hasaplanýar? ».
Kartoçkanyň düzümi
Sözbaşy: "3-den 2-nji ädim".
Maksat: 1 setiri ("300 bal ýa-da 150 spin ýygnaň").
Ösüş: kiçi basgançak/çip "180/300".
"?" düwmesi → açylan/aýrylan oýunlaryň, kaplaryň, mysallaryň sanawy.
Do: uly şrift, wizual iýerarhiki kontrast.
Don 't: ownuk şertler we ýyldyzlar bilen aşa ýükläň.
4) OR-maksatlar: üç ýoldan ybarat wizual "çeňňek"
Bu näme: tekstiň ýerine "ýa-da/ýa-da" - üç sany deňhukukly ýol düwmesi (Çalt bäsdeşlik Dildüwşük bilen).
Düzgünler
Üç ýol hem bir wagtda görünýär; işjeň yşyklandyryldy.
Her düwmäniň aşagynda - mini-ETA: "~ 8-10 minut", "1 gezek × 20", "100 spin".
Mikro tekst
"Amatly ýoly saýlaň. Islendik pursatda çalşyp bilersiňiz - ösüş dowam eder".
A/B pikiri: tagtalar vs plitkalar. Garaşmak: + 4-7 p.p. participation_net.
5) Liderbordda we missiýalarda baýrak zolaklary
Bu näme: tablisany/torlary zolaklara bölýäris (Top-3 / 4-10 / 11-50 / 51), her zolagyň iň az kepillendirilen baýragyny görkezýäris.
Wizual
Zolaklaryň reňkleri; oýunçynyň pozisiýasynyň golaýynda - "4-10 zonasyna 2400 bal galdy".
"Kepillendirilen: FS × 10" zolagynda, "düzgünlerde gözlemek" bolmazdan.
Peýdasy: "aýna potoloky" aýyrýar, real maksady emele getirýär.
6) "dem alyş penjiresi" bolan wagt box moduly
Bu näme: işjeň fazanyň wizual taýmeri (15-20 minut) + "jerime tölemezden arakesme" kartoçkasy.
Ekran
"Penjire 20:00" goly bilen tegelek taýmer.
Tamamlananda: ýumşak animasiýa + "Soň gaýdyp gelmek "/" Uzaltmak" (rugsat berilse).
Habar: "Arakesme akymyny kesmez".
Täsir: Sessions/DAU ösýär, ýadawlygy azaldar.
7) "Uçgun" mikro-animasiýalary we ýüklemek skeletleri
Bu näme: öňe gidişlikde we baýraklarda ýeňil çyralar/konfeti; maglumatlar bolan ýerlerde skeletonlar + şimer.
Hereketler boýunça gaýdlar
Uzynlygy 200-350 ms, ease-out/ease-in-out egri.
Esasy mazmuny ýapmaň, "yşyklandyryň".
Skeletonlar kartoçkalaryň geometriýasyny gaýtalaýarlar; şimer 1. 2–1. 6 sek.
A/B-ideýa: animasiýa bilen vs ýok. Garaşmak: irki çykyşlaryň 8-12% -ini −, "dowam etmek" üçin CTR.
8) Kontekst dollary: "Nädip hasaplanýar?" we "Näme üçin gitmeýär?"
Bu näme: nyşan "?" maksadynyň gapdalynda formulalar, mysallar we ýygy-ýygydan ýalňyşlyklar bilen kiçi gollanma açýar.
Blok şablony
"Pikir edişimiz ýaly": formula + 1 mysal.
"Kaplar": nyrh/min/gün (sanlar) üçin.
"Öňegidişlik ýokmy?" 3 sebäpler + aýrylan oýunlara/reimesimlere salgylanmalar.
Goşmaça: sapport biletlerini düýpgöter peseldýär.
9) Reňk, kontrast we ikonografiýa (WCAG + garaňky tema)
Esasy düzgünler
Tekstiň gapma-garşylygy iň az WCAG AA (4. 5:1), uly - 3:1.
Reňk ≠ manynyň ýeke-täk göterijisi: nyşanlary/nusgalary goşuň.
Nyşanlar: 2-3 esasy görnüş (ýyldyz - baýraklar, maksat - ädim/missiýa, ýyldyrym - "uçgun").
Garaňky tema: # 0F/12 fon, "uçgun" zäherli RGB bolmazdan şöhle saçýar.
Mikro-göçürme
"Baýrak 12 sagatdan soň ýakylar" - elmydama "Al" düwmesiniň gapdalynda.
10) Boş ýagdaýlar, ýalňyşlyklar, bellikler "ýakylar"
Bu näme: maglumatlar/missiýalar ýok bolanda we bir zat nädogry bolanda oýlanyşykly ekranlar.
Boş
Illýustrasiýa + "Bu gün erkin. "Günüň menýusyny" synap görmek isleýärsiňizmi?
"Missiýany saýla →" düwmesi.
Ýalňyşlyklar
"Ösüş täzelenip bilmedi. Gaýtalaýarys"... + spinner ≤ 3 sek → "Has köp synap görüň "/" Söhbetdeşlige".
"X arkaly ýanýar" statusyny baýraklaryň kartoçkasynda we baýraklaryň sanawynda görkezmek.
Goşmaça interfeýs elementleri
"Kapa" çipi: "200/200 bal/sagat - çäk. Sagat 00: 00-da".
Nyşan "diýen ýaly": bosagada 150 bal ≤ sary görkeziji.
Oýun geçişleri: "Oýny üýtgetmek - ösüş dowam eder" (anti-grind).
Lokalizasiýa: aýrylmaz boşlukly sanlar "€1 000", 24 sagatlyk wagt formaty, ýerli gün atlary.
Mikro-tekst (bolşy ýaly goýup bolýar)
"Galypdy 120 bal ≈ 8 tapgyr €0,5 (6-8 min)."
"Sen 11-50 zonada. Kepillendirildi: FS × 10. 4-10 - 2400 bal"
"Kapa: 200 bal/sagada ýetdi. Sagat 00: 00-da (Europeewropa/Kiýew)"
"Ýoly saýla: Çalt/Ýaryş/Dildüwşük bilen - islendik pursatda üýtgedip bolýar."
UI synaglary üçin metrikler
Hunä UI täsiri: CTR "Başla", participation_net, T1/T2 completion.
Özüni alyp baryş: Early-exit (≤ 5 min), time-to-T1/T2, switch-rate ýollary, tula görmek "?".
Hil: şikaýatlar/1k, ösüşi täzelemegiň ýalňyşlyklary, latency p95.
Bahasy: Δ ARPPU (net), Prize & Bonus/Active, Net Uplift.
A/B çarçuwasy (gysgaça)
Birlik: ulanyjy; sticky-assignment; stratifikasiýa (platform/geo/payer-flag).
Çaklamalar: basgançak vs zolak; "minutlar" vs "äýnek"; düwmeler-ýollar vs tablar; "uçgun" animasiýasyz vs.
CUPED: kowariat hökmünde deslapky wagt; penjire ≥ D0-D2/D3-D7 fazalary bilen 2 hepde.
Missiýa dizaýneriniň barlag sanawy
- Baýrak nyşanlary bilen T1 → T2 → Final basgançagy.
- Minutlarda/tapgyrlarda "Näçe galdy" bloky.
- Ädim kartoçkalary, ekrana bir maksat.
- OR ýollary - ETA-dan üç sany görünýän düwme.
- Baýrak zolaklary we plaçka "kepillendirilýär".
- Wagt box-taýmer + "dem alyş penjiresi".
- Mikro-animasiýa "uçgun", skeletonlar/şimer.
- Tula "Nädip hasaplanýar?" "Näme üçin gitmeýär".
- Kontrast/nyşanlar/garaňky tema; "X arkaly ýanar".
- Boş ýagdaýlar we hoşniýetli ýalňyşlyklar.
Mini-case (sintetik)
Öň: bosagasyz ösüş zolagy, "120 bal galdy" teksti, gizlenen kaplar, ýyly boş ýagdaýlar ýok.
Ondan soň: baýraklar bilen basgançak, "8 tapgyr/6-8 minut", OR-ýol-düwmeler, taýmboks-modul, doly "?", "kapa ýetildi", uçgun + skeletonlar, baýrak zolaklary.
Netije 4 hepde vs gözegçilik: participation_net + 6. 4 p.p., completion + 10. 8 p.p., Erly-exit − 18%, şikaýatlar/1k − 31%, Δ ARPPU (net) + €1. 7 при Prize&Bonus/Active +€0. 5.
Missiýalaryň gowy interfeýsi wizual düzgün-nyzamdyr: "batgalyk göterimleriň" ýerine ädimler, anyk yşaratlar, görnüp duran baýraklar we ýumşak dinamika. Oňa elýeterliligi, aç-açan dollary, taýmbokslary we arassa animasiýalary goşuň - missiýalar uzak we içgysgynç ösüş zolagy däl-de, "kiçijik ýeňişleriň ritmi" hökmünde işe başlar.