Меъмории навигатсионии интерфейс

1) Меъмории навигатсия чист ва чаро он лозим аст

• Ҳадафҳои корбарро бо сохтор/хусусияти мундариҷа пайваст мекунад.
• Сарбории маърифатиро тавассути намунаҳои пешгӯишаванда коҳиш медиҳад.
• Натиҷаро суръат мебахшад (камтар клик/секунҷа).
• Бо афзоиши маҳсулот тарозу.

Принсипҳо: пайдарҳамӣ> эҷодкорӣ, дастурҳои возеҳ> имову ишораи пинҳонӣ, роҳ аз амалҳои 3-4 ба ҳадафи асосӣ кӯтоҳтар аст.

2) Қабатҳои навигатсионӣ (сатҳи IA)

1. Сатҳи ҷаҳонӣ - бахшҳои маҳсулот (масалан: Лобби, Зиндагӣ, Аксияҳо, Ҳамён, Профил).
2. Қисм/категория - зербахшҳо ва функсияҳои асосӣ (каталогҳо, ҳисоботҳо, танзимот).
3. Саҳифа/намоиш - объектҳои мушаххас (бозӣ, гузориш, шакл).
4. Маҳаллӣ/контекстуалӣ - ҷадвалҳо, лангарҳо, "бештар нишон диҳед", бутпарастӣ.
5. Таърих ва роҳи бозгашт - нонрезаҳои нон, бозгашт, "то охир".

Қоида: Ҳар сатҳ бояд ба таври возеҳ "ман дар куҷоям?" (тақсимоти фаъоли ашё, H1/crumbs) ва "боз чӣ?" (CTA/истинод/тавсияҳо).

3) Моделҳои навигатсионӣ ва кай онҳоро интихоб кардан

Top-nav: 5-7 бахшҳои сатҳи боло. Хуб барои интерфейсҳои истеъмолӣ ва мобилӣ (ба ҷадвалҳои поёнӣ табдил меёбад).
Ҷадвалҳои поёнӣ (мобилӣ): то 5 адад, собит, нишона + нишона. Амалҳои асосӣ ҳамеша зери ангушти калон мебошанд.
Панели чап: чуқурии 2-3 сатҳ, дар маҳсулот ва маъмурон кор мекунад. Ҷамъкунӣ/пинҳонӣ барои ашёҳои зуд-зуд.
Мега-менюҳо: каталогҳои калон (мағозаҳо, ҳавзҳои мундариҷа). Гурӯҳҳо аз рӯи мавзӯъ, маслиҳатҳо ва пайвандҳои зудро илова мекунанд.
Нонрезаҳои нон: барои роҳҳои амиқ ва мундариҷаи SEO; навигатсионии H1 ва болоиро иваз накунед.
Навигатсионии контекстӣ: ҷадвалҳо, филтрҳои чип, "алоқаманд", ҷадвали мундариҷа (TOC) дар тӯли тӯлонӣ.
Фармони Палетт/Ҷустуҷӯи Глобалӣ (⌘K): кликҳои зуд ба номҳо ва амалҳои субъектҳо.
Миёнабурҳо ва имову ишора: истифодабарандагони барқ ​ ​ (hotkeys, swipes) - аммо ҳамеша бо муодили UI.

Интихоб аз он вобаста аст: шумораи қисмҳо, амиқ, басомади истифода ва дастгоҳҳо.

4) Масир ва стратегияи URL

URLs хондан: '/бозиҳо/слот/[ slug] ', '/reports/ngr? давра = Q3 '.
Устуворӣ: URL-ро бидуни масир иваз накунед; мутобиқати ақибро нигоҳ доред.
Хатсайрҳо бо параметрҳои ҳолат: филтрҳо/навъбандӣ - дар дархост; ID дар роҳ аст.
Барои нигоҳ доштани намоиш, Нусхабардории Филтри Ҷорӣ/Маълумотномаи Лангарро клик кунед.
Истинодҳои амиқ: аз fluff/mail - рост ба ҳадаф, бо иҷозати бехатар.
Офлайн ва барқароркунӣ: ҳангоми бозгашт - барқарор кардани мавқеъ/филтрҳо.

