Torrent фишанги

Чӣ гуна интерфейс ва UX дар дастгоҳҳои мобилӣ татбиқ карда мешаванд

1) Принсипҳо: чӣ гуна UX мобилӣ аз мизи корӣ фарқ мекунад

Назорати якдафъаина. CTA-ҳои асосӣ (Бет, такрор, равшан) дар "минтақаи ангушти калон" (сеяки поёни экран) ҷойгиранд.

Аввал амудӣ. Ҷадвалҳои амудӣ/ҷараёнҳо - Парвандаи асосӣ; уфуқӣ ҳамчун "режими филм" нигоҳ дошта мешавад.

Кликҳои камтар маъно доранд. Ҳар гуна гарав бояд ≤ 2 амалро иҷро кунад: интихоби арзиш → ламс аз рӯи майдон/ҳуҷайра.

Суръат аз зебоӣ муҳимтар аст. 60 fps дар UI, гузариши ҳадди ақали тарҳ, аниматсияҳои "сабук".

Шаффофият. Вақтсанҷи мудаввар, ҳолати пайвастшавӣ, таъхир - возеҳ ва бетараф.

2) Чаҳорчӯбаи экран: дар куҷо ҷойгир кардан

Минтақаи болоӣ (иттилоотӣ):

Номи ҷадвал, маҳдудиятҳо, ҳисобкунаки плеер, нишондиҳандаи шабака/таъхир, нишонаҳо/танзимот.

Минтақаи миёна (мундариҷа):

Ҷараёни видео (Web-RTC/LL-HLS) ё ҷадвали 3D, иваз кардани камераҳо/кунҷҳо бо имову ишора.
Такрори: вақтсанҷ, натиҷаҳои даврҳои охир, тасдиқи поп-ап гаравҳо.

Минтақаи поёнӣ (назорат):

Панели букмекерӣ: номинатсияҳо, тугмаҳои зуд "Такрор", "Дучанд", "Тоза".
Пардаи ҳамёни пинҳон (тавозун, пасандози зуд - ба хазиначӣ равед).
Тугмаи ҷадвал/бозӣ (гардиши уфуқӣ).

Роҳнамо аз рӯи минтақаҳои ламсӣ:

Ҳадди аққал 48dp (Android )/44pt (IOS) барои интерактивӣ, вуруд байни тугмаҳо ≥ 8dp.
Мо минтақаҳои бехатарро ба назар мегирем (сифат, новбари ишорат).

3) Гарави зуд: Микро-таъсири муштарак

Ду марҳила: интихоби арзиши номиналӣ → дар майдони ҷадвал клик кунед. Лӯлаи такрорӣ - арзиши якхеларо зиёд мекунад.

Матбуоти дароз: менюи контекстӣ (нест кардан, дучанд кардан, паҳн кардан).

Дар панели номинатсия лағжед: арзишҳои васеъ/таърихи букмекерӣ нишон диҳед.

Ҳаптика: ларзиши сабук ҳангоми қабули гарав, возеҳтар - ҳангоми рад кардан/дер Бет.

Намуди зоҳирии ҳолат: "Қабули гаравҳо "/" Пӯшида "- ранг/нишона + stopwatch.

4) Видео ва сарпӯшҳо: то дахолат накунанд, балки кӯмак кунанд

Чорчӯбаи калидии дархостӣ. Ҳангоми гузариш сифат - IDR фаврӣ барои пешгирӣ кардани "собун".

Кортҳои шаффоф. Вақтсанҷ ва натиҷаҳо - 70-85% шаффофият, худкор пинҳон кардани вақтсанҷ.

Имову ишора:

Видеои дукарата - иваз кардани камера/кунҷ.
Pinch - миқёси видео (бидуни такрори CTA).
Огоҳиҳои "Edge". Пахшкунии хатҳои бурдҳо ва таблиғот - дар боло, панели букмекериро такрор накунед.

5) Шароити шабака ва таъхирҳо

Ҳабҳои вазъ: "Онлайн 1. 3 c "/" Шабакаи бад 4. 8 c." Ранги нишона аз рӯи ҳудудҳо тағйир меёбад.

Деградатсияи нарм: аввал FPS-ро кам кунед (60 → 48 → 30), баъд ҳалли (1080p → 720p → 540p), буферро + 200-300 ms зиёд кунед.

