Կրիպտո կազինո
Torrent Gear
UI առաջնորդներ և քարտեր 2019 'լավագույն պրակտիկան
1) Ինչու՞ է այս ամենը 'UI նպատակները
Առաջնորդը 'անմիջապես բացատրել «ո՞ վ է» և ինչու խաղալ առաջ։ ցույց տալ մոտակա նպատակը (+ N ակնոցները մինչև ապա)։
Քարտերը նշվում են 'երկար կանոնները վերածել հասկանալի «գործողության միավորի» 10-30 րոպե։
2) Առաջնորդների տեղեկատվական հիերարխիան
Գաղութների նվազագույն հավաքածու
1. Տեղը (#) կայուն լայնությամբ և մեծ թվերով։
2. Խաղացողը (avatar/ramka/տիտղոսը, կարճ nick) կլիկաբիլային պրոֆիլն է։
3. Ակնոցները/վարկանիշային մետրիկան (SP/MMR/iventa ակնոցները) - հավասարեցնել աջ եզրին։
4. Մրցանակը/վաղ գոտին (հազվագյուտ/մրցանակների շրջանակ)։
5. Ժամանակը/քայլը (108/qualifier/finals), ավարտի թայմերը։
Patterns
Իր տողի լուսավորությունը (sticky row + «վերադառնալ ինձ»)։- «Շեմն դեպի նպատակին»: Փոքրիկ շերտը «3848 SP մինչև TOP 100»։
- Ոչ-ոքի («T-10» նույն ակնոցների համար)։
3) Կառավարումը և նավարկումը
Ֆիլտրեր 'լիգա/պոլիգոն, շրջան, ընկերներ, «միայն իմ պրովայդերը»։- Տեսակավորումը 'տեղում (մռայլ) , ակնոցներով, մուտքի ժամանակ, մրցանակային գոտում։
- Pagination vs-ը անվերջ սկրոլ է
- Jump-to Rank: աստիճանի մուտքագրման դաշտը ակնթարթային անցման համար (կարևոր է մեծ տախտակների համար)։
4) Իրական ժամանակում նորարարություններ (առանց «դուրգանի»)
Նորարարություն 'փոխում ենք միայն այն տողերը, որոնք իրականում փոխվել են։- Տողի շարժման անիմացիան 120-200 մզ, easing-out; առանց ցատկելու։
- Anti fliker: Batch թարմացումներ յուրաքանչյուր 1-2 վայրկյանում (ոչ ավելի հաճախ)։
Լավատեսական նորարարություններ. Տեղական մենք ավելացնում ենք ակնոցները և նշում ենք «համաժամեցումը»...
5) Ազնիվ և անվտանգություն UI առաջնորդին
Կանոնները բացատրելը 'կոճակը «Ինչպե՞ ս են ակնոցները համարվում»։ վերնագրի կողքին։- Anti-bulling-ը 'դիմակավորել նիկի մի մասը (1934), թունավոր անվանման բողոքը 1 կլիկ է։
- Կասկածելի հաշիվների Մարկերը 'թաքնված մյուսներից։ խաղացողին '«ձեր ակնոցները ստուգվում են»։
- Պոլիգոնների բաժանումը 'տեսողական տարբեր բայգեր, որպեսզի ուժեղ չխառնվեն սկսնակների հետ։
6) Առաքելության քարտի անատոմիա (one-glast design)
Վերնագիր (4940-50 նիշ), առաքելության տեսակի իկոն։
Կարճ նկարագրություն (ինչ անել, որտեղ, քանի)։- Առաջընթաց-բար 'քանակով/տոկոսով + ժամանակի գնահատումը (2420-25 րոպե)։
- Բարդությունը (1-3 կետ) և մրցանակների հազվադեպ (գիծ/գիծ)։
- Մրցանակներ ՝ հոսանքներ/կոսմետիկա (փոքրիկ մանրանկարչություն), առանց «դրամական» ենթատեքստի։
- Ժամանակահատվածը 'Թայմերը մինչև փափուկ գույնով (նարնջագույն/կարմիր վերջին 10 տոկոսով)։
- CTA: «Սկսել »/« Շարունակել »/« Վերցնել» - մեկ հիմնական կոճակ։
- Secondary: «Փոխել առաքելությունը» (եթե թույլատրվում է), «Ավելին» (կանոնների մոդալը)։
7) Քարտերի վիճակը
Noked: մոխրագույն, հուշումով «կբացվի 7 մակարդակից հետո «; CTA = "Ի՞ նչ է անհրաժեշտ։ ».
Available: գույնը տիպով; CTA = «Սկսել»։
In-progress: առաջընթաց բար ակտիվ, CTA = «Շարունակել»։
Completed: Կանաչ չեկ; CTA = «Վերցրեք» (1 վայրկյան)։
Expired: գունատ; CTA = «Թաքցնել «/« Կրկնել N սեզոնում »։
On hold (ազնվության ստուգում) 'դեղին շերտը «1-3 րոպե արդյունքի ստուգում»։
8) Տեսողական լեզուն և հասանելիությունը
Գույները հազվադեպ են ՝ Common (չեզոք), Rare (կապույտ), Epic (fiolet), Legendary (ոսկի), Mythic (ուրախ շեշտը)։
Սեմանտիկ գույները 'հաջողությունը/առաջընթացը կանաչ է, նախազգուշացումները' սաթ, դեդլիններ 'կարմիր։- Հակադրություն թիվ 4։ 5:1, տառատեսակներ 14-16 px mobile-ում։
- Ամենակարևորը 'ոչ միայն գույնը (iconki/pattern)։
- Տնտեսական VFX: 0։ 6–1. 2 գ, առանց արգելափակման վերահսկում էր։
- Հարմարեցում ՝ 105 հազար քարտ (2 tablet սյունակ, 1 phone սյունակ); ամրացված վերնագրեր։
9) Բեռնման, դատարկության և սխալների վիճակը
Աղյուսակների և քարտերի կմախքները (3-5 տող/թայլեր)։
Empty state: օգտակար տեքստը + «Ստանալ մեկնարկային առաքելություն»։
Ցանցի սխալները 'հասկանալի, «Կրկնել»; Օֆլայնը ցույց է տալիս քեշը և խոչընդոտում ենք «վերջին նորարարությունը ՝ 14: 02»։
10) Արտադրողականությունը
Ցուցակների վիրտուալացում (300 + + տողեր)։
Իկոնիկները որպես սպրեյտներ/Lottie (ոչ SVG կենդանաբանական այգին առանց կարիքների)։- Debounce ֆիլտրեր/որոնումներ (300-500 մզ)։
- Հաճախորդները և ETag-ը տոմսարկղերի/տախտակների համար։
11) Ազնիվ բովանդակություն և anti-abuze UI-ում 2019
«Ինչպե՞ ս է դա աշխատում», տրոպի, պիթական տրամաբանության, գլխարկների հնարավորությունը, առանց մարքեթինգային մառախուղի։
Anti-farm pattern: Մենք նշում ենք «բազմազանություն», առաջընթացը ավելի արագ է, երբ պրովայդերը/տոկոսադրույքը փոխվում է։
Կուլդաունները «Փոխել առաքելությունը» կոճակի վրա և հուշել, երբ դուք կարող եք նորից։
12) Մետրիկները, որոնք իսկապես կարևոր են, շատ կարևոր են
CTR քարտերը, Start Rate, Completion Rate, TTC։- Equip Rate/Duration կոսմետիկայի համար, որոնք պատրաստված են առաքելությունների միջոցով։
- Leaderboard Dragram-ը 'տեսահոլովակներ «ինքներդ», «գնալ ժողովին», տեսանելիության ժամանակը։
- Complaint/MultRate-ում VFX/ծանուցում։
- Stickiness (DAU/MAU) և D7/D30 uplift-ը, որոնք ներգրավված են առաքելության/մրցակցության մեջ։
- Gini-ով 'առաջընթացի հավասարությունը խաղի նույն ժամանակի հետ։
13) A/B գաղափարները
1. Առաջընթացի ձևաչափը 'թվային + տեսողական վս միայն տեսողական է։
2. Ժամանակի գնահատում 'ցույց տալ/չցուցադրել, ազդեցությունը սկսելու վրա։
3. CTA շարժիչ 'մեկ մեծ vs երկու հավասար կոճակներ։
4. Լռելյայն տեսակավորումը 'մրցանակների տարածքում vs-ի տեղում։
5. Լուսավորության շեմն է 'T-10% vs T-20 տոկոսը։
6. «Ինքդ քեզ» առաջնորդի մեջ 'vs կոճակը միշտ ամրացված տող է։
14) JSON սխեմաների օրինակները (բովանդակությունը www.UI)
Առաքելության քարտը
json
{
"id": "m. s4. provider. Diversity «,» title «:» Բացեք երեք պրովայդեր «,» summary «:» Խաղացեք 3 տարբեր պրովայդերների մոտ 30 րոպեում «,» wwww.fic.ru «,» est _ time _ min «: 25,» progress «:» current «: 2,» target «: 3,» «rewards»: «tokens»: 10, «cosmetic _ drop»: «rarity»: «Rare», «p»: 0։ 1 +, "expires _ at": "2025-10-2019 T18: 00: 00Z", "state": "in _ progress", "cta": "label": "deeplink": "ap ://բաց/lobby? tab=providers"}
}Առաջնորդի տողը
json
{
"rank": 124, "user": {"id": "u_59211", "name": "SeaFox", "avatar_frame": "legendary. wave"}, "score": 18420, "league": "Gold I", "prize_band": "Top 100", "delta_to_next": 47, "is_me": false, "stage": "qualifier", "ends_at": "2025-10-24T21:00:00Z"
}15) Միկրոկոպիա (կարճ և պարզ)
Առաքելությունը սկսվեց '"Գնացինք։ Մնացել է 2420 րոպե"։
Առաջընթացի արագացումը '«ևս 1 պրովայդեր մինչև մրցանակը»։
Dedline-ը «ժամանակի 10 տոկոսն է, կարող եք մեկ հանդիպման ընթացքում»։
Ազնվության ստուգումը '«Մենք ստուգում ենք արդյունքը (մինչև 3 րոպե), մրցանակը պահպանված է»։
16) Չեկի թուղթը նախքան թողարկումը
- Աղյուսակները կարդացվում են 320 px; կա «իմ» և sticky header։
- Քարտերը հասկանալի են «մեկ հայացքից» 'նպատակը, ժամանակը, մրցանակը, CTA-ն։
- Real-Time թարմացում առանց ֆլիքերի; 2019-փամփուշտներ և բատչային հաճախականություն։
- Էկրանը «Ինչպե՞ ս է դա աշխատում» ՝ ակնոցների բանաձևը/cap/հազվադեպ։
- Աղմուկի վերահսկումը 'VFX/րոպե, գիշերային «հանգիստ ռեժիմ»։
- Հասանելիություն ՝ հակադրություն, ոչ միայն գույն, ստեղնաշարային ռոտացիա։
- Anti-abuze: kuldowns «Փոխել առաքելությունը», փոփոխականության լուսավորությունը։
- Metriki և A/B պլանը են։ կիտրոնների և համաժամացման լույսերը։
Ուժեղ UI առաջնորդները և քարտերը ակնթարթային ընթերցանությունն են, փափուկ դինամիկան, ազնիվ թափանցիկությունը և վերահսկվող աղմուկը։ Թույլ տվեք խաղացողին մոտակա նպատակը, հասկանալի առաջընթացը և VFX-ը, պահեք նորարարությունները կայուն, իսկ կանոնները պարզ են։ Այդ ժամանակ տախտակը դառնում է մրցույթի շարժիչ, իսկ մրցույթի քարտերը հարմար են «գործողության միավորը», որը համակարգված աճում է ներգրավվածությունը և պահպանումը։