QVR Pro Event Rule | Redesign
專案類型
Web Design
專案時間
2024.08
專案角色
UI Design
專案背景
Event Rule 管監控事件規則設定，在本案中，因為需要做 Redesign 故做設計整體優化，同時針對既有不佳使用體驗做修正。
我負責 UI 上的優化，並在不影響整體架構下，針對既有不佳使用體驗做改善。並與產品經理和前端開發人員合作完成這項專案。
定義問題
在專案開始進行前，我盤點了幾個使用體驗上的問題
表格展開資訊內容難以讓使用者解讀事件設定規則與動作間關係
事件彈窗流程改善，彈窗太狹小顯得內容難以閱讀
解決方法
1.優化首頁表格 UI
首頁重新設計事件通知數量，新膠囊標籤代表事件數量，有別於設計系統既有的樣式，以作為跟後面動作數量的比對
為何設計膠囊式標籤？因現有不符現有設計規範定義，系統 metadata 生成或用戶自定義，因非這兩者定義之一，而改走第三種自定義設計，此標籤主在讓通知數量和動作內容快速比對
展開版面重新設計，強調事件與動作的邏輯關係
首頁重新設計成果
2.事件設定彈窗改為 Wizard
重新梳理流程，將事件彈窗改為步驟式彈窗
3.動作Action分頁重新排版
動作Action頁：在有限空間內塞的資訊讓使用者在輸入時需要來回上下滾動，因此改為左右兩側佈局，同時這些資訊需要依序輸入，左右兩側分布更能直觀呈現
規則設定改為 Wizard 步驟引導使用者做完設定，新增 Summary 讓使用者能一目瞭然設計
Wizard 重新設計成果
自我反思
雖然這個專案尚未上架，無法得到使用者回饋數據，不過透過內部設計團隊簡單走訪得知以下幾種成效:
透過視覺引導呈現 If then 觸發邏輯，降低理解門檻。
膠囊 tag 樣式設計將標籤與種類視覺化，比起舊版向通知樣式設計，更能正確呈現事件通知設定與數量間的關係
原本狹窄的彈窗欄位資料配置為上下滾動操作，改為左右佈局，有效利用版面佈置，也減少空間過於狹小造成閱讀動線不順
Go Back
