
多源資料調閱暨整合分析系統
多源資料調閱暨整合分析系統
以整合多源資料與視覺化分析為核心,提升資訊調閱效率與深度理解
以整合多源資料與視覺化分析為核心,提升資訊調閱效率與深度理解
介面流程規劃設計 & 互動原型製作
介面流程規劃設計 & 互動原型製作


多源資料調閱暨整合分析系統
以整合多源資料與視覺化分析為核心,提升資訊調閱效率與深度理解
介面流程規劃設計 & 互動原型製作

專案概覽
專案概覽
專案概覽
專案背景
專案背景
某政府單位在執行業務時,經常需要跨機關或跨單位調取資料。隨著案件型態與需求日益複雜,調閱資料的數量與種類逐年增加。現行流程仍依賴紙本或公文往返,不僅效率低,也難以支援後續的資料整合與分析,因此根據客戶提出的需求建議書進行規劃與設計展示,但本專案為提案性質,並未進入開發階段。
某政府單位在執行業務時,經常需要跨機關或跨單位調取資料。隨著案件型態與需求日益複雜,調閱資料的數量與種類逐年增加。現行流程仍依賴紙本或公文往返,不僅效率低,也難以支援後續的資料整合與分析,因此根據客戶提出的需求建議書進行規劃與設計展示,但本專案為提案性質,並未進入開發階段。
專案時程
專案時程
2024/12–2025/01,共三周
2024/12–2025/01,共三周
團隊成員
團隊成員
業務經理、UIUX設計師
業務經理、UIUX設計師
我的角色與職責
我的角色與職責
與業務一同釐清需求建議書,並負責介面設計、流程規劃、以及互動原型,產出DEMO影片,讓客戶理解系統的核心價值,展示解決方案。
與業務一同釐清需求建議書,並負責介面設計、流程規劃、以及互動原型,產出DEMO影片,讓客戶理解系統的核心價值,展示解決方案。
問題分析與任務挑戰

🤔 問題分析
🤔 問題分析
此痛點維根據需求建議書裡面所描述的問題來做為痛點整理與分析。
此痛點維根據需求建議書裡面所描述的問題來做為痛點整理與分析。
.流程冗長:依賴公文或紙本往返,無法即時掌握資料回覆進度。
.流程冗長:依賴公文或紙本往返,無法即時掌握資料回覆進度。
.分析困難:紙本或分散資料格式不一,增加後續人工比對負擔。
.分析困難:紙本或分散資料格式不一,增加後續人工比對負擔。
.系統分散:內部存在二十多個應用系統,調閱時需要逐一登入查找,花時間又容易遺漏。
.系統分散:內部存在二十多個應用系統,調閱時需要逐一登入查找,花時間又容易遺漏。

問題分析與任務挑戰



💡 目標與挑戰
💡 目標與挑戰
此為備標案提案,所以沒有完整團隊、實際的需求訪談,且通常都是臨時性所以時程較短,我只能先研讀機關單位公開的需求建議書,釐清客戶的核心需求與功能操作,並與業務共同討論,將模糊的需求轉化為具體的功能流程。
我們參考公司過往類似系統的經驗,進行設計規劃,並產出互動原型影片作為提案使用。
此為備標案提案,所以沒有完整團隊、實際的需求訪談,且通常都是臨時性所以時程較短,我只能先研讀機關單位公開的需求建議書,釐清客戶的核心需求與功能操作,並與業務共同討論,將模糊的需求轉化為具體的功能流程。
我們參考公司過往類似系統的經驗,進行設計規劃,並產出互動原型影片作為提案使用。
.時間緊湊
.資訊有限
.自行研讀建議書釐清需求與功能操作
.製作DEMO影片展示系統操作原型
.時間緊湊
.資訊有限
.自行研讀建議書釐清需求與功能操作
.製作DEMO影片展示系統操作原型
.時間緊湊
.資訊有限
.自行研讀建議書釐清需求與功能操作
.製作DEMO影片展示系統操作原型
問題分析與任務挑戰



資訊架構
資訊架構
前期提案階段,我們會先了解建議書裡面的需求功能,再依據現行其他類似系統做為參考列出整體的功能架構,,在與業務討論需要進行設計的頁面、以及簡報時需要展示的核心功能操作影片。

資訊架構
前期提案階段,我們會先了解建議書裡面的需求功能,再依據現行其他類似系統做為參考列出整體的功能架構,,在與業務討論需要進行設計的頁面、以及簡報時需要展示的核心功能操作影片。

