廢食用油回收機台UI與APP服務設計
專案背景
DGM自2020年起投入廢食用油循環經濟的研發，嘗試將AI與IoT智能科技應用於回收產業。過去的廢食用油回收方式普遍存在耗時、費工與高成本等問題，不僅增加店家與回收業者的負擔，也造成回收意願不足。部分民眾甚至將廢油任意傾倒入排水系統，進一步導致蟑螂、老鼠孳生，並伴隨惡臭與衛生問題。
困難與挑戰
全台首創，缺乏參考案例：廢食用油回收機台與搭配的 APP 服務在市場上沒有先例，設計過程中無法依循既有模式，必須從零開始定義使用情境、操作流程與介面設計。
使用者體驗的不確定性：由於回收機台為新型產品，使用者對其操作流程與介面並不熟悉，必須透過需求訪談、情境梳理與多輪迭代來驗證設計假設，逐步建立直覺且可信任的操作體驗。
跨領域協作與需求整合：專案同時涉及硬體機台介面與 APP 系統，需跨足 UI/UX 設計、工程開發與產品規劃。我除了負責完整設計流程，也需承擔產品經理角色，與委外工程師持續溝通需求與可行性。
縮短製作時程，減少時間成本：在明確定義需求與繪製完整流程後，透過與團隊及委外工程師的緊密協作，有效短短軟體開發時程，由原預估 6 個月縮減至 4-5 個月完成。
✦使用者研究與痛點
原始顧客旅程地圖
繪製原始顧客旅程地圖，分析攤商民眾與回收人員在不同場景的操作流程痛點與需求。
解決痛點
並與公司內部、一般攤商民眾及回收業者訪談，釐清傳統回收的痛點（耗時、髒亂、低意願）
明確定義設計挑戰：如何透過智能機台與 APP 提升回收體驗，並建立信任感。
✦服務與架構設計
機台服務流程
一般攤商18公升廢食用油桶，一般攤商在收攤打烊結束時，可直接前往機台進行廢油回收
-手機：註冊使用者實名制訊息與匯款資料，登入機台使用，並有活動資訊、點數集點、商城等功能
-機台：使用手機掃描登入後，實名制使用機台收油，並即時記錄收油資訊與回收金。
產品整體網絡架構圖
一般攤商：攤販與一般民眾，可自行下載APP並註冊，方可使用回收機台。
連鎖店家：需要從公司管理平台設定特殊身分，智能小桶安裝店內使用。
收油司機：公司收油司機使用APP登入，進行機台回收油，載運回到公司。
小蜜蜂：大型交油者，需要從公司管理平台設定特殊身分，即可使用APP大量交油至機台。
管理平台：公司管理平台，紀錄收油數據與註冊會員，產出回收履歷。
✦流程與介面設計
原始設計畫面與缺點
文字意義定義不明確 | 無UI美術設計 | 機台為直式但畫面為橫式 |
|---|---|---|
整體流程未設計 | 部分功能未明確 | ICON與整體畫面尺寸怪異 |
使用流程圖 Flow Chart
UI介面設計
操作畫面簡單清楚 | 即時更新目前回收油金額 | 明確指示下一步驟 |
|---|---|---|
即時反應機台操作狀況 | 提供客服服務 | 即時計量計價 |
原始設計畫面與缺點
首頁與下方功能列混亂 | 登出鍵位置容易誤觸 | 無UI美術設計 |
|---|---|---|
機台登入方式不明確 | 資訊架構不明確且混亂 | Icon與按鈕大小不一 |
功能地圖與資訊架構
UI介面設計
手機登入機台完成實名制交油 | 查詢機台地點與狀況 | 即時查詢回收紀錄與匯款進度 |
|---|---|---|
最新油價更新與活動消息 | 明確的功能與資訊架構 | 設計使用者回饋與QA區域 |
其他身分APP UI 設計
管理平台可設定特殊帳號身份帳密，登入APP，以不同身份使用該身份功能，設計多角色流程體驗。
管理平台規劃設計
根據所有機台APP、功能，進行管理平台資訊架構規劃與功能權限規劃 方便公司不同層級與職權使用與作業。
✦ UI 系統設計與風格規範
品牌DGM的LOGO代表色去呈現機台UI 與APP UI設計，制定色彩、按鈕，確保機台與 APP 的一致性與延展性
機台以充滿科技感的太空艙外觀設計，突破回收骯髒呆板印象，因此UI以黑色背景搭配香檳金來呈現 APP UI則以白底為主，方便查看詳細回收資料
✦ 驗證與成果
2023年問卷調查
以李克特量表得分加總為做滿意度分數 (非常不同意0分, 非常同意4分)
2023年12月31日為止，目前回收446份問卷：
問卷調查收集滿意度與行為數據，歸納出核心痛點與改善方向，再去做迭代優化。
操作影片呈現
成功建立全台首創的廢食用油智能回收機台 UI 與 APP 服務。
從 0 到 1 建立系統與介面設計
首創性與跨領域協作
改善回收流程並提升使用意願
