Пешсафони UI ва кортҳои миссия: Таҷрибаи беҳтарин

1) Чаро ин ҳама: Ҳадафҳои UI

Пешсаф: фавран шарҳ диҳед, ки "дар куҷо аст" ва чаро дар оянда бозӣ кардан; ҳадафи наздиктаринро нишон диҳед (+ нуқтаҳои N пеш аз ап).

Кортҳои миссия: қоидаҳои дарозро ба "воҳиди амал" барои 10-30 дақиқа табдил диҳед.

2) Зинанизоми иттилоотии Шӯрои роҳбарият

Маҷмӯи минималии сутунҳо:

1. Ҷойгир кунед (#) бо паҳнои устувор ва шумораи зиёд.

2. Плеер (аватар/чорчӯба/унвон, лақаби кӯтоҳ) - профили clickable.

3. Нуқтаҳо/нишондиҳандаҳои рейтингӣ (SP/MMR/нуқтаҳои ҳодиса) - ба тарафи рост мувофиқат кунед.

4. Минтақаи мукофот/дараҷа (нишонаи камёфт/доираи мукофот).

5. Вақт/марҳила (зинда/интихобкунанда/финал), вақтсанҷи ниҳоӣ.

Намунаҳо:

Хати худро таъкид кунед (сатри часпанда + "ба назди ман баргардед").
"Ҳадди ҳадаф": марги хурд "− 48 SP ба TOP-100."
Пайвастшавӣ ("T-10" барои нуқтаҳои шабеҳ).

3) Назорат ва паймоиш

Филтрҳо: лига/тақсимот, минтақа, дӯстон, "танҳо провайдери ман".

Аз рӯи макон (пешфарз), аз рӯи нуқтаҳо, аз рӯи вақти воридшавӣ, аз рӯи минтақаи мукофотӣ ҷудо кунед.

Пагинатсия ва ҳаракатҳои беохир:

мизи корӣ - саҳифабандӣ + "ба худ", мобилӣ - ҳаракатҳои беохир, аммо бо "оғоз/ба худ".
Jump-to Rank: майдони вуруди дараҷа барои гузариши фаврӣ (барои тахтаҳои миқёс муҳим аст).

4) Навсозиҳои зинда (ҷобаҷогузорӣ нест)

Навсозиҳои Diff: мо танҳо хатҳоеро иваз мекунем, ки дар асл ҳаракат кардаанд.

Аниматсияи ҳаракати хат: 120-200 мс, сабукшавӣ; ҷаҳида нест.

Анти-фликер: партия ҳар 1-2 сонияро нав мекунад (на бештар аз он).

Навсозиҳои оптимистӣ: нуқтаҳои маҳаллиро илова кунед ва "ҳамоҳангсозӣ"... -ро қайд кунед.

5) Беайбӣ ва бехатарӣ дар тахтаи пешбари UI

Шарҳи қоидаҳо: тугмаи "Айнак чӣ гуна ҳисоб карда мешавад?" дар назди унвон.

Зидди таҳқир: қисми ниқоби лақаб (опсия), шикоят дар бораи номи заҳролуд - 1 клик.

Нишондиҳандаи ҳисобҳои шубҳанок: аз дигарон пинҳон; бозингар - "нуқтаҳои шумо тафтиш карда мешаванд".

Ҷудосозии тақсимот: нишонаҳои лигаи ба таври визуалӣ гуногун, то ки шахсони қавӣ бо шурӯъкунандагон омехта нашаванд.

6) Анатомияи корти миссия (тарҳи яктарафа)

Унвон (≤ 40-50 аломат), тасвири навъи миссия.

Тавсифи кӯтоҳ (чӣ бояд кард, дар куҷо, барои чӣ қадар).

Бари пешрафт бо рақам/фоиз + сметаи вақт (≈ 20-25 дақиқа).

Мушкилӣ (1-3 хол) ва камёфт будани мукофот (ранг/рӯй).

