企業物料流向管理系統 UI/UX 優化
專案背景
在企業營運過程中，涉及多種物料的產生、轉移、加工與處理。原有系統以「法規導向」為核心開發，功能齊全但介面複雜，對第一線使用者而言學習成本高、操作效率低，容易產生填寫錯誤與使用抗拒。
本專案目標為：
降低系統操作理解成本
提升填單與查詢效率
讓系統流程更貼近實際工作情境，而非僅服務法規需求
以真實記錄為核心，但系統優化簡單好上手
我的角色與職責
UI / UX 設計
現有系統介面盤點與重構
使用流程優化與資訊架構調整
視覺風格統一優化與設計規範建立（Design System）
使用者與問題定義
依照現場操作人員，進行 Persona 設計，分為【第一線操作人員】，以及【管理審核角色】
主要使用者
第一線操作人員：每日填寫大量單據、送出單據
行政、管理審核者：查詢、追蹤狀態與審核、彙整資料
核心痛點
單據名稱與實際行為不直覺與不一致
表單欄位多、資訊層級混亂
單據流程不明，無法快速確認狀態
查詢與追蹤狀態不清楚，學習成本高
角色層級使用混亂，功能與對應需求角色不合現況
原始系統功能整合模組化
依照醫療廢棄、廢棄工業油、金屬加工等回收現況來設計大眾化版本
整合回收現況與原始系統，進行功能同整模組化
原為特定角色劃分功能，改為流程行為歸納，並設計為功能模組
將系統設計大眾通用化，減少客戶與產業客製需求大改
旅程圖X優化點
依照現有原始系統流程，配合功能模組化，以及使用者訪談、前期人物誌分析
找出各階段系統使用痛點，以及重複操作與不必要欄位，並列出 機會點X優化
資訊架構重整
以「操作行為導向」重新規劃功能類型
將系統模組依使用頻率與任務分類
建立清楚的流程狀態階段與架構
並分為WEB與APP操作
使用流程優化 Flow Chart
將複雜流程拆解為「填寫 → 確認 → 送出 → 追蹤」。
確認流程畫面與操作是否符合現場與程式，降低學習成本。
統一表單內容結構與欄位排列邏輯。
加入即時提示與狀態回饋。
繪製流程圖除了可以更清楚分析步驟，與確認流程操作是否符合邏輯，以及反向操作的回應模式，且方便跨領域與工程師討論，有效溝通。
介面設計
使用卡片化列表呈現不同單據
強化重點資訊層級（狀態、日期、數量）
控制色彩使用，避免資訊干擾
將不重要的資訊給移除
色彩策略：
主色：環保綠 (#3E9AAC) 企業主色
輔色：淺綠藍 (#3CB9D2) (#AEDBE3)
背景：極淺灰，模擬永續簡潔的視覺語言
設計成果與價值
降低使用者學習成本
提升填單完成率與準確度
系統操作流程更貼近實際工作情境
需要功能再進行使用，達到企業行銷與成本控管
為後續功能擴充建立可延展的設計架構，避免客製化
反思與成長
本專案讓我更深刻體會到：
好的系統不只是「功能完整」，而是「讓人願意用」
設計師在企業系統中扮演的是翻譯者角色
將制度、流程與使用者語言轉化為可操作的介面，是 UI/UX 的核心價值