5) Нишонаҳо ва тамғакоғазҳои иттилоотӣ

Ҳолати фаъоли ашё (ранг/сатр, нишона).
H1 ва пешбар - контексти саҳифаро бигӯед.
Ҷойгиркунии қисм - нонрезаҳо, нишонаҳо дар панели паҳлӯ, равшании ҷадвал.
Ҳолатҳои холӣ - пешниҳод кунед, ки ба куҷо равед (CTA, пайвандҳо барои кӯмак).
Луғати устувор - номҳои якхелаи элементҳо дар ҳама ҷойҳо.

6) Палитраи ҷустуҷӯ ва фармон

Ҷустуҷӯи глобалӣ: индекси субъектҳо (бозиҳо, провайдерҳо, ҳисоботҳо) + амалҳои зуд ("/амонат ", "/kyc ").
Анҷоми худкор: дархостҳои охирин ва маъмул, маслиҳатҳои танг.
Семантика: "намудҳои" инфиродии натиҷаҳо (субъектҳо, саҳифаҳои кӯмак, танзимот).
Палитраи фармон (⌘K): масир бо номҳо ва калидҳои гарм, дастгирии русӣ/англисӣ/синонимҳо.

7) Давлатҳо, нақшҳо ва дастрасӣ

RBAC: Танҳо қисмҳои дастрасро нишон диҳед; "қуфлҳои" хокистарӣ - аз ҷиҳати иқтисодӣ ва бо тавзеҳот.
Ҳолати меҳмон: ҷузъҳои маҳдуди меню, CTA ба бақайдгирӣ/воридшавӣ оварда мерасонанд.
Иҷора: ҷойҳо аз ҷониби бренд/оператор - тақсимот дар селектори ҷаҳонӣ.
Афзоиши ҳуқуқҳо: пас аз KYC/2FA - хатсайрҳои нав кушода мешаванд.

8) Хусусиятҳои мобилӣ

Паймоиши поёни (≤ 5): Лобби, Зиндагӣ, Аксияҳо, Ҳамён, Профил.
Diplinks аз fluffs: ба ҷадвал/ҷадвал/лангари дилхоҳ оварда расонед; бозгашт - ба ҳолати пешина.
Имову ишора: бо каруселҳои лағжанда (қулфи меҳварӣ) мухолифат накунед.
Унсурҳои часпанда: мини-плеер/бозии ҷорӣ, "Амонат" - шинокунандаи CTA.

9) Дастрасӣ ва маҳаллисозӣ

Тартиби фокус ба иерархияи визуалӣ мувофиқат мекунад.
Хусусиятҳои ARIA барои менюҳо/нонрезаҳо/ҷадвалҳо. Имзоҳо барои нишонаҳо талаб карда мешаванд.
Паймоиши клавиатура: тирҳо/Ҷадвал/Вуруд; фокуси намоён.
RTL/забонҳо: шабакаи оина ва фармоиши нуқта, локализатсияи микро ҳуқуқи муаллиф.
Муқоиса ва андозаҳо: WCAG AA ҳадди аққал; ҳадафҳои ламс ≥ 44px.

10) Иҷро ва субот

Боркунии прогрессивии навигатсия: скелетҳо барои панели паҳлӯ/меню.
Кэши меню/луғат: камтар вақт шабакаро кашед, паймоиши фаврӣ.
Боркунии хатсайрҳои наздиктарин: тавассути hover/focus; буҷаҳои оқилона.
Устуворӣ: ҳангоми боркунӣ ҷаҳида нашавед (андозаҳои собит).
Муҳофизат аз 404/403: саҳифаҳои дӯстона ва "бозгашт" -и зуд.

11) Телеметрия ва ченакҳо

• 'nav _ click' (манбаъ, ашё, мавқеъ), 'route _ change', 'search _ query/select',
• 'breadcrumb _ click', 'deeplink _ open', 'back _ used', 'not _ found _ view'.

