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 方案。設計焦點在於落實兩大操作邏輯:一是以事件驅動為核心的作業流,二是將功能拆分為左右雙欄的獨立操作布局。

UX 提案一

解決方法

針對初始 AI 生成的展開式卡片方案,我識別出資訊密度過低操作路徑過長(需額外點擊才能查看內容)的痛點。為提升作業效率,我重新定義了兩大優化方向:

  • 雙欄並行架構: 捨棄層層點擊,改採左側事件類型、右側詳細列表的雙欄佈局。透過空間換取時間,消除使用者在類別間來回切換的斷點。

  • 資訊透明化設計: 將 AI 常見的點擊數字彈窗改為直觀條列式。使用者無需進入次級頁面,即可同步察看事件類型與其配對的攝影機數量,落實一眼即所得的監控管理邏輯。

自我反思

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

Go Back