5 分鐘預測,排版優化提案.

保留所有現有功能,只重整層級、間距和狀態。每張圖都有手機 390 和桌面 1280 兩個版本,示範數字取自目前的測試網示範。

重點改動

兩個倒數分清楚圖表卡只留一行小字「進行中 · 距離結算」。下注卡的「距離鎖定」放大,是主角。
下注卡更好讀百分比放進看漲/看跌小卡,綠紅比例條移到小卡下方,和時間條分開。
底部少一層「全部領取」併進預測按鈕那一層。下注後顯示「已預測看漲 · 預估回報」,拿掉「本回合已預測另一方」。
交易紀錄重點在盈虧累計盈虧當主數字,「可領取(含本金)」獨立成一張卡。依日期分組,每列兩行在 390px 寬也放得下。
橘色只留給一個動作單筆「領取」改成白色膠囊,只有「全部領取」用橘色。「進行中」不再用藍色。
規則與桌面規則每條之間加細線,比較好讀。桌面版右欄固定放下注和戰績,底部也不再被 tab bar 蓋住。

手機 390:一打開看到的畫面

底部操作列固定在畫面下方

預設,有可領取獎勵
本回合已預測
第一次進來

手機 390:整頁

可左右捲動

有紀錄
已預測
空狀態
元件狀態:紀錄列 8 種、下注卡、底部列

桌面 1280

有紀錄:左欄是圖表和交易紀錄,右欄固定放下注卡和我的成績
本回合已預測
空狀態

對照:現況

現況:交易紀錄
現況:桌面版(規則被 tab bar 蓋住)