致茂電子
Research
優先考量使用者需求,精進使用體驗和管理效率
在前期設計研究階段,我們執行了以下關鍵步驟:
釐清使用角色與盤點流程
明確界定系統使用角色,並梳理關鍵流程中的問題點。
定義與統一專業術語
由於系統涉及工廠管理領域的專有術語,我們與致茂電子進行協作,以釐清與統一這些術語及其在系統中的具體應用與功能。
進行競品分析
調研市場上的相關產品,掌握競品現況與發展趨勢。
安排利害關係人訪談
我們與各業務單位進行深入訪談,收集系統使用者反饋、需求,以及了解系統開發的規劃與限制。
執行流程設計走查與場域觀察
邀請利害關係人模擬不同業務角色的操作場景,我們從旁記錄使用行為與回饋,以識別關鍵流程的操作情境與挑戰。此外,我們也實際走訪系統應用場域,觀察場域環境之機台設置方式、照明形式與系統操作步驟時序。
不同身份和職責會帶來差異化需求,通過上述設計研究與分析,我們歸納系統使用者分別為:保管人員、設備維修人員、設備保養人員和工廠主管階級,並整理與提煉出系統現況的關鍵洞察。

Execution
建構直觀、高效、靈活的操作體驗
視覺風格
品牌感受
基於前期設計調研,我們總結出 iEMS 的核心品牌價值為「精準即時」和「雲端協作」。「精準即時」體現了系統的高效數位化特性,讓使用者能輕鬆掌握關鍵訊息;「雲端協作」則強調了跨部門協同的優勢,旨在優化設備維護管理流程,實現資源利用最大化。
設計元素
為了優化工廠設備管理效率,我們在介面設計中採用了合適的 UI 風格,並著重強化了各層級資訊間的關聯性。以下概述 iEMS 的三大設計風格要點:

UXUI設計
根據前期設計研究的洞察結果,我們進行了系統性的優化,並提煉出以下關鍵設計特色:
能快速瀏覽概況的資訊總覽頁
使用者可以依照自身相關業務需求,在個人首頁調整偏好資訊,以及資訊的排列順序,同時,設備狀態用不同顏色標示,並依故障、堪用、閒置、正常在列表中由上往下排序,讓使用者可以快速看到需要優先處理的設備。
快速查看訊息並引導前往目標頁面
以紅點清楚標註未讀訊息,明確提示訊息通知,同時若使用者有訊息備註需求,也可自行將訊息標為已讀、未讀,此外也於訊息通知增加前往執行的按鈕,使用者可以快速抵達至目標頁面,並以底色區分通知執行項目,提高執行項目在列表中的辨識度。
海量資料也能快速而精準的搜尋
在進階篩選中,列出所有內容條件,提供使用者能一次性輸入多項條件進行篩選。
無須跳頁即能完成編輯設定
若下拉式選單中沒有符合使用者需求的選項,可於當頁直接新增選項,不用再跳至其他頁面進行新增,另外我們也將複選的操作模式做了一致性調整,使用者可以在下拉式選單中快速選取、搜尋目標選項,讓操作更直觀。
明確區分保養與校驗的操作模式
為了強化計畫與項目的關聯,我們讓使用者先選擇要設定保養或校驗,再提供對應的資訊欄位,精簡設定操作,讓使用者可以清楚知道所處的設定模式為何,而在設定保養與校驗週期時,也提供了更彈性的設定選項,以符合各產業場域的設備管理需求。
更直觀查看後續需要執行的工作
在待執行保養校驗單頁面,使用者可以依照查看需求切換列表模式或月曆模式。在列表檢視模式,提供快速切換時間區間的選項,方便使用者可以查看未來的排程;在月曆檢視模式,使用者可以直觀的一覽近期哪幾天會有什麼性質的工作,點擊當日可再查看詳細執行內容。

Validation
了解使用者對設計觀點的認知與系統操作易用性
測試目標
這個階段的核心目標為評估設計方向,並驗證是否有效解決使用者痛點。透過功能設計驗證,我們收集到使用者對於系統易用性的看法,作為後續迭代優化的參考依據。
測試流程
為了避免操作行為的學習性,我們將受測者分為 A、B 兩組,每組皆以情境任務操作 iEMS 原版與優化版,以及針對兩版本進行整體比較。測試項目功能包含首頁瀏覽與設定、訊息通知、設備清單查詢、設備資料編輯、保養校驗設定、待執行保養校驗單查看等,並搭配 ASQ 量表、觀察、半結構式訪談了解受測者的行為脈絡及想法。
原版本 vs 優化版本:整體滿意度比較評分
透過兩個版本的比較評分 (如下圖),可以明顯看出優化版本有提升操作滿意度,解決原版本的操作痛點。


Conclusion
從優化操作介面與流程著手,以加速採購方的決策流程
優化系統介面與操作流程,不僅提升使用者工作效率,同時促進企業營銷推廣,加速採購方的決策進程。
遊石設計致力推動以使用者為核心的產品體驗。在本次專案中透過優化產品視覺與操作流程,幫助使用者提升產品資訊與功能的可理解性,即時掌握設備各種狀態,從而增強工作效率。同時,經優化的產品不僅為致茂電子後續其他 IoT 產品、解決方案提供了設計指引,也促進企業營銷與宣傳,加速採購方的決策流程。期望經由設計服務的加值,進一步打造更符合人性操作的產品體驗。
