Имову ишора ва UX дар дастгоҳҳои ламсӣ

1) Чаро имову ишора ва вақте ки онҳо мувофиқанд

• Пешгӯишаванда (мувофиқи интизориҳои платформа).
• Муайяншаванда (корбар гумон мекунад, ки ишорат дастрас аст).
• Дастгирии фикру мулоҳизаҳо (визуалӣ/аудио/дастӣ).
• Бо ламсҳои хато ва дастгоҳҳои гуногун боэътимод.

Принсипҳо: аввал унсурҳои возеҳи UI → баъд имову ишораҳо → баъд имову ишораи пинҳонии пешрафта. Амалҳои интиқодӣ - ҳамеша бо тугмаҳои возеҳ такрор мешаванд.

2) Таксономияи имову ишора

Клик/дукарата/Long-press - интихоб/илова. менюҳо/амалҳои пешрафта.
Лағжиш (кӯҳ/верт) - навигатсия, несткунӣ/бойгонӣ, ифшои амалҳо.
Кашидан ва партофтан - навъбандӣ, интиқол, тағир додани иерархия.
Pinch/Spread (масштаб) - миқёс (галереяҳо, харитаҳо, графикҳо).
Гардиш - нодир, мувофиқ дар муҳаррир/назар.
Pull-to-refresh/Озодкунӣ-ба-амал - навсозӣ/амали дуюмдараҷа.
Edge-swipe - паймоиши система (бозгашт/меню), бодиққат дар веб.
Бисёр ламс - 2-3 ишораи ангушт барои сенарияҳои пешрафта.
Ишоратҳои системавӣ - скриншотҳо, ПП, системаи "Бозгашт" (Android) - муноқишаҳоро ба назар мегиранд.

3) Минтақаҳои эргономика ва ангушти калон

Минтақаҳои ангушт: минтақаи расидан - нисфи поёнии экран; калидҳои CTA, филтрҳои чип ва ҷадвалҳо дар поёни мебошанд.
Хит-ҳадаф: ҳадди аққал 44 × 44 pt/48 × 48 dp. Барои ашёҳои хурд хит-нишеб илова кунед.
Нишондиҳандаҳои канорӣ: буридани дурӯғи дурӯғро кам кунед; робитаҳои интиқодӣ - ба канор наздик нестанд.
Самтгирӣ: портрет - пешфарз; манзара - барои ду ангушти калон оптимизатсия кунед (хусусан дар бозиҳо/видеоҳо).

4) Муайянкунӣ ва омӯзиш

Нарх: ишораи ишорат (корти нимашаб дар паҳлӯ, "қалам" дар поёни варақ).
Micro-onboard: калидҳои якдафъаина ("Барои нест кардан лағжед"), на интрузивӣ, бо "Got it".
Ишораи озмоишӣ: аниматсияи намоишӣ дар намуди аввалини намуна.
Такроршаванда: Имову ишора бояд дар ҳама ҷойҳо бо мундариҷаи шабеҳ кор кунад.

5) Бозгашт: визуалӣ, дастӣ, аудио

Визуалӣ: соя, параллакс, часпидан ба дастурҳо, нишондиҳандаи пешрафт ҳангоми бозсозӣ.
Ҳаптика: импулси сабук ҳангоми кашолакунӣ, "вазнин" - ҳангоми тарки/муваффақият.
Аудио (мӯътадил): кликҳои кӯтоҳ/клик дар бозиҳо ё рӯйдодҳои моддӣ (ғолиб/хато).
Бекоркунӣ мегӯяд: "минтақаи сурх" -и визуалӣ бо лағжиши харобиовар, ишораи ларзиш пеш аз бартараф кардан.

6) Муноқишаҳо ва афзалиятҳои имову ишора

Иерархияи шинохтан: гардиши дохилӣ> корти лағжиш> пушти система (дар веб - баръакс). Танзими имову ишора/афзалиятҳо.
Гардиши амудӣ ва лағжиши уфуқӣ: Як меҳварро пас аз 10-15 px ҳаракат қулф кунед.
Edge-swipe vs имову ишораи худ: Иловаи дохилӣ ё ишораи "қалам" илова кунед, то ба система халал нарасонед.
Иқдоми глобалии бозгашт (Android/IOS): паймоиши пешбинишударо вайрон накунед - амалҳои муҳимро бо тугмаи "Бозгашт" такрор кунед.