Auto-folback: WebRTC → LL-HLS барои ҳолати тамошобин бо шабакаи ноустувор; бастани гаравҳои "дер".

Экрани офлайнӣ: сарфа кардани контексти гарав, сабаби фаҳмо ("Пайвастшавӣ нест") ва тугмаи "Такрор".

6) Бозӣ ва назорати масъул

Маҳдудиятҳо дар дасти. Тугмаи "Маҳдудиятҳо" дар назди тавозун: пасандоз/вақт/зиён, вақтсанҷи сессия.

Таваққуф-дақиқа. Таваққуфи тавсияшуда пас аз 30-45 дақиқаи бозӣ парчами мулоим аст, бидуни "парчамҳои сурх".

Блоки дархости дер. Агар ҳадди ниҳоии e2e-таъхир - дархост қабул карда нашавад, UI сабаби инро шарҳ медиҳад.

Таърих ва содирот. Давраҳои охирин/хўроки гарав, филтрҳо, содироти зуд.

7) Матн, рангҳо, аниматсияҳо

Типография: унвонҳои 17-20pt, бадан 14-16pt; муқоисаи WCAG AA +.

Схемаи рангӣ: рангҳои "сигнал" барои статусҳо нигоҳ дошта мешаванд (қабул/пӯшида/хато).

Аниматсияҳо: 120-180 мс барои таъсири хурд; 240-320 мс - барои панелҳо/пардаҳо. Чорчӯба аз рӯи чорчӯба - на бештар аз 2-3 эффектҳои параллелӣ.

Скелетҳо ба ҷои spinners. Зуд боркунии прогрессивӣ.

8) Навигатсия ва меъмории иттилоотӣ

Навигатсионии поёнӣ (лавҳаи ҷадвал): Лобби, Зиндагӣ, Аксияҳо, Профил.

Дар дохили Live: Рӯйхати ҷадвалҳои филтр (забон, маҳдудиятҳо, навъи бозӣ, дилерҳои дӯстдошта).

Истинодҳои амиқ: push/bot → вуруди мустақим ба ҷадвал/мусобиқа; сарфа кардани UTM барои таҳлил.

Қафои қафо: Ишораи Android "бозгашт" ва лағжиши IOS - даврро ногаҳон пӯшед, аввал - огоҳӣ.

9) Маҳаллисозӣ ва забонҳои махсус

RTL (арабӣ/ибрӣ). Торҳои оина ва панелҳо.

Форматҳо/асъорҳо. Ҳазорҳо ҷудосоз, имзои кӯтоҳ (1,000 → 1к барои набудани ҷой).

Ҷадвалҳои забон. Намоиши парчамҳо/забонҳо, филтрҳои забони дилерӣ, воҳидҳои маҳаллӣ (₺, R $, ₴).

Дарозии қаторҳо. Дескрипторҳо бо эллипс, tultips - тавассути матбуоти дароз ба таври худкор бурида мешаванд.

10) Кор ва захираи дастгоҳ

Батарея: ҳангоми кам будани барқ fps 60 → 30-ро маҳдуд кунед, дар бораи истеъмоли зиёд огоҳ кунед.

Хотира: профилҳои истифоданашудаи ABR-ро бор кунед, зиёда аз 2-3 матнҳои баландсифатро нигоҳ надоред.

Вебсайт/браузер: сояҳои вазнин ва филтрҳои CSS-ро маҳкам кунед; композитсияи GPU-ро барои ҳамворӣ истифода баред.

Оптимизатсияи тасвир: WebP/AVIF, sprites ва танбалӣ.

11) Шакли пардохт ва ҳамён

Ҳамёни хурд: тавозун ва пасандози зуд (истинод ба кассир бо 3DS/KYC танҳо дар Интернет).

Аломатҳои амниятӣ: TTL кӯтоҳ, дубора ворид шудан бидуни гум кардани гарави ҷорӣ.

Намоиши манбаи маблағҳо: CASH/BONUS дар вақти гарав.

12) Дастрасӣ (A11y) ва мутобиқат

VoICE Over/Talk .Back: имзоҳо барои унсурҳо, фокуси ҷадвал, видеоҳо барои эълони вазъ.

