Case Study · Admin Dashboard

藝文票務管理後台

B2B 票務管理系統,聚焦高資訊密度下的 Dashboard、票券管理、客服退票與高風險操作防呆,協助藝文場館營運團隊有效率地管理活動與訂單。

在高資訊密度的後台裡,替每一個高風險操作加上防呆。
角色
UI/UX 設計(個人專案)
工具
Figma
時程
2025
Dashboard UI Admin System B2B SaaS
藝文票務管理後台儀表板
3位受訪使用者
10+個管理模組
7張流程與畫面
Role
UI/UX 設計(個人專案)
Timeline
2025
Problem
高資訊密度後台裡,退換票等高風險操作容易誤觸,且橫跨十餘個模組,查找成本高。
Method
訪談 3 位具行政、客服或活動管理經驗的使用者,整理關鍵發現後對應到資訊架構與防呆機制設計。
Key Deliverables
Dashboard、票券管理、客服退換票防呆流程、會員與行銷工具等後台系統設計。
Validation
自我檢核+訪談洞察比對,未進行正式量化測試。
Limitation
研究樣本有限(3 人),部分效率改善屬設計推估,尚未經正式量化測試。

專案背景

藝文場館的營運人員每天要處理大量活動、票券與客訴資料。後台系統若資訊架構不清楚,容易造成操作失誤,尤其是退換票這類高風險、不可逆的操作。這個專案希望在高資訊密度的介面中,仍維持清楚的層級與安全的操作防呆機制。

問題一

資訊密度高

儀表板需同時呈現營收、售票、活動與會員數據,容易造成視覺負擔。

問題二

高風險操作

退換票、資源回收桶等操作一旦誤觸,會直接影響營收與顧客體驗。

問題三

模組眾多

從活動管理到系統設定橫跨十餘個模組,需要清楚的側邊導覽與分類。

研究

研究方式
訪談 3 位具有行政、客服或活動管理經驗的相關使用者。
研究目的
理解營運人員如何查找活動、票券、會員與退換票資訊,以及高風險操作中最容易產生不確定性的節點。
關鍵發現
洞察一

操作人員需在多個模組間反覆切換。

洞察二

重要狀態與操作後果不容易快速辨認。

洞察三

退換票等不可逆操作缺乏清楚確認。

流程與線框

在進入視覺設計前,先透過流程圖釐清票務核心流程,並用 wireframe 確認資訊層級與版位配置。

關鍵畫面

將流程與線框落地為完整視覺設計,並在退換票等高風險流程中加入明確的確認機制。

從洞察到設計決策

重要狀態難辨認 強化狀態標籤與表格層級 Ticket Management
不可逆操作缺乏確認 加入二次確認與後果說明 Refund Flow
跨模組查找成本高 重整側邊導覽與分類 Dashboard / Navigation

設計迭代

以儀表板為例,說明從初版線框到上線畫面的調整依據。

儀表板初版 wireframe
Wireframe
目前上線的儀表板畫面
Final UI
第一版問題
初版線框將所有數據卡片以相近的視覺權重並列,未特別標示何者對營運判斷最關鍵。
修改原因
依營運優先順序調整卡片大小與位置,讓最重要的指標(如營收與待處理退票)優先被看到。

限制與下一步

目前研究樣本有限,部分效率改善屬設計推估,未經正式量化測試。下一步應進行任務測試,觀察資訊查找時間、錯誤率與確認流程理解度。

成果與反思

這個專案讓我更理解如何在資訊密度高的 B2B 後台中,透過分層資訊架構、清楚的側邊導覽與防呆確認機制,降低操作人員的認知負擔與誤觸風險,同時維持系統的專業感與可信度。