7) Намунаҳои скрипт

7. 1 Рӯйхатҳо ва кортҳо

Амалҳои лағжиш: лағжиши кӯтоҳ - ишораи амалҳо (нишонаҳо), амали дароз - фаврӣ.
Барҳам додани парадигма: пас аз намоиши харобиовар-имову ишора "Бекор кунед".
Drag-reorder: кашолакунӣ ба "дастак"; Меҳвари амудиро ислоҳ кунед.

7. 2 Харитаҳо, галереяҳо, графикҳо

Pinch-zoom + лӯлаи дукарата барои миқёс.
Инерсия ва ҳудудҳо: сарҳадҳои тағйирёбанда, инерсияи ҳамвор.
Барои "калон кардани шиша "/тафсилоти нуқтаи график клик кунед.

7. 3 Навигатсия ва сипарҳо

Варақи поён: ишоратро аз дастак кашед, ҳолати вайроншуда/қисман/пурра; лағжиш ба поён.
Ҷадвалҳо/Чипҳо: гузариши уфуқӣ дар байни ҷадвалҳо бо нишондиҳандаи пешрафт.

7. 4 Сенарияҳои бозӣ ва зуд

Бозии яктарафа: Минтақаҳои калони гарав/амал дар канори поёни.
Ишоратҳои дукарата: лӯлаи дукарата ҳамчун "такрори Бет" (тасдиқи haptic).
Ҳадди харобиовар: ангушти худро дар 300 мс "қулф" кунед ё барои иҷрои "минтақаи сурх" гузаред.

8) Дастрасӣ (A11y)

Ҳамаи имову ишора бо тугмаҳо ё ҷузъҳои меню такрор карда мешаванд.
VoICE Over/Talk .Back: тавсифи дуруст ва фармоиши фокус.
Дастрасии мотор: алтернативаҳо ба матбуоти дароз (тасвири "⋮"), минтақаҳои афзояндаи ламсӣ.
Муқоиса ва миқёс: Имову ишора набояд роҳи ягонаи ба амал омадан бошад.

9) Иҷро ва эътимоднокӣ

INP (Ҳамкорӣ ба Рангҳои навбатӣ) ≤ 200 м барои имову ишораи асосӣ.
Таъхири ламс: ҳадаф <50-100ms пеш аз посухи аввал (сабти визуалӣ/равшанӣ).
60 FPS: ҳамворӣ барои кашолакунӣ/ҳаракат; сояҳои вазнинро хомӯш кунед ва ҳангоми ҳаракат норавшан кунед.
Санҷиши хит: аз такрори (z-index/overflow) канорагирӣ кунед - домҳо "мулоим" мебошанд.
Санҷишҳои дастӣ: дасти рост/чап, ангушти калон/ангушти хурд, истода/дар нақлиёт.

10) Веб vs Native

Веб/PWA: шунавандагони ғайрифаъол ('ғайрифаъол: ҳақиқӣ') барои ҳаракат, 'touch-action' барои қулф кардани меҳварҳо, нолозим нигоҳ доштани имову ишораи системаро пешгирӣ кунед.
IOS/Android модарӣ: Шинохти системаро истифода баред (UIG esture 'Confectorizer/Android Gesture .Detector), хаптикаи стандартӣ, пешгӯии "Бозгашт" (Android 14 +).
Webview: пулҳо ва минтақаҳои бехатар, бастани пешгӯии сипарҳо - дар дохили веб, бидуни шикастани системаи "Бозгашт".

11) Имову ишораҳои бисёрсоҳавӣ ва пешрафта

Ду ангушт: паннинг ҳангоми масштаб баста аст; дар кортҳо - ишораи "ду ангушти поён" барои илова. қабат.
Се ангушт: танҳо барои истифодабарандагони барқ; ҳамеша алтернатива диҳед.
Омезишҳо: матбуоти дароз + кашолакунӣ барои интихоби диапазон/ҳаракати гурӯҳӣ.