Контрасти баланд/ҳуруфи калон: мутобиқ кардани тарҳ бидуни шикастани шабака.

Ишоратҳо ≠ роҳи ягона. Мо функсияро бо тугмаҳо такрор мекунем.

Матритсаи санҷишӣ: IOS (ҷорӣ + n-1), Android (сатҳи SDK, пӯстҳои маъмул), дастгоҳҳои заиф, шабакаҳои ноустувор.

13) Микро-нусхабардорӣ: чӣ ва чӣ тавр сухан гуфтан

Равшан ва кӯтоҳ. "Bets қабул кард", "Bets пӯшида", "Маблағҳои нокифоя", "Шабакаи бад".

Контекст. Агар дархост пешниҳод карда шавад, дархости "Таъхири ҷараён аз ҳадди ниҳоӣ зиёд аст".

Тасдиқҳо. Нест кардани "Боварӣ доред?" ки дар он шумо метавонед тавассути "Back/Undo" бозгардонед.

14) Таҳлил ва RUM: андозагирӣ барои такмил

RUM-SDK: таъхири e2e, оғози кор, буферҳо, коммутаторҳои сифат, хатогиҳои декодер.

Омори WebRTC: РТТ, талафот, ҷиттер, NACK/PLI, dolya TURN-эстафета.

Чорабиниҳои маҳсулот: Меъёри/дукарата/тоза, радкунӣ/меъёри дер, ҷадвал ва дилер.

Фанели даромадгоҳ: telegram lobby table table table first bet → repeat/double.

15) Анти-хатогиҳои мобилии UI

Хитҳои ночиз. Ҳалли: ҳадди аққал 48dp/44pt, иловаҳои иловагӣ.

Ҳангоми тағир додани сифат экранҳои сиёҳ. Ҳалли: keyframe-on-дархост ва пешакӣ профили зеринро бор кунед.

Swipes тасодуфии "бозгашт". Ҳал: тасдиқ пеш аз баромадан аз давр + имову ишора дар дохили мундариҷа бо имову ишораи система мухолифат намекунад.

Часпидани клавиатура. Ҳал: клавиатураи рақамӣ барои миқдор, худкори пинҳон пас аз вуруд, ҳаракатдиҳии оқилона.

16) Рӯйхати санҷиши оғози истеҳсолот

UI ва менеҷмент

CTA дар минтақаи ангушти калон; 2 қадам барои гарав
Ҳолати ҳаптӣ ва фаҳмо (қабулшуда/пӯшида/хато)
Режимҳои амудӣ/уфуқӣ бе артефактҳо

Видео ва шабака

Веб-RTC бо SVC/simulacast, folback LL-HLS
Таъхир/нишондиҳандаи шабака, таназзули мулоим
Ҳангоми гузариш экрани сиёҳ нест

Бозии масъул

Маҳдудиятҳо/таваққуфҳо/таърих дар масофаи 1-2 тапа
Блоки гаравҳои "дер" ҳангоми зиёд шудани ҳадди e2e

Маҳаллисозӣ ва A11y

RTL, ҳуруфҳои калон, контраст
Тамғакоғазҳо барои хонандагони экран

Иҷро

60 fps UI, <100 ms TTI барои экранҳои калидӣ
Ҳолати сарфаи барқ, назорати хотира

Мушоҳидакорӣ

Огоҳиҳои сохташудаи RUM ва WebRTC, SLO
Чорабиниҳои маҳсулот ва сатҳи ҳалқа

17) Сатри поён

Бозиҳои зинда Mobile UX як сегонаи суръат → возеҳият → назорат мебошанд. Ҷадвалҳои амудӣ, назорати якдафъаина, гарави зуд, хаптика ва ҳолати фаҳмо эҳсоси "хонаи истиқоматӣ" -ро дар хурмо аз дасти шумо эҷод мекунанд. Интизоми техникӣ - таназзули мулоим, бозгашт дар LL-HLS, нишондиҳандаҳои шабака, таҳлили RUM ва A11y - интерфейси зеборо ба маҳсулоти боэътимод табдил медиҳад, ки дар флагментҳо ва дастгоҳҳои буҷавӣ, дар метро ва хона, дар IOS ва Android баробар кор мекунад.