Saas

Web

詐騙蒐報系統

整合並優化申報審核流程

Saas

Web

詐騙蒐報系統

整合並優化申報審核流程

專案角色

UIUX設計

執行時間

2024.10

2024.11(一個月)

平台

WEB

概述

政府機關需要建立統一的詐騙資訊蒐報平台,整合從基層蒐報單位上傳資料、主管機關審核,到最終報表產生的完整數位化流程。原有流程依賴人工作業和電話確認,效率低落且容易出錯

專案限制

1

政府專案時程緊迫,需快速交付

2

團隊人力不足,開發資源有限

3

無法直接訪談真實使用者

設計策略

通過與SA討論和規格書分析,系統涉及4個使用者角色,我識別出2個核心問題並制定對應策略:

痛點

1

蒐報單位-通報

原紙本公文申報流程冗長,缺乏狀態追蹤機制

2

主管機關-審核

現有審核系統介面資訊架構混亂,缺乏邏輯順序引導操作

策略

1

設計清晰數位申報流程

讓使用者隨時掌握申報情境,例:建立動態狀態欄顯示截止倒數和進度

2

重構符合認知順序的審核流程

建立線性操作邏輯
加入操作引導與步驟提示
讓使用者不需摸索即可理解操作方式

視覺原則

由於專案的本質為「工作操作系統」,視覺設計在此次專案扮演「幫助使用者快速找到目標功能」的角色。形塑乾淨清爽的視覺介面,減少處理公文時產生的繁雜感

🧭

蒐報單位

申報系統

📍從紙本轉數位的使用習慣適應,以及不同案件量的雙重使用情境需求

💡我們沿用原使用習慣的Excel蒐集方式,提供整批匯入模式採用拖拽式上傳介面並提供Excel範本下載,降低格式錯誤率。亦保留單筆新增模式讓使用者可逐一確認,採用認知負荷理論透過分組設計減少填寫複雜度,讓使用者能依據案件數量和重要性選擇適合的申報方式

整批匯入

單筆新增

申報狀態

📍解決原紙本作業無法即時掌握申報時限的盲點問題,因應主管機關限定當日通報時間的隱藏規範

💡建立動態狀態欄位於頁面頂部,結合伺服器時間同步機制即時顯示申報截止倒數和當前狀態。採用視覺層次設計可通報/截止/重新開放,讓使用者隨時掌握申報情境,避免逾期後需向主管單位申請重新開放的繁瑣流程

🧭

整體系統

表格設計

📍面對大量案件資訊需要在單頁呈現的挑戰,用戶同時需要「快速總覽」和「單筆深度閱讀」兩種不同行為模式

💡基於認知負荷理論採用「漸進式資訊揭露」策略,建立雙層資訊架構:表格總覽/單筆側邊欄檢視完整資訊。讓介面既能滿足快速掃描需求,也能支援單筆查看情境。

表格總覽與單筆查看

💡以檢視資料為主任務,透過漸進揭露次要任務(操作列),保持介面整潔並降低認知干擾,同時為欄位擴充預留彈性空間

進階操作流程

🧭

主管機關

審核流程認知優化

📍原有審核系統四個操作區塊排列缺乏邏輯順序,使用者需要摸索才能理解操作流程,造成認知負荷過重

💡主要重構資訊架構為符合認知順序的線性邏輯、運用格式塔原理使用卡片區分區塊,讓使用者能清楚內容,並加入操作引導和步驟提示,搭配條件式欄位顯示邏輯和強調風險評分色彩,讓審核流程更加直覺高效並為未來平台擴充預留架構彈性

成果

在時程內成功交付專案,雖然無法進行用戶測試,但專案經理特別提到,交付設計檔案讓團隊在開發過程中很少需要討論,證明了設計邏輯的清晰度

設計初衷是為了解決政府機關數位轉型中的關鍵痛點,包含以下幾點:

1

透過漸進式資訊揭露和視覺層級設計減少認知負荷

漸進式資訊揭露和視覺層級設計減少認知負荷

1

1

2

提升操作效率和準確性

2

2

3

建立彈性架構支援未來業務擴展和系統升級需求

3

3

這些決策得到了開發團隊和客戶方的正面回饋,客戶特別認可系統的直覺性和擴展彈性

如果有更多的時間和資源,我會:

  • 對不同角色使用者進行深度訪談,以驗證使用情境假設和操作習慣

  • 進行A/B測試驗證設計假設,特別是資訊密度和操作流程的最佳化方案

感謝收看 Thanks ;)

更多專案

讓我們保持聯繫!

一起探索產品設計的無限可能?隨時來聊,一起激發更多靈感火花!✨

© 2025 Hazel.Shih.desgin. All rights reserved.

讓我們保持聯繫!

一起探索產品設計的無限可能?隨時來聊,一起激發更多靈感火花!✨

© 2025 Hazel.Shih.desgin. All rights reserved.

讓我們保持聯繫!

一起探索產品設計的無限可能?隨時來聊,一起激發更多靈感火花!✨

© 2025 Hazel.Shih.desgin. All rights reserved.

0.登入頁

產品本身有部分功能是不需要登入就可操作,所以在開啟App時,不會強制用戶立即登入。而根據使用者研究,許多用戶在第一次想登入使用時,看到介面,完全不知道帳號密碼是什麼?需要註冊嗎?但介面上找不到任何關於註冊或帳號密碼說明,若本身已有帳戶卻不小心忘記帳號密碼時,也沒有提供明確線索指引用戶如何進行下一步

1.首頁

Create a free website with Framer, the website builder loved by startups, designers and agencies.