Мукофотҳо: токенҳо/косметика (миниатюраҳои хурд), бе зергурӯҳи "пулӣ".

Мӯҳлат: вақтсанҷ то ба охир расидани мӯҳлати бо ранги нарм (норанҷӣ/сурх дар 10% охирин).

CTA: "Оғоз "/" Идома "/" Интихоб кунед "- як тугмаи асосӣ.

Дуюм: "Вазифаи тағирот" (агар иҷозат дода шавад), "Бештар" (қоидаҳои моддӣ).

7) Ҳолати корти миссия

Қулф карда шудааст: хокистарӣ, бо дархости "пас аз сатҳи 7 кушода мешавад "; CTA = "Ба шумо чӣ лозим аст? ».

Дастрас: ранг аз рӯи намуд; CTA = "Оғоз".

Пешрафт: бари пешрафт фаъол, CTA = "Идома диҳед".

Анҷом ёфт: чеки сабз; CTA = "Интихоб кунед" (таъсир ≤ 1 сония).

Мӯҳлати кор: саманд; CTA = "Пинҳон кунед "/" Такрор дар мавсими Н. "

Нигоҳ доштан (санҷиши ростқавлӣ): марги зард "санҷиши натиҷа 1-3 дақиқа".

8) Забони визуалӣ ва дастрасӣ

Рангҳои камёб: Умумӣ (бетараф), Нодир (кабуд), Эпик (рангест), Афсона (тилло), Мифӣ (аксенти рангинкамон).

Рангҳои семантикӣ: муваффақият/пешрафт - сабз, огоҳӣ - амбер, мӯҳлатҳо - сурх.

Муқоиса ≥ 4. 5:1, ҳуруфҳо ≥ 14-16 px дар мобилӣ.

Ҳама чизи муҳим на танҳо бо ранг (нишонаҳо/намунаҳо) аст.

Сарфакорона VFX: 0. 6–1. 2 c, бидуни такрори назорат.

Анавар: мизи → кортҳо (2 планшет, 1 телефони сутун); сарлавҳаҳои собит.

9) Ҳолати боркунӣ, холигоҳҳо ва хатогиҳо

Скелетҳо барои мизҳо ва кортҳо (3-5 хат/сафол).

Ҳолати холӣ: матни муфид + "Миссияи оғозро гиред".

Хатогиҳои шабака: фаҳмо, бо "Такрор"; офлайн - кэшро нишон диҳед ва "навсозии охирин: 14:02" -ро нишон диҳед.

10) Иҷро

Рӯйхати виртуализатсия (300 + сатр).

Нишонаҳо ҳамчун sprites/Lottie (на зоотехникии SVG).

Филтрҳои Debounce/ҷустуҷӯ (300-500 мс).

Кэшҳои муштарӣ ва ET jag барои тахтаҳо/миссияҳо.

11) Мундариҷаи софдилона ва сӯиистифода дар миссияҳои UI

Кӯтоҳ "Он чӣ гуна кор мекунад": фурсатро тарк кунед, мантиқи раҳмдилӣ, муҳофизони даҳон, туманҳои маркетингӣ.

Намунаи зидди хоҷагӣ: эзоҳи "гуногунрангӣ" - пешрафт ҳангоми тағир додани провайдер/гарав тезтар аст.

Cooldowns дар тугмаи "Вазифаи тағирёбанда" ва ишорае, ки шумо метавонед бори дигар.

12) Нишондиҳандаҳое, ки дар ҳақиқат муҳиманд

Кортҳои миссияи CTR, Меъёри оғоз, Меъёри анҷом, TTC Median.

Меъёри таҷҳизот/Давомнокии косметикаи ба миссия асосёфта.

Иштироки пешсафон: кликҳои "ба худ", "ба профил равед", вақти намоён.

Шикоят/Меъёри хомӯш дар VFX/огоҳиҳо.

Устуворӣ (DAU/MAU) ва баланд бардоштани D7/D30 барои онҳое, ки дар миссияҳо/мусобиқаҳо иштирок мекунанд.