接下來會介紹主要的幾個核心功能
個人儀錶板:登入後快速掌握案件狀態與作業整體進度。
自動化線上調閱:填寫調閱申請後即可由系統自動調閱各家資料並判斷將檔案匯入系統。
資料整合分析:整合跨系統資訊,可進行多個來源資料查詢與分析交叉比對。
多維度分析:將多種條件進行資料比對與分析,從不同角度探索潛在關聯。
接下來會介紹主要的幾個核心功能
個人儀錶板:登入後快速掌握案件狀態與作業整體進度。
自動化線上調閱:填寫調閱申請後即可由系統自動調閱各家資料並判斷將檔案匯入系統。
資料整合分析:整合跨系統資訊,可進行多個來源資料查詢與分析交叉比對。
多維度分析:將多種條件進行資料比對與分析,從不同角度探索潛在關聯。

設計理念|視覺展示
設計理念|視覺展示

設計理念|視覺展示
個人儀錶板|快速掌握任務狀態
個人儀錶板|快速掌握任務狀態
首頁為系統的儀表板介面,提供使用者在進入操作前即可掌握整體案件狀態與作業進度情況。
首頁為系統的儀表板介面,提供使用者在進入操作前即可掌握整體案件狀態與作業進度情況。

視覺與整體介面
.採用模組化卡片式的設計區分資訊,並以表格的結構設計讓畫面簡潔好瀏覽。
.針對各種狀態用不同顏色輔助,更好的辨識不同的資訊。
視覺與整體介面
.採用模組化卡片式的設計區分資訊,並以表格的結構設計讓畫面簡潔好瀏覽。
.針對各種狀態用不同顏色輔助,更好的辨識不同的資訊。
資訊架構安排
.儀表板的模組順序依據實際作業流程設計,此排序對應使用者的操作模式——
從「開立案件、主管審核到最終調閱』,
讓資訊層級與工作邏輯保持一致。
資訊架構安排
.儀表板的模組順序依據實際作業流程設計,此排序對應使用者的操作模式——
從「開立案件、主管審核到最終調閱』,
讓資訊層級與工作邏輯保持一致。
資訊架構安排
.儀表板的模組順序依據實際作業流程設計,此排序對應使用者的操作模式——
從「開立案件、主管審核到最終調閱』,
讓資訊層級與工作邏輯保持一致。
自動化線上調閱資料|減少人工往來成本
自動化線上調閱資料|減少人工往來成本
此功能是讓資料調閱的流程從人工操作轉為自動化執行。使用者只需在系統中輸入基本申請資料並送出,系統即會自動依規則派送申請至各資料來源,完成調閱、回傳與歸檔並自動通知。使用者可以直接查看申請進度,並減少人工等待與重複作業。
此功能是讓資料調閱的流程從人工操作轉為自動化執行。使用者只需在系統中輸入基本申請資料並送出,系統即會自動依規則派送申請至各資料來源,完成調閱、回傳與歸檔並自動通知。使用者可以直接查看申請進度,並減少人工等待與重複作業。

自動化線上調閱|三步驟流程設計
在「自動化線上調閱」的設計中,考量到使用者需填寫的欄位數量多,若一次呈現所有內容,容易造成視覺壓力與操作焦慮。
因此將整體流程拆分為三個步驟(基本資料 → 調閱類型 → 上傳檔案),並在上方設置進度導引條,讓使用者能清楚掌握目前進度與剩餘步驟。
自動化線上調閱|三步驟流程設計
在「自動化線上調閱」的設計中,考量到使用者需填寫的欄位數量多,若一次呈現所有內容,容易造成視覺壓力與操作焦慮。
因此將整體流程拆分為三個步驟(基本資料 → 調閱類型 → 上傳檔案),並在上方設置進度導引條,讓使用者能清楚掌握目前進度與剩餘步驟。

Prototype
Prototype
申請調閱
資料整合分析|串接各系統資料源 提升查詢效率
資料整合分析|串接各系統資料源 提升查詢效率
在以往的查詢作業中,使用者必須分別登入多個系統進行比對與查詢,不僅步驟繁瑣,也容易造成資訊遺漏。在本次設計中,我們將多個資料系統整合於同一平台中,使用者可同時選擇多個系統進行查詢,並可於同一介面間切換來源系統,即時比對資料內容,無需再個別登入多個系統檢視,讓查詢作業更加流暢高效。
在以往的查詢作業中,使用者必須分別登入多個系統進行比對與查詢,不僅步驟繁瑣,也容易造成資訊遺漏。在本次設計中,我們將多個資料系統整合於同一平台中,使用者可同時選擇多個系統進行查詢,並可於同一介面間切換來源系統,即時比對資料內容,無需再個別登入多個系統檢視,讓查詢作業更加流暢高效。

