接口导航体系结构

1）导航体系结构是什么，为什么需要

• 将用户目标与内容/信息结构相关联。
• 通过可预测的模式降低认知负荷。
• 加快实现结果（减少点击/跳跃）。
• 随着产品的增长而扩展。

原则：序列>创意,显式标记>隐藏手势,路径短于3-4个动作到关键目标。

2）导航层（IA层）

1.全球级别-产品部分（例如：大厅，直播，促销，钱包，简介）。
2.分区/类别-分区和关键功能（目录、报告、设置）。
3.页面/视图-特定实体（游戏、报告、形式）。
4.本地/上下文是禁忌，锚点，"显示更多"，分页。
5.历史和回程是面包屑，回来，"到最后"。

规则：每个级别都必须有明确的"我在哪里？"（选取活动点H1/碎屑）和"接下来会发生什么?"（STA/链接/建议）。

3）导航模型以及何时选择

顶部菜单（top-nav）： 5-7顶部分区。有利于消费者界面和移动（变成底部禁忌）。
下禁忌（移动）：最多5点,固定,图标+标签。基本行动-总是在拇指下。
左边栏：深度为2-3层,适用于产品和管理。常见点崩溃/pins。
大型菜单：主要目录（商店，内容池）。按主题分组，添加提示和快速链接。
面包屑：用于深层路径和SEO内容；不替代H1和顶级导航。
上下文导航：禁忌，芯片过滤器，"相关"，longrids中的目录（TOC）。
命令调色板/全球搜索（⌘K）：按实体名称和操作快速过渡。
短裤和手势：电源用户（热键，刷卡）-但始终具有UI等效功能。

选择取决于：分区数、深度、使用频率和设备。

4）漫游和URL策略

可读网址： '/games/slot/［slug］, '/reports/ngr?period=Q3`.

稳定性：不要在没有重新引导的情况下更改URL；存储向后兼容性。
带状态参数的路由：过滤器/排序在查询中；ID-在途中。
视图保存："复制当前过滤器/锚点的链接"。
深层链接（deep links）：从枪支/邮件直接到目标,安全授权。
离线和恢复：返回时-恢复位置/过滤器。

5）信息参考和标签

活动点状态（颜色/条纹、图标）。
H1和lead-说明页面的上下文。
分区定位器是面包屑，边栏上的标记，禁忌照明。
空白状态-告诉您接下来要去哪里（CTA，帮助链接）。
稳定词典-所有位置的元素名称相同。

6）搜索和命令调色板

全球搜索：实体索引（游戏，提供商，报告）+快速动作（"/deposit"，"/kyc"）。
自动补充：最新和流行的查询，狭窄的线索。
语义：个别"视图"结果（实体、帮助页面、设置）。
命令调色板（⌘K）：按名称和热线路由,支持俄语/英语/同义词。

7）状态，角色和访问

RBAC：仅显示可用部分；灰色的"锁"-经济和解释。
来宾模式：受限制的菜单项,CTA导致注册/登录。
影子：按品牌/运营商划分的空间-在全球选择器中脱颖而出。
权利升级：KYC/2FA后-新路线开放。

8）移动功能

底部导航（≤5）：大厅，直播，促销，钱包，简介。
Diplinki由枪支制成：通往所需的标签/标签/锚点；返回-回到以前的状态。
向后手势：不与滑轮冲突（轴向锁）。
Sticky元素：迷你玩家/当前游戏，"存款"是浮动CTA。

9）可用性和本地化

焦点顺序对应于视觉层次结构。
菜单/碎片/禁忌的ARIA属性。图标上的签名是强制性的。
键盘导航：箭头/Tab/Enter；可见的焦点。
RTL/语言：镜像网格和项目顺序,本地化微副本。
对比度和尺寸：WCAG AA最低；tap-targets ≥ 44px。

10）生产力和可持续性

渐进式导航加载：sidebar/菜单的骨架。
键入菜单/字典：不太可能抽动网络,即时导航。
预装最近的路线：沿着hover/焦点；合理的预算。
稳定性：在加载时不跳动（固定尺寸）。
404/403防护：友好页面和快速"返回"。

11）遥测和度量

• "nav_click"（来源，项目，位置），"route_change"，"search_query/select"，
• `breadcrumb_click`, `deeplink_open`, `back_used`, `not_found_view`.

KPI:

时间到目标（在目标屏幕/动作之前）。
Nav Error Rate（404/403/权利错误）。
Return Rate（一次返回多少是非明显路径的标志）。
搜索成功%（≤2点击结果）。
选用命令调色板和热键。

A/B:

Sidebar vs大型菜单；顶部禁忌vs芯片过滤器；"搜索总是可见"vs点击。

12）iGaming模式（示例）

• 全球：大厅/直播/促销活动/锦标赛/钱包/简介。
• 大堂内部：芯片过滤器（新，大奖，提供商，购买奖金），搜索。
• 这些面包屑是在供应商/文章的页面上，而不是大厅里。

• Sidebar： Dashbords/内容/合作伙伴/报告/合规性/设置。
• 章节内部是禁忌（列表/发行版/认证）。
• 命令调色板："通过ID打开游戏"，"创建版本"，"导出报告"。

13）反模式

不分组的20多个项目的菜单（视觉噪音）。
同一部分的不同名称在不同的位置。
仅在汉堡菜单（在台式机上）中隐藏关键导航。
将禁忌重新用作过滤器（不同的含义是一种类型）。
断开状态的过渡（"向后"重置过滤器）。
"粘性"面板，重叠内容和CTA。

14）实施支票（冲刺）

Sprint 1-地图：分区清单、目标路径（top-tasks）、术语词典。
Sprint 2-IA：分组、关卡、模型选择（top-nav/side/mega/tabs）。原型。

Sprint 3-Routing/URL： 可读路径,过滤器保存,diplink, 404/403.

Sprint 4-Poisk/⌘K：实体索引，巡回赛，快速行动。
Sprint 5-可用性/位置：键盘,ARIA, RTL,对比度。
Sprint 6-遥测/A-B：时间到目标，搜索成功，背靠背；模型测试。
Sprint 7-性能：字典/菜单缓存,预览相邻路由,骨架。

15）词汇表

IA（信息体系结构）是部分/内容的逻辑结构。
Top-nav/Side-nav/Tabs/Mega-menu是导航模型。
Breadcrumbs是深层等级的"面包屑"。
深链接-深入链接到特定状态/分区。
Command Palette 是关于hotkeys的全球搜索/操作。
时间到目标-到达目标屏幕/动作之前的时间。

16）结果

1.一个清晰的分层IA，

2.稳定的可读URL和状态保存，

3.组合导航模型（菜单+禁忌+poisk/⌘K），

4.可用性和本地化，

5.用于永久磨削的度量和A/B。

因此，即使功能不断增长，界面仍保持清晰和快速。