加密賭場

Torrent Gear

UI領導板和任務卡：最佳實踐

1）為什麼要這樣： UI的目標

領導板：立即解釋「誰在哪裏」以及為什麼要繼續比賽；顯示最近的目標（+N點到apa）。

任務卡：把長規則變成一個可以理解的「行動單位」10-30分鐘。

2）領導層信息層次結構

最小列集：

1.具有穩定寬度和較大數字的位置（#）。

2.玩家（化身/框架/標題,簡要說明）-點擊→配置文件。

3.分數/等級度量（SP/MMR/活動分數）-對齊右側。

4.獎項/等級區域（稀有圖標/獎項範圍）。

5.時間/階段（live/qualifier/finals），結束計時器。

模式是：

突出顯示您的線條（sticky row+「回到我身邊」）。
「目標閾值」：小標題「− 48 SP到TOP-100」。
平局（「T-10」為相同積分）。

3）控制和導航

過濾器：聯盟/分區，地區，朋友，「只有我的提供者」。

排序：按地點（按地點），點數，入場時間，獎品區。

分裂vs無限滾動：

desktop-分區+「到自己」，mobile-無限滾動，但「到開始/到自己」。
跳到等級：即時跳躍的等級輸入字段（對於比例板很重要）。

4）實時更新（沒有「dörganya」）

Diff更新：我們只更改實際移動的行。

線移動動畫：120-200 ms，easing-out；沒有跳躍。

反液體：每1-2秒進行一次戰鬥更新（不常見）。

樂觀更新： 在本地添加眼鏡和「同步」……

5）UI領導層的誠實與安全

規則解釋：「如何計算眼鏡？」按鈕?"在標題旁邊。

反欺淩：掩蓋尼克的一部分（選項），抱怨有毒的名字-1個點擊。

可疑帳戶標記： 隱藏於他人；玩家-「檢查你的積分。」

部門劃分：在視覺上不同的聯賽徽章，這樣強者就不會與首發混合。

6）任務卡解剖學（單光澤設計）

標題（≤ 40-50個字符），任務類型的圖標。

簡短的描述（做什麼，在哪裏，多少）。

進度欄與數字/百分比+時間估計（≈ 20-25分鐘）。

難度（1-3點）和獎勵的稀有性（顏色/面部）。

獎項：代幣/化妝品（小縮影），沒有「金錢」潛臺詞。

截止日期：軟色到期前計時器（奧蘭治/紅色在最後10%）。

CTA：「開始」/「繼續」/「接送」-一個主要按鈕。

中學：「更改任務」（如果允許），「閱讀更多」（規則調制解調器）。

7）任務卡的狀況

鎖定： 灰色，提示「在第7層之後打開「；CTA="需要什麼？».

可用：顏色按類型；CTA=「開始」。

進步：進步欄活動,CTA=「繼續」。

完成：綠色支票；CTA=「拾取」（效果≤ 1秒）。

Expired：蒼白；CTA=「隱藏「/「在N季重復」。

保持（誠實檢查）：黃色標記「1-3分鐘結果檢查」。

8）視覺語言和可用性

稀有顏色：Common（中性），Rare（藍色），Epic（紫羅蘭），Legendary（黃金），Mythic（彩虹口音）。

語義顏色：成功/進展為綠色，警告為琥珀色，截止日期為紅色。

對比≥ 4。5：1，字體≥移動上的14-16 px。

一切都很重要-不僅僅是顏色（圖標/模式）。

經濟的VFX： 0。6–1.2 c，沒有控制重叠。

適應：地圖表→ （2個平板電腦欄、1個電話欄）；固定標題。

9）下載狀態、空白和錯誤

表和卡的骨架（3-5行/標題）。

Empty state：有用的文本+「獲取啟動任務」。

網絡錯誤：可以理解，帶有「重復」；離線-我們顯示緩存和標記「最新更新：14：02」。

10）性能

列表虛擬化（300多行）。

圖標為精靈/洛蒂（不需要SVG動物園）。

Debounce過濾器/搜索（300-500毫秒）。

用於板/任務的客戶端緩存和ETag。

11） UI任務中的誠實內容和反欺淩行為

簡短的「它如何工作」：一個運球的機會，pity-logic，kaps，沒有營銷星雲。

反農場模式：慶祝「多樣性」-隨著供應商/利率的變化，進展會更快。

Kuldowns到「Change Mission（更改任務）」按鈕,並在可以再次使用時提示。

12）真正重要的度量

任務卡CTR，開始率，完成率，Median TTC。

Equip Rate/Duration用於通過任務獲得的化妝品。

Leaderboard Engagement：點擊到「到自己」,「轉到配置文件」,可見度時間。

VFX/通知上的 Complaint/Mute Rate。

參與任務/錦標賽的Stickiness（DAU/MAU）和D7/D30 uplift。

Gini by SP：在相似的遊戲時間下進步均勻。

13） A/B想法

1.進度欄格式：數字+視覺vs僅視覺。

2.時間評估：顯示/不顯示；對起步的影響。

3.CTA扭曲：一個大對兩個相等的按鈕。

4.默認排序：按獎品區域排序。

5.截止日期突出顯示閾值：T-10% vs T-20%時間。

6.領導層中的「到自己」：按鈕vs始終是固定字符串。

14）JSON電路示例（內容→ UI）

任務卡

json
{
"id": "m.s4.provider.「diversity」，「title」：「打開三個提供商」，「summary」：「在30分鐘內與3個不同的提供商一起玩」，「difficulty」：「medium」，「est_time_min"： 25」，「progress」：{「current」：2，「target」：3}，「rewards」：{「tokens」。：10、cosmetic_drop"：{「rarity」：「rare」、「p」：0。1}}"，"expires_at"："2025-10-26T18： 00： 00Z"，"state"："in_progress"，"cta"：{"label"：繼續"，"deeplink"："app：//open/lobby？tab=providers"}
}

領導者行

json
{
"rank": 124,  "user": {"id": "u_59211", "name": "SeaFox", "avatar_frame": "legendary.wave"},  "score": 18420,  "league": "Gold I",  "prize_band": "Top 100",  "delta_to_next": 47,  "is_me": false,  "stage": "qualifier",  "ends_at": "2025-10-24T21:00:00Z"
}

15）微鴉片（簡明扼要）

任務開始了-"我們走！剩下≈ 20分鐘"。

分級進步是「另外1個獲得獎項的提供者」。

截止日期是「10％的時間，每次運行都會有時間」。

誠實檢查-「我們檢查結果（最多3分鐘）-保留獎項。」

16）發行前的支票清單

表格可讀性為320 px；有「自己」和粘性頭條。
任務卡「一目了然」：目標，時間，獎勵，CTA。
沒有閃光燈的真實時間更新；diff補丁和batch頻率。
「如何工作」屏幕：眼鏡/帽子/稀有度公式。
噪聲控制：VFX/min限制，夜間「安靜模式」。
可用性：對比度,不僅僅是顏色,鍵盤導航。
Anti-Abuse：kuldowns 「Change Mission」，可變性的突出顯示。
制定了度量和A/B計劃；點擊和同步日誌。

強大的領導層UI和任務卡是即時可讀性，柔和的動態，誠實的透明度和可控制的噪音。給玩家最接近的目標，可理解的進步和整潔的VFX，保持更新穩定，規則清晰。然後，棋盤成為比賽的引擎，任務卡成為方便的「動作單元」，系統地增強了參與和保留。