Missiyalar interfeysi uchun vizual usullarni TOP-10
Missiyalar interfeysida uchta narsa muhim: maqsadning aniqligi, taraqqiyot hissi va kichik g’alabalarning ritmi. Quyida - participation/completion ni oshiradigan va ekranni ortiqcha yuklamasdan shikoyatlarni kamaytiradigan o’nta usul.
1) «cheksiz» chiziq o’rniga progress-zinapoya
Bu nima: T1 → T2 → Final shkalasi, aniq chegaralar va mukofot nuqtalari.
Nima uchun: miya uchun «63% progress» dan ko’ra diskret bosqichlarni tushunish osonroq.
Qanday chizish kerak
3-5 bo’linma, har biri «T1 100 ball», «T2 300», «Final 600» deb imzolansin.
Olingan mukofotlarni toʻgʻridan-toʻgʻri boʻlinmalarda (FS/kesh/beyj ikonchalari) koʻrsatish.
Boʻlish uchun bosing → «Nima berilgan/qachon yonadi».
A/B g’oya: belgili zinapoyalar vs quruq shkala. Kutish: + 3-5 p.p. to completion T1.
2) tushunarli birliklarda «Qancha qoldi»
Bu nima: taraqqiyotning yonida harakat ekvivalentini ko’rsatamiz: ochkolar → raundlar → daqiqalar.
Kapot ostidagi formula (taxminan)
«120 ochko qoldi ≈ har biri 0,5 evrodan 8 raund ≈ 6-8 daqiqa».
Qoidalar
Avval vaqt, keyin raundlar va pul.
Foydalanuvchining oxirgi 10-20 ta harakati (moslashuvchan maslahatlar) median bo’yicha hisoblansin.
Har 2-3 soniyada «sakrashlarsiz» yangilash.
A/B g’oya: «ko’zoynakda qoldi» vs «daqiqalarda qoldi». Kutish: − 10-15% erta chiqish.
3) «Ekranga bir maqsadli» qadam kartochkalari (Step Cards)
Missiyaning har bir qadami - alohida kartochka boʻlib, katta maqsad va "Qanday hisoblab chiqiladi? ».
Kartochka tarkibi
Sarlavha: «3 dan 2 qadam».
Maqsad: 1 satr («300 ball yoki 150 spin to’plang»).
Progress: mini-zinapoya/chip «180/300».
«?» tugmasi → kiritilgan/chiqarib tashlangan oʻyinlar, kaplar, misollar roʻyxati.
Do: katta shrift, vizual ierarxik kontrast.
Don’t: kichik sharoitlar va yulduzchalar bilan ortiqcha yuklash.
4) OR-maqsadlar: uch yo’ldan iborat vizual «vilka»
Bu nima: matn o’rniga «yoki» - uchta teng huquqli tugma-yo’l (Tezkor musobaqa syujet bilan).
Qoidalar
Uchta yo’l bir vaqtning o’zida ko’rinadi; aktiv yoritilgan.
Har bir tugma ostida mini-ETA: «~ 8-10 min», «1 marta × 20», «100 spin».
Mikro matn
"Qulay yoʻlni tanlang. Istalgan vaqtda oʻzgartirish mumkin - taraqqiyot davom etadi".
A/B g’oya: tablar vs plitka tugmalar. Kutish: + 4-7 p.p. participation_net.
5) Peshqadam va missiyalardagi mukofotlar zonalari
Bu nima: jadvalni/toʻrni zonalarga ajratamiz (Top-3 / 4-10 / 11-50 / 51 +), har bir zonaning minimal kafolatlangan mukofotini koʻrsatamiz.
Vizual
Zonalarning rangli plashkalari; futbolchining pozitsiyasi yaqinida - «4-10 zonaga 2400 ochko qoldi».
Plashka «Kafolatlangan: FS × 10» to’g «ridan to’g» ri zonada, «qoidalarda izlanmasdan».
Foydasi: «shisha shift» ni olib tashlaydi, real maqsadni shakllantiradi.
6) «Nafas olish oynasi» bo’lgan taymbox moduli
Bu nima: faol fazaning vizual taymeri (15-20 daqiqa) + «jarimasiz pauza» kartochkasi.
Ekran
«Oyna 20:00» imzosi bilan halqa taymeri.
Yakunlanganda: yumshoq animatsiya + «Keyinroq qaytaman »/« Uzaytirish» (agar mumkin boʻlsa).
Xabar: «Pauza strikni toʻxtatmaydi».
Effekt: Sessions/DAU ni o’stiradi, charchoqni kamaytiradi.
7) Mikro-animatsiyalar «uchqunlar» va yuklash skeletonlari
Bu nima: yutuq va mukofotlarda engil chaqnash/konfeti; ma’lumotlar bo’lgan joylarda skeletonlar + chimerlar.
Harakat bo’yicha gaydlar
Davomiyligi 200-350 ms, egri chiziqlar ease-out/ease-in-out.
Asosiy tarkibni yopish emas, balki «yoritish».
Skeletonlar kartochkalar geometriyasini takrorlaydi; 1. 2–1. 6 sek.
A/B-g’oya: animatsiya bilan vs. Kutish: erta chiqishlarning 8-12% −, + «davom etish» uchun CTR.
8) Kontekst to’liq: «Qanday hisoblanadi?» va «Nega kelmaydi?»
Bu nima: «?» belgisi maqsad yonida formulalar, misollar va tez-tez xatoliklar bilan mini-gid ochadi.
Blok namunasi
«Qanday hisoblaymiz»: formula + 1 misol.
«Kapi»: stavka/min/kun (sonlar) uchun.
«Taraqqiyot yoʻqmi?» 3 sabablar + istisno qilingan oʻyinlar/rejimlarga havolalar.
Plyus: sapportga chiptalarni keskin pasaytiradi.
9) Rang, kontrast va ikonografiya (WCAG + qorong’u mavzu)
Asosiy qoidalar
Matn kontrasti minimal WCAG AA (4. 5:1), yirik - 3:1.
Rang ≠ yagona ma’no manbai: piktogramma/pattern qo’shing.
Ikonkalar: 2-3 asosiy shakl (yulduz - mukofotlar, maqsad - qadam/missiya, chaqmoq - «uchqunlar»).
Qorong’u mavzu: orqa fon # 0F/12, «uchqunlar» zaharli RGBsiz porlaydi.
Mikro kopirayt
«Mukofot 12 soatdan keyin yonadi» - har doim «Oling» tugmasi yonida.
10) Bo’sh holatlar, xatolar, yorliqlar «yonib ketadi»
Bu nima: ma’lumotlar/missiyalar bo’lmaganda va biror narsa noto’g’ri bo’lganda o’ylangan ekranlar.
Boʻsh
Rasm + "Bugun erkin. «Kun menyusi» ni sinab koʻrmoqchimisiz?
«Missiyani tanlash →» tugmasi (tanlashga olib keladi).
Xatolar
"Taraqqiyotni yangilab boʻlmadi. Takrorlaymiz"... + spinner ≤ 3 sek → "Yana urinib ko’rish "/" Chat".
«X orqali yonadi» maqomi mukofotlar kartochkasida va mukofotlar roʻyxatida koʻrsatiladi.
Qoʻshimcha interfeys elementlari
"Kapga erishildi" chipi: "200/200 ball/soat - limit. Soat 00:00 da tashlash".
Nishon «deyarli yetdi»: sariq indikator ostonaga 150 ball ≤.
O’yinlarning o’tishi: «O’yinni o’zgartirish - taraqqiyot saqlanib qoladi» (anti-grind).
Lokalizatsiya: ajralmas bo’shliqli sonlar «€1 000», 24 soatlik vaqt formati, kunlarning nomi lokal.
Mikro matnlar (xuddi shunday qo’shilishi mumkin)
«Qolgan 120 ochko ≈ 0,5 yevro (6-8 daqiqa) boʻyicha 8 raund.»
"Sen 11-50 zonadasan. Kafolatlangan: FS × 10. 4-10 - 2400 ballgacha"
"Kapa: soatiga 200 ball. Soat 00:00 da tashlash (Europe/Kyiv)"
«Yo’lni tanla: Tez/Musobaqa/Syujet bilan - istalgan vaqtda o’zgartirish mumkin.»
UI-eksperimentlar uchun metriklar
Huniga UI ta’siri: «Boshlash» CTR, participation_net, T1/T2 completion.
Xulq-atvor: Early-exit (5 daqiqa ≤), time-to-T1/T2, switch-rate yo’llari, tullarni ko’rish «?».
Sifati: shikoyatlar/1k, taraqqiyotni yangilash xatolari, latency p95.
Qiymati: Δ ARPPU (net), Prize & Bonus/Active, Net Uplift.
A/B-ramka (qisqacha)
Birlik: foydalanuvchi; sticky-assignment; stratifikatsiya (platform/geo/payer-flag).
Gipotezalar: zinapoya vs polosa; «daqiqalar» vs «ko’zoynak»; tugma-yo’llar vs taba; «uchqunlar» animatsiyasi bilan vs bez.
CUPED: kovariat sifatida pre-session-time; deraza ≥ D0-D2/D3-D7 fazalari bilan 2 hafta.
Missiya dizaynerining chek-varaqasi
- Mukofot belgisi bilan T1 → T2 → Final zinapoyasi.
- «Qancha qoldi» bloki daqiqa/raundda.
- Qadam kartochkalari, ekranga bitta maqsad.
- OR-yo’llar - ETA bilan uchta ko’rinadigan tugmalar.
- Mukofot zonalari va plachka «kafolatlangan».
- Taymbox taymeri + «nafas olish oynasi».
- Mikro-animatsiyalar «uchqun», skeletonlar/shimer.
- Toʻla «Qanday hisoblab chiqiladi?» + «nima uchun kelmaydi» sabablari.
- Kontrast/piktogramma/qorong’u mavzu; «X orqali yonadi».
- Boʻsh holatlar va xayrixoh xatolar.
Mini-keys (sintetik)
Do: ostonasiz taraqqiyot chizig’i, «120 ball qoldi» matni, yashirin qopqoqlar, issiq bo’sh holatlar yo’q.
Keyin: mukofotlar bilan zinapoyalar, «8 raund/6-8 min», OR-yo’l-tugmalar, taymbox-modul, to’la «?», «kap», uchqunlar + skeletonlar, mukofotlar zonalari.
Natija 4 hafta vs nazorat: participation_net + 6. 4 p.p., completion + 10. 8 p.p., Early-exit − 18%, shikoyatlar/1k − 31%, Δ ARPPU (net) + €1. 7 при Prize&Bonus/Active +€0. 5.
Missiyalarning yaxshi interfeysi - bu vizual intizom: «foizlar botqog’i» o’rniga qadamlar, aniq harakatlar, ko’rinadigan mukofotlar va yumshoq dinamika. Bunga qulaylik, tiniq tullar, taymbokslar va toza animatsiyalarni qo’shing - va missiyalar uzoq va zerikarli taraqqiyot chizig’i sifatida emas, balki «kichik g’alabalar ritmi» sifatida ishlay boshlaydi.