QVR Pro Client | Event Notification Settings
專案類型
Utility
專案時間
2025.10
專案角色
UI Design

專案背景
QVR Pro Client 首頁的事件通知設定和 Quick Filter 原先目的使用端的介面做是事件和攝影機的快速設定。
「所有活動」主操作攝影機與事件連結分配,「事件類型」攝影機與事件匹配之設定。
定義問題
原本點擊攝影機要跳轉頁面才能看事件,太容易斷掉聯想。
Toggle 在批次處理時反而更累、點擊次數變多。
修正了誤用的 Radio Button。事件類型應該在活動層級之下,不該跟父層並列顯示。
規格限制
事件類型約有20種,規格無限制單支攝影機匹配事件類型數量;然而常態性的設定以 2-3 種為上限
攝影機的最大總數到 1000 台

依據 UX 策略方針,將 AI 生成的原型草案進一步優化為三組精準的 Wireframe 方案。設計焦點在於落實兩大操作邏輯:一是以事件驅動為核心的作業流,二是將功能拆分為左右雙欄的獨立操作布局。


解決方法
針對初始 AI 生成的展開式卡片方案,我識別出資訊密度過低且操作路徑過長(需額外點擊才能查看內容)的痛點。為提升作業效率,我重新定義了兩大優化方向:
雙欄並行架構: 捨棄層層點擊,改採左側事件類型、右側詳細列表的雙欄佈局。透過空間換取時間,消除使用者在類別間來回切換的斷點。
資訊透明化設計: 將 AI 常見的點擊數字彈窗改為直觀條列式。使用者無需進入次級頁面,即可同步察看事件類型與其配對的攝影機數量,落實一眼即所得的監控管理邏輯。

自我反思
AI 適合在前期快速產出概念,但在複雜設定介面中,是否真的好用,仍必須回到使用情境、資訊密度與操作流程來判斷。這個專案讓我更明確地練習如何從概念提案中做收斂,而不是直接接受表面上看似過關的方案。
Go Back


