Ինչպե՞ ս են պրովայդերները հարմարեցնում արցունքները բջջային սարքերի տակ
Բջջային արցունքները ոչ թե դիսկտոպի «կրճատված պատճենն» են, այլ առանձին ապրանք այլ գործոնով, ուշադրության համատեքստով և տեխնիկական սահմանափակումներով։ Ներքևում 'համակարգային վերլուծություն այն մասին, թե ինչպես են ժամանակակից պրովայդերները նախագծում, լավատեսում և փորձարկում սմարթֆոնների համար խաղերը։
1) Mobile-first և UX դիզայնը
Ձևաչափը և կողմնորոշումը
Ուղղահայաց 9: 16 որպես հիմնական ռեժիմ; հորիզոնական ուղղանկյուն է։
Safe areas-ը «chyki «/կլորացման տակ։ ինտերակտիվ 24-32 px-ից դուրս։
120 Eurendering աջակցությունը այնտեղ, որտեղ սարքը ձգվում է (60/30 ֆոլբեքով)։
One-hand կառավարում
Մեծ CTA (առնվազն 44-44 pt), «տոկոսադրույք/սպին/մեքենա» մեծ մատի տարածքում։
Սվայպեր 'վերև, ձախ/աջ' տոկոսադրույքի փոփոխությունը։ «Երկար tap» - հայտնագործություններ։- Hapt.ru (թեթև վիբրո-ticks) ձգողական/ռետրիգերներ - ավելացնում են պահը առանց ծանրաբեռնվածության։
Ընթերցանությունն ու տեսողությունը
Խորհրդանշանները ճարպային կոնտուրով և տեղական հակադրություններով։ խուսափել «փոքր մանրամասներից»։- Առնվազն զուգահեռ/մասնիկներ փոքր էկրանների վրա։ անիմացիան ընդգծում է մեխանիկան, ոչ թե աղմուկը։
- HUD կոմպակտ 'ներկա դրույքաչափը, հավասարակշռությունը, հաղթանակը, բազմապատկիչը/ways-ը և առաջընթացի ցուցանիշները, ամեն ինչ կարելի է տեսնել մեկ հայացքից։
Onbording 10 վայրկյանում
Մի էկրան-տուտորիալ '«մեխանիկայի միջուկը բոնուս է, որտեղ դիտվում է»։- Դեմո ռեժիմը, որն ունի միկրո իրադարձությունների հավանականությունը առաջին 10-20 սպինների վրա (միայն դեմո)։
2) Արտադրողականություն և գրաֆիկա
WebGL/Canvas и GPU
SyGL-ի նախընտրությունը Canvas-ի ֆոլբեքի հետ։ overdr.ru (առնվազն արգելափակված շերտեր)։- Շեյդերներ «թեթև», առանց թանկ ճյուղերի։ պոռնիկներ/մոմեր որպես սպրեյտներ։
Տեքստուրներ և ատլասներ
Sprite atlas-ը 2 մկմ/3 պարկերով (dp-dentity); ավտոմատ ընտրություն DPR-ի վրա։
Սպիտակուցիա ՝ SyPP/AVIF (հաճախորդ), ETC2/ASTC (nival/վեբ ռենդեր, եթե հասանելի)։
Չօգտագործել մեծ վեկտորային անիմացիաներ թույլ GPU-ի վրա։
Անիմացիա
30-60 FPS բազայում; «Կինոնկարները» 24 FPS բարդ տեսարաններում թույլատրելի են կայուն թայմինգով։
Կրիտիկական անիմացիաները timeline շարժիչ են, երկրորդական 'tiks timer կամ «event-based»։
Աուդիո
Կարճ SFX (<200 ms), փետուրներ առանց լսվող կափարիչների, ընդհանուր բարձրախոսը։
Երաժշտության անջատումը մեկ տապով։ Avto-mox-ը մուտքային զանգի/ավանդի փոփոխության ժամանակ։
3) Բեռնումը, քեշը և ցանցը
Սկսեք և հոսքը
Time to First Spin-ի նպատակը 5-7 է 4G/միջին սարքի վրա։
Lazy-load: Սկզբում տրամաբանությունը և առաջին էկրանը, հետո բոնուսային ասպետները և «ծանր» անիմացիան։
Code-split մոդուլների վրա 'ռուսական խաղը/բոնուս/խանութը fich (եթե կա)։
Քեշինգը
Հիմնական օգնականները երկար Cache-Corl-ի հետ։ տարբերակները content hash-ի միջոցով։- Express Worker/PWA-ը օֆլինի դեմոյի և կրկնվող մոտեցումների համար։
- HTTP/2/3 և CDN edge խմբակցությունների հետ; սկսելիս ամենամոտ POP-ն է։
Կայունություն
Էքսպոնենցիալ դադարի հարցումների խոհարար։ «Resume lensround» -ը ռեկոնեկտում է։- Հեռուստատեսության հաճախության նվազումը «թանկ» ցանցերում։ իրադարձությունների փաթեթային ուղարկումը։
4) Բջջային մաթեմատիկան և նստաշրջանի տեմպը
Time-to-Bonus (TTB) target 2-4 րոպե հյութի/մեսենջեր-2019 համար; 4-7 - «երեկոյան» նստաշրջանների համար։
Small-win ratio պահում է ռիթմը պիկի միջև։ չկրկնել «կեղծ-էքսպիգերներ»։- Կարճ ցիկլի ֆիչիները (մուլտֆիլմ-փոփոխականներ, մինի-որոնումներ) աջակցում են պահել առանց երկար նախապատմությունների։
- Feature Buy (որտեղ թույլատրվում է) - արագ գնի աստիճաններ ռիսկի պարզ հաղորդակցության հետ։
5) Տեղայնացումը, հասանելիությունը և մշակույթը
Տառատեսակներ ՝ լատիներեն/կիրիլիցա/թուրքական/հիերոգլիֆներ 'հավաքածուի ամբողջական, TTF/WOF2, ավտոպերենոս։
RTL (արաբերեն/եբրայերեն) - HUD և անիմացիաներ, որտեղ տեղին է։- Հասանելիություն 'առնվազն WCAG AA-ի հակադրություն, ուսուցման տեսարանների ենթատիտներ, կրիտիկական իրադարձությունների թրթուրային կրկնօրինակներ։
- Զգայուն բովանդակություն 'խուսափել մշակույթային տաբուից, համընդհանուր իկոններից գլոբալ թողարկման համար։
6) Պատասխանատու խաղ և համակարգչային խաղեր բջջային վրա
Խաղի ժամանակ, փափուկ հիշեցումներ, «դադար-ընդմիջում» մեկ տապում։- Ավանդի/տոկոսադրույքի սահմանները, ինքնախաբեությունը, տարիքային պարամետրերը բոլոր լոկալներում։
- Միգրացիոն պրոֆիլներ 'մեքենայի/տուրբոյի անջատումը, նվազագույն ուշացումները, տարբեր RTP-պուլները։
- Հստակ Help/Paytable-ը մեկ tap-ում, տեքստերը համաժամեցված են ակտիվ միգրացիայի հետ։
7) Թելեմետրիա և որակի չափումներ (mobile KPI)
TTB, Hit Frequency, Small-win ratio, Feature usage.
D1/D7/D30, Session depth, օրվա ընթացքում կրկնվող նստաշրջանների մասը։
Crash-rate հաճախորդը, JS-errors per 1k sessions, միջին FPS, TTI/TTLS։
Battery intain (mA/h) և ջերմային տրոտլինգը հանրաքվեներով։- CDN hit ratio, միջին լատենտ, հաջողակ «resume lensround» տոկոսը։
8) Սարքերի վրա փորձարկումներ
Իրական սարքերի մատրիցը 'low/mid/high-tier Android, 2-3 իրական iPhone, «պլանշետ զույգը»։
Ցանցային պրոֆիլներ ՝ 3G «վատ», 4G միջին, Wi-Fi լավ; արհեստական կորուստներ/ջիտթեր։
Monkey-թեստը 'ռանդոմային tap/swaip/հեղաշրջում։- Տաք/սառը սկիզբը, երկար նստաշրջանները (20-30 րոպե) արտահոսքի բռնելու համար։
9) Ստուդիայի չեկի թերթիկը (կարճ)
1. UX: CTA-ն մեծ մատի գոտում, մեկ տուտորիալի էկրանը, HUD-ն առանց «ջրի»։
2. Գրաֆիկա ՝ ատլասներ 2 07/3 105, NoGL, նվազագույն overdrance, «թեթև» շեյդերներ։
3. Բեռնումը ՝ TTSA 387 c, lazy-load բոնուսներ, SW-kash, CDN։
4. Աուդիո 'արագ SFX, լուպներ առանց կարերի, մեկ լիմիտեր, mult-անջատիչ։
5. Տե՛ ս ՝ resume-roud, ցանցերի ռետրո, սխալների տրամաբանություն։
6. Կոմպլենսը 'ակտիվ RTP Help-ում, միգրացիայի պրոֆիլները, պատասխանատու պաշտպանությունները։
7. Մետրիկներ ՝ ծովախեցգետիններ <1 տոկոսը, JS-errors <5/1k, FPS 3850 հիմնված mid-tier-ի վրա։
10) Չեկի թերթիկը օպերատորին
Վիտրինա 'Բեյջին «Կարճ նստաշրջանների համար», «Ուղղահայաց 9: 16», «Ցածր ֆուտբոլ»։
TTV/ալատիլիզմի կատեգորիաները կերպարների համար։- UAT իրական սարքերի վրա 'բեռնման, ներկերի, տեղայնացման և Help-ի ժամանակը։
- Իրադարձություն 'առաքելություններ 10-15 րոպե, մատուռներ/կիսագնդեր թեթև նպատակներով։
- Աջակցություն 'FAQ բջջային (resume, mult, խնայողություն)։
11) Հաճախակի սխալներ և ինչպե՞ ս խուսափել դրանցից
Պորտը desktop-UI-ն առանց փոխարկելու փոքր կոճակներ, տեսահոլովակներ «մեռած» գոտիներով։- Ծանր էֆեկտները կատարվում են գերտաքացման/dom FPS; կանգնել և կրճատել շերտերը։
- Երկար բեռնումը պլանավորվում է կրճատել ասեղները, հետաձգել քննադատական։
- Տարօրինակ տառատեսակները բացատրվում են սխալ DPR/մասշտաբով, ոչ hinting։
- Անթափանց Help-ը բացատրում է տարբերությունները ակտիվ միգրացիայի հետ (RTP/fich-դրոշներ)։
12) Mini-glossaria
TTSA (Time to First Spin) - առաջին մեջքը սկսելուց հետո։- Overdrance-ը պիքսելների կրկնապատկումն է 'փակվող շերտերի պատճառով։
- Sprite atlas-ը տեքստերի մի շարք է մեկ պատկերով 'հարցումները նվազեցնելու համար։
- Haptics-ը իրադարձության վրա մարտավարական արձակուրդ է (վիբրո-թիկ)։
- PWA/WindoWorker - offfline/cash շերտ վեբ ծրագրեր։
Բջջային հարմարեցումը առարկաների քանակն է 'ուղղահայաց UX, ուղղահայաց կարճ նստաշրջանների մաթեմատիկա, տնտեսական գրաֆիկա և ձայն, արագ բեռնման և անպատասխանատու «ամփոփում», գումարած թափանցիկ Help և պատասխանատվություն։ Ստուդիաները, որոնք նախագծում են «mobile-first», ստանում են արագ ստանդարտ, կայուն պահպանումը և լավագույն գնահատականները վիտրիններում։ խաղացողը հարմար և ազնիվ փորձ է առանց ավելորդ մեգաբայթ և «ֆրիզների»։