採用左右兩欄式設計建立視覺層級,能區分「來源」與「查詢結果」,並採用可即時切換的互動設計,當左側選擇不同來源時,右側內容即同步更新,提供流暢的操作體驗。
採用左右兩欄式設計建立視覺層級,能區分「來源」與「查詢結果」,並採用可即時切換的互動設計,當左側選擇不同來源時,右側內容即同步更新,提供流暢的操作體驗。

.左側資料來源:系統清單的右側橘色數字圓圈代表查詢結果數量,無結果則以灰底顯示,讓使用者能即時了解哪些系統有資料回傳,不需要一個個開啟檢視,顏色的區隔也可以快速理解。
.左側資料來源:系統清單的右側橘色數字圓圈代表查詢結果數量,無結果則以灰底顯示,讓使用者能即時了解哪些系統有資料回傳,不需要一個個開啟檢視,顏色的區隔也可以快速理解。
.右側結果列表:為了方便資料篩選,每個欄位標題下方提供快速篩選欄位,使用者可在同一畫面中直接篩選,避免頁面跳轉與操作。右上方的「匯出」功能整合於單一按鈕中,點擊後下拉式選單選擇不同匯出格式(PDF、Excel 等),以減少按鈕數量並保持介面整潔。
.右側結果列表:為了方便資料篩選,每個欄位標題下方提供快速篩選欄位,使用者可在同一畫面中直接篩選,避免頁面跳轉與操作。右上方的「匯出」功能整合於單一按鈕中,點擊後下拉式選單選擇不同匯出格式(PDF、Excel 等),以減少按鈕數量並保持介面整潔。

Prototype
Prototype
跨系統資料查詢
多維度分析|將多種條件進行資料比對與分析,從不同角度探索潛在關聯
多維度分析|將多種條件進行資料比對與分析,從不同角度探索潛在關聯
在多維度分析中,使用者可針對查詢對象進行多角度的資料比對與行為分析。系統整合不同來源的資料,透過圖表視覺化的方式,協助使用者快速掌握關聯對象、活動時段與空間分佈,以更直觀的方式呈現資訊間的潛在關聯與行為模式。
此畫面以「聯絡紀錄分析」為主,呈現多維度資料整合後的可視化結果。介面採用模組化設計有效區隔內容,在瀏覽資料時保持清晰直觀一目瞭然。
在多維度分析中,使用者可針對查詢對象進行多角度的資料比對與行為分析。系統整合不同來源的資料,透過圖表視覺化的方式,協助使用者快速掌握關聯對象、活動時段與空間分佈,以更直觀的方式呈現資訊間的潛在關聯與行為模式。
此畫面以「聯絡紀錄分析」為主,呈現多維度資料整合後的可視化結果。介面採用模組化設計有效區隔內容,在瀏覽資料時保持清晰直觀一目瞭然。


反思與總結
反思與總結

反思與總結
雖然本專案最終僅作為提案展示,未進入實際開發階段,但過程中我學習到如何在時間緊迫、需求不明確的情況下,快速理解需求建議書內容並轉化為具體的設計方向。由於僅有我與業務共同作業,我需要主動釐清核心功能與使用流程,並參考過往專案經驗建立合理的系統結構與互動邏輯。這次經驗讓我更熟悉如何在資訊有限的情況下掌握設計重點,並以視覺化原型呈現抽象概念,讓客戶能理解我們產品的價值與解決方案。
雖然本專案最終僅作為提案展示,未進入實際開發階段,但過程中我學習到如何在時間緊迫、需求不明確的情況下,快速理解需求建議書內容並轉化為具體的設計方向。由於僅有我與業務共同作業,我需要主動釐清核心功能與使用流程,並參考過往專案經驗建立合理的系統結構與互動邏輯。這次經驗讓我更熟悉如何在資訊有限的情況下掌握設計重點,並以視覺化原型呈現抽象概念,讓客戶能理解我們產品的價值與解決方案。