• Вақт ба ҳадаф.
• Меъёри хатогии нав (хатогиҳои 404/403/ҳуқуқ).
• Меъёри бозгашт (чӣ қадар фавран баргаштан нишонаи роҳи номуайян аст).
• Муваффақияти Ҷустуҷӯ% (натиҷа дар ≤ 2 клик).
• Палитраи фармони қабул ва миёнабурҳои клавиатура.

• Панели паҳлӯӣ ва менюи мега; ҷадвалҳо аз боло ва филтрҳои чип; "ҷустуҷӯ ҳамеша намоён аст" против клик.

12) Намунаҳо барои IGaming (намунаҳо)

• Дар саросари ҷаҳон: Lobby/Live/Action/Tournaments/Purse/Profile.
• Дар дохили даромадгоҳ: филтрҳои чип (нав, Jackpots, провайдерҳо, Buy-Bonus), ҷустуҷӯ.
• Crumbs - дар саҳифаҳои провайдерҳо/мақолаҳо, на дар даромадгоҳ.

• Панели паҳлӯ: панели панелҳо/мундариҷа/шарикон/ҳисоботҳо/мувофиқат/танзимот.
• Дар дохили бахшҳо - ҷадвалбандиҳо (Рӯйхат/Релизҳо/Сертификатсия).
• Палитраи фармон: "Бозии кушод аз ҷониби ID", "Эҷод кардан", "Ҳисоботи содирот".

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

Меню барои 20 + ашё бидуни гурӯҳбандӣ (садои визуалӣ).
Номҳои гуногуни як бахш дар ҷойҳои гуногун.
Паймоиши танқидии пинҳонӣ танҳо дар менюи бургер (дар мизи корӣ).
Истифодаи дубораи ҷадвалҳо ҳамчун филтрҳо (маъноҳои гуногун - як навъ).
Гузаришҳое, ки ҳолатро вайрон мекунанд (барқароркунии филтрҳо ҳангоми "бозгашт").
Панелҳои часпанда, ки мундариҷа ва CTA-ро ба ҳам мепайвандад.

14) Рӯйхати назорати амалисозӣ (аз рӯи спринтҳо)

Sprint 1 - Харита: инвентаризатсияи қисматҳо, роҳҳои мақсаднок (вазифаҳои болоӣ), луғати истилоҳот.
Sprint 2 - IA: гурӯҳбандӣ, сатҳҳо, интихоби модел (top-nav/side/mega/tabs). Прототип.
Sprint 3 - Масир/URL: роҳҳои хондан, филтрҳои сарфа, диплинкаҳо, 404/403.
Sprint 4 - Poisk/⌘K: индекси корхона, анҷом додани худкор, амалҳои зуд.
Sprint 5 - Дастрасӣ/Локал: клавиатура, ARIA, RTL, контраст.
Sprint 6 - Telemetry/A-B: Вақт ба ҳадаф, муваффақияти ҷустуҷӯ, бозгашт; моделҳои озмоишӣ.
Sprint 7 - Иҷро: луғат/кэши меню, префетчҳои хатсайрҳои ҳамсоя, скелетҳо.

15) Луғат

IA (Меъмории иттилоотӣ) - сохтори мантиқии бахшҳо/мазмунҳо.
Top-nav/Side-nav/Tabs/Мега-меню - моделҳои навигатсионӣ.
Нонрезаҳо - "нонрезаҳо" барои иерархияи амиқ.
Пайвасти амиқ - пайванди амиқ ба давлат/бахши мушаххас.
Palette Фармон - ҷустуҷӯ/амали глобалӣ аз ҷониби hotkey.
Вақт ба ҳадаф - вақт барои расидан ба экран/амали мақсаднок.

16) Сатри поён

1. сатҳи IA равшан,

2. URL-ҳои устувори хондан ва истодагарӣ,

3. моделҳои омехта (меню + ҷадвалҳо + poisk/⌘K),

4. мавҷудият ва маҳаллисозӣ,

5. ченакҳо ва A/B барои суфтакунии доимӣ.

Ҳамин тавр, интерфейс равшан ва зуд боқӣ мемонад, ҳатто вақте ки функсия меафзояд.