ТОП-10 интерфейсі үшін визуалды тәсілдерді қолдану
Миссия интерфейсінде үш нәрсе маңызды: мақсаттың айқындығы, прогресс сезімі және кішкентай жеңістердің ырғағы. Төменде - participation/completion арттыратын және экранды жүктемей шағымдарды азайтатын он тәсіл.
1) Прогресс - «шексіз» жолақтың орнына баспалдақ
Бұл не: айқын шектері мен наградалар нүктелері бар сегменттелген T1 → T2 → Final шкаласы.
Неге: миға үздіксіз «63% прогресс» емес, дискретті сатыны түсіну оңай.
Қалай салу керек
3-5 бөлу, әрқайсысына қол қою: «T1 100 ұпай», «T2 300», «Final 600».
Алынған наградаларды тікелей бөліктерде көрсету (FS/кэш/бейдж белгішелері).
Бөлуді басу → «не берілді/қашан жанады» қалқымасы.
A/B-идеясы: иконасы бар баспалдақ vs құрғақ шкала. Күту: completion T1-ге + 3-5 ш.б.
2) «Қанша қалды» түсінікті бірліктерде
Бұл не: прогреспен қатар күш баламасын көрсетеміз: ұпай → раунд → минут.
Капот астындағы формула (шамамен)
«120 ұпай қалды ≈ €0,5-тен 8 раунд ≈ 6-8 минут».
Ережелер
Алдымен уақыт, содан кейін раундтар мен ақша.
Пайдаланушының соңғы 10-20 әрекетінің медианасы бойынша санау (бейімделетін кеңестер).
Әр 2-3 сек сайын «секіріссіз» жаңарту.
A/B-идеясы: «көзілдірікте қалды» vs «минутта қалды». Күту: ерте шығулардың 10-15% −.
3) «Экранға бір мақсатпен» қадам карточкалары (Step Cards)
Бұл не: миссияның әрбір қадамы - ірі мақсатты жеке карточка және "Қалай есептеледі? ».
Карточка құрамы
Тақырып: «3 қадамнан 2».
Мақсат: 1 жол («300 ұпай немесе 150 арқаны жинаңыз»).
Прогресс: «180/300» шағын баспалдақ/чип.
«?» түймешігі → қосылған/шығарылған ойындар, каптар, мысалдар.
Do: үлкен қаріп, көрнекі иерархиялық қарама-қарсылық.
Don 't: ұсақ жағдайлармен және жұлдызшалармен жүктеу.
4) OR-мақсаттар: үш жолдан тұратын визуалды «айыр»
Бұл не: мәтіннің орнына «немесе/немесе» - үш тең құқықты жол түймесі (Сюжетпен жылдам жарыс).
Ережелер
Барлық үш жол бір мезгілде көрінеді; белсенді жарықтандырылған.
Әрбір батырманың астында - мини-ETA: «~ 8-10 мин», «1 рет × 20», «100 спин».
Микро мәтін
"Ыңғайлы жолды таңдаңыз. Кез келген уақытта қайта қосуға болады - прогресс сақталады".
A/B идеясы: табалар vs батырмалар-плиткалар. Күту: + 4-7 п.т. participation_net.
5) Көшбасшы борттағы және миссиялардағы наградалар аймақтары
Бұл не: кестені/торды аймақтарға бөлеміз (Top-3 / 4-10 / 11-50 / 51 +), әрбір аймақтың ең аз кепілдендірілген наградасын көрсетеміз.
Визуалды
Аймақтардың түс тақтайшалары; ойыншы позициясының жанында - «4-10 аймаққа дейін 2400 ұпай қалды».
«Кепілдендірілген: FS × 10» плашкасы тікелей аймақта, «ережеде іздеу» жоқ.
Пайдасы: «шыны төбені» тазалайды, шынайы мақсатты қалыптастырады.
6) «Тыныс алу терезесі» бар таймбокс-модуль
Бұл не: белсенді фазаның визуалды таймері (15-20 мин) + «айыппұлсыз үзіліс» карточкасы.
Экран
«Терезе 20:00» деген қолы бар сақиналы таймер.
Аяқтағанда: жұмсақ анимация + «Кешірек қайтамын »/« Ұзарту» таңдауы (егер мүмкін болса).
«Үзіліс сызықты үзбейді».
Әсері: Sessions/DAU өсіреді, шаршауды азайтады.
7) «Ұшқын» микро-анимациялары және жүктеу скелетондары
Бұл не: прогрессте және марапаттарда жеңіл жарқылдар/конфетти; деректері бар жерлерде скелетондар + шимер.
Қозғалыс бойынша гайдтар
Ұзақтығы 200-350 мс, ease-out/ease-in-out қисықтары.
Негізгі мазмұнды жабу емес, «жарықтандыру».
Скелетондар карточкалардың геометриясын қайталайды; шимер 1. 2–1. 6 сек.
A/B-идеясы: анимациямен vs жоқ. Күту: 8-12% − ерте шығу, + CTR «жалғастыру».
8) Толық мәтін: «Қалай есептеледі?» және «Неге келмейді?»
Бұл не: «?» белгісі мақсаттың жанында формулалар, мысалдар және жиі қателері бар шағын гайд ашады.
Блок үлгісі
«Қалай есептейміз»: формула + 1 мысал.
«Қақпалар»: ставка/мин/күн (күндер).
«Прогресс жоқ па?» 3 себептер + қосылмаған ойындарға/режимдерге сілтемелер.
Плюс: саппорттағы тикеттерді күрт төмендетеді.
9) Түсі, қарама-қарсы және иконография (WCAG + қараңғы тақырып)
Негізгі ережелер
Мәтін қарама-қайшылығы минимумы WCAG AA (4. 5:1), ірі - 3:1.
Түсі ≠ мағынаның жалғыз тасымалдаушысы: белгішелер/үлгілер қосыңыз.
Иконалар: 2-3 базалық нысандар (жұлдыз - наградалар, мақсат - қадам/миссия, найзағай - «ұшқын»).
Қараңғы тақырып: # 0F/12, «ұшқындар» улы RGB-сыз жарқырайды.
Микро көшірмесі
«Награда 12 сағаттан кейін жанады» - әрқашан «Алу» батырмасының жанында.
10) Бос жай-күйлер, қателер, лейблдер «жанады»
Бұл не: деректер/миссиялар болмаған кезде және бір нәрсе қате болған кезде ойластырылған экрандар.
Бос
Иллюстрация + "Бүгін еркін. «Күн мәзірін» байқап көргіңіз келе ме?
«Миссияны таңдау →» түймешігі (таңдауға апарады).
Қателер
"Прогресті жаңарту мүмкін болмады. Қайталаймыз"... + спиннер ≤ 3 сек → "Тағы да көріңіз "/" Сөйлесу".
«Х арқылы жанады» мәртебесін наградалар карточкасында және наградалар тізімінде көрсету керек.
Қосымша интерфейс элементтері
"Қапқа қол жеткізілді" чипі: "200/200 ұпай/сағат - лимит. 00: 00-де лақтыру".
Бейдж «дерлік жетті»: сары индикатор 150 ұпай ≤ табалдырыққа дейін.
Ойынның ауысуы: «Ойынды ауыстыру - прогресс сақталады» (анти-гринд).
Локализация: ажырағысыз бос орындары бар сандар «€1000», 24 сағаттық уақыт форматы, жергілікті күн атаулары.
Микро-мәтіндер (қалай болса да кірістіруге болады)
«€0,5-тен (6-8 мин) 120 ұпай ≈ 8 раунд қалды.»
"Сен 11-50 аймағындасың. Кепілдік берілген: FS × 10. 4-10-ға дейін - 2400 ұпай"
"Кепке қол жеткізілді: 200 ұпай/сағ. 00:00 (Europe/Kyiv)"
«Жолды таңдаңыз: Жылдам/Жарыс/Сюжетпен - кез келген уақытта өзгертуге болады.»
UI-эксперименттерге арналған метриктер
Құйғышқа UI-әсері: CTR «Бастау», participation_net, T1/T2 completion.
Мінез-құлық: Early-exit (≤ 5 мин), time-to-T1/T2, switch-rate жолдары, тулдарды қарау «?».
Сапа: шағымдар/1k, прогресті жаңарту қателері, latency p95.
Құндылығы: Δ ARPPU (net), Prize & Bonus/Active, Net Uplift.
A/B жақтауы (қысқаша)
Бірлік: пайдаланушы; sticky-assignment; стратификация (platform/geo/payer-flag).
Гипотезалар: баспалдақ vs жолақ; «минут» vs «көзілдірік»; түйме-жолдар vs табалар; «ұшқын» анимациясы бар vs.
CUPED: ковариат ретінде pre-session-time; терезе ≥ фазасымен 2 аптаға D0-D2/D3-D7.
Миссия дизайнерінің чек парағы
- T1 → T2 → Final баспалдақтары наградалар иконкаларымен.
- «Қанша минут/раундта қалды» блогы.
- Қадам карточкалары, экранға бір мақсат.
- OR жолдары - ETA бар үш көрінетін түймешік.
- Наградалар аймағы мен плашка «кепілдендірілген».
- Таймбокс-таймер + «тыныс алу терезесі».
- Микроанимациялар «ұшқын», скелетондар/шимер.
- Тола «Қалай есептеледі?» + «неге келмейді» себептері.
- Қарама-қарсылық/иконалар/қараңғы тақырып; «X арқылы жанады».
- Бос жағдайлар мен ізгі қателер.
Шағын кейс (синтетикалық)
Дейін: табалдырықсыз прогресс жолағы, «120 ұпай қалды» мәтіні, жасырын қақпақтар, жылы бос жағдайлар жоқ.
Кейін: наградалары бар баспалдақ, «8 раунд/6-8 мин», OR-жол-кнопкалар, таймбокс-модуль, толық «?», «кепке қол жеткізілді», ұшқындар + скелетондар, наградалар аймақтары.
Нәтиже 4 апта vs бақылау: participation_net + 6. 4 т.т., completion + 10. 8 ш.б., Early-exit − 18%, шағымдар/1k − 31%, Δ ARPPU (net) + €1. 7 при Prize&Bonus/Active +€0. 5.
Миссиялардың жақсы интерфейсі - бұл көрнекі тәртіп: «пайыз батпағының» орнына сатылар, нақты күш-жігер, көзге көрінетін наградалар мен жұмсақ динамика. Бұған қол жетімділікті, ашық толдарды, таймбокстарды және ұқыпты анимацияларды қосыңыз - миссиялар ұзақ әрі қызық прогресс жолағы ретінде емес, «кішкентай жеңістердің ырғағы» ретінде жұмыс істей бастайды.