Year
2024
我的角色
UI/UX 設計師
負責項目
功能流程規劃、操作邏輯優化、視覺設計製作、工程交付說明
情境與痛點
背景：在 WEBA 線上表單管理系統中，使用者需頻繁篩選並批次下載回覆資料。
痛點：原本的下載按鈕會隨「勾選狀態」變更文字（如「下載勾選」vs「下載篩選結果」），導致：
認知負荷高：使用者無法預測點擊後的結果，缺乏控制感。
選取範圍模糊：表頭「全選」僅限當前頁面，使用者容易誤以為已選取所有資料，導致下載結果與預期不符。
核心挑戰
如何在不增加複雜度的前提下，讓下載邏輯變得透明、可預測，並給予使用者明確的操作回饋？
設計優化
我重新定義了「選取 → 提示 → 下載」的互動流程，重點包含：
一致化的行為邏輯：將下載按鈕統一為「下載」，並透過文案與介面回饋解決不確定性。
動態狀態提示：在按鈕旁即時顯示「已選取 X / 全部 Y 筆」，讓使用者隨時掌握下載範圍。
透明的選取機制：優化「全選」互動，點擊時彈出選項，讓使用者明確區分「本頁面 20 筆」與「篩選結果 108 筆」，避免模糊地帶。
效益
提升操作信心：透過視覺化回饋，將隱性邏輯轉化為顯性互動，減少用戶心理負擔。
降低錯誤率：有效減少因誤解操作邏輯而下載錯誤檔案的情況。
設計系統化：這套優化邏輯已形成組件標準，將應用於系統內其他表格模組，提升一致性。