12) Санҷиш, телеметрия, ченакҳо

События: 'gesture _ start', 'gesture _ commit', 'gesture _ cancel', 'latency _ ms', 'distance _ px', 'overcroll', 'misfire' (lojnyy jest), 'undo _ used'.
KPI: Меъёри муваффақият, Меъёри номувофиқ, Меъёри бекоркунӣ, INP, Вақт-ба-амал, Тарки муноқишаи имову ишора.

13) Маҳаллисозӣ ва фарқиятҳои фарҳангӣ

Забонҳои RTL: Ишоратҳо ва нишонаҳои уфуқиро оина кунед.
Символизм: "чапро чаппа кунед = хориҷ кунед" универсалӣ нест - тасдиқ дар киштӣ.
Намунаҳои ҳассос: профилҳои системаро истифода баред, онҳо аллакай барои корбар шиносанд.

14) Амният ва иштибоҳҳо

Ишоратҳои харобкунанда - танҳо бо бекоркунӣ/тасдиқ.
Свипҳои канорӣ набояд тасодуфан равандҳои муҳимро (пардохт/CCM) пӯшанд.
Муҳофизати ларзиш: ҳадди ҳаракат (5-10 px) пеш аз оғози ишорат.
Хомӯш кардани имову ишора дар ҳолати бастан (боркунаки пардохт, модули тасдиқ).

15) Намунаҳои ҷадвал/планшетҳо

Сенарияҳои дуҷониба: ҷудо кардани минтақаҳои назоратӣ.
Ҳолати бисёр корбар: имову ишораҳо ихтилоф надоранд, афзалияти вақт.
Ҳадафҳои калон: 56-64 dp; дастурҳои визуалӣ барои амалиёти кашолакунӣ.

16) Антипаттернҳо

Амалҳои танқидии пинҳонӣ танҳо бо имову ишора (тугма нест).
Ишораҳое, ки бо система ихтилоф доранд (ақиб, сояи огоҳӣ).
Матбуоти дароз бидуни "scramble" ва садо/vibe.
Гузариши уфуқӣ дар дохили ҳаракати амудӣ бидуни қулфи меҳварӣ.
Сояҳои "вазнин" ҳангоми кашолакунӣ → ақибмонӣ ва FPS.
Ишоратҳои номувофиқ дар қисмҳои гуногуни барнома.

17) Рӯйхати назорати амалисозӣ (зина ба зина)

1. Харитаи ишорат: дар куҷо ва чӣ - бо алтернативаҳо барои A11y.
2. Афзалиятҳои шинохтан: қулфи меҳвар, минтақаҳои бехатар дар канор, имову ишора.
3. Бозгашт: доми визуалӣ, профилҳои ҳаптика, аниматсияҳо ≤ 200 мс.
4. Иҷро: FPS INP/60, профили кашолакунӣ/ҳаракат.
5. Дар киштӣ: дархостҳо ва имову ишораҳои озмоишӣ бо қобилияти хомӯш кардан.
6. Телеметрия: муваффақият/хатогӣ/бекоркунӣ, ламс кардани харитаи гармӣ.
7. Матритсаи санҷишӣ: дастгоҳҳо, зичӣ, чапдаст/дасти рост, ҳолатҳои бади шабака.
8. Ҳуҷҷатгузорӣ: дастури имову ишора дар системаи тарроҳӣ, намунаҳо ва зидди парвандаҳо.

18) Сатри поён

Ишораи босалоҳият зуд, фаҳмо ва боэътимод аст. Он роҳи ҳадафро бидуни шикастани интизориҳои система ва таъмини дастрасӣ барои ҳама коҳиш медиҳад. Имову ишораҳо ҳамчун як қисми системаи тарроҳӣ: намунаҳои ягона, афзалиятҳои возеҳ, фикру мулоҳизаҳои бой ва назорати қатъии иҷро - пас UX ба ҳама гуна дастгоҳҳо ва ҳама гуна сенарияҳо баробар гуворо хоҳад буд.