Ҷини аз ҷониби SP: ҳамешагии пешрафт дар вақтҳои шабеҳи бозӣ.

13) Ғояҳои A/B

1. Формати бари пешрафт: рақамӣ + визуалӣ ва танҳо визуалӣ.

2. Арзёбии вақт: нишон додан/нишон надодан; таъсир ба оғоз.

3. Тарҳбандии CTA: як калон ва ду тугмаи баробар.

4. Навъбандии пешфарз: аз рӯи ҷой ва аз рӯи майдони мукофот.

5. Ҳадди ниҳоии чароғак: T-10% против T-20% вақт.

6. "Ба худ" дар тахтаи пешво: тугмаи vs ҳамеша сатри собит аст.

14) Намунаҳои схемаҳои JSON (мундариҷа → UI)

Корти Миссия

json
{
"id": "m. s4. провайдер. гуногунрангӣ "", унвон ":" Се провайдерро кушоед "," хулоса ":" Бо 3 провайдери гуногун дар 30 дақиқа бозӣ кунед "," мушкил ":" миёна "," : 25 ", пешрафт": {"ҷорӣ": 2, "ҳадаф": 3}, "мукофотҳо": {"токенҳо": 10, "{" камёфт ":" Нодир ", p": 0. 1}}, "expires_at":" 2025-10-26T18: 00: 00Z, "давлат": "in_progress," cta ": {" label ":" Идома "," deeplink ":" app ://open/lobby? ҷадвал = провайдерҳо"}
}

Сафи пешсафон

json
{
"рутба": 124, "корбар": {"id": "u_59211," "ном": "Sea 'Fox", "avatar_frame": "афсонавӣ. мавҷи "}", хол ": 18420," лига ":" тиллои ман "," prize_band": "Топ 100", "delta_to_next": 47", is_me": дурӯғ ", марҳила": "тахассус", "ends_at":" "2025-10-24T21:00:00Z"
}

15) Микрокопия (кӯтоҳ ва равшан)

Миссия оғоз ёфт - "Биёед! ≈ 20 дақиқа мондааст".

Ҳавасмандгардонии пешрафт - "1 провайдери дигар пеш аз ҷоиза".

Мӯҳлати ниҳоӣ - "10% вақт, шумо дар як вақт вақт хоҳед дошт".

Санҷиши ростқавлӣ - "Мо натиҷаро тафтиш мекунем (то 3 дақиқа) - мукофот сарфа мешавад".

16) Рӯйхати назоратии пеш аз озодкунӣ

Ҷадвалҳои хондан дар 320 px; "ба худ" ва сарлавҳаи часпанда мавҷуд аст.
Кортҳои миссия "дар як назар" возеҳанд: ҳадаф, вақт, мукофот, CTA.
Навсозии вақти воқеӣ бе фликер; часпакҳо ва басомади қассоб.
Он чӣ гуна кор мекунад экран: формулаҳои нуқта/cap/нодир.
Назорати садо: маҳдудиятҳои VFX/дақиқа, ҳолати оромии шабона.
Дастрасӣ: контраст, на танҳо ранг, паймоиши клавиатура.
Зидди сӯиистифода: cooldowns "Миссияи тағирот", ки тағирёбиро таъкид мекунад.
Нақшаи ченакҳо ва A/B муқаррар шудааст; гузоришҳоро клик кунед ва ҳамоҳанг созед.

UI-и қавии пешсафон ва кортҳои миссия ин хониши фаврӣ, динамикаи мулоим, шаффофияти софдилона ва садои идорашаванда мебошад. Ба плеер ҳадафи наздиктарин, пешрафти фаҳмо ва VFX тозаро диҳед, навсозиро устувор нигоҳ доред ва қоидаҳоро дақиқ нигоҳ доред. Сипас шӯро муҳаррики рақобат мегардад ва кортҳои миссия ба як "воҳиди амал" табдил меёбанд, ки мунтазам ҷалб ва нигоҳдориро зиёд мекунад.