接口導航體系結構

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。

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