top of page
設計說明
此平台為 B2B 的評審系統後台,強調以功能性、便利性,及降低使用者長時間使用下的疲勞感,並維持 RWD 的設計。
原始的系統後台介面
優化的系統後台介面與說明
-
Top Tab bar 與海選制標題
調整上下的間距,與標題內容的位置,讓使用者視覺上較不擁擠感,對於目的說明也清楚明瞭。
-
套用篩選欄位的主要 Buttons 及 搜尋
調整各 Buttons 的間距,並讓主要的 CTA / 套用篩選明顯,讓使用者更好瀏覽與點選,另外最低票數直接顯示可填寫數字。
-
次 Buttons 及 評審單狀態
調整各 Buttons 的間距,並根據不同功能的 Buttons 所觸發的狀態,讓使用者操作直覺化。
-
作品內容
將作品圖片、間距調大,讓視覺更易瀏覽,降低資訊的擁擠感。右側的評審單狀態改為直接顯示狀態,也能手動取消加入。
優化後的介面
Prototype Demo
Design System & Components
bottom of page