宏于電機智能試驗平台

突破管理瓶頸 :為傳統企業注入新動力

我的角色
UIUX 設計師
專案期間
2023/10~2024/11
平台
iPad 12.9 吋
由於保密條款限制,以下僅分享試驗標準管理的部分內容,敬請理解。
專案背景與目標

透過場域觀察與訪談找出服務斷點,整併 iPanel 雲端系統,重塑功能流程整合線上線下服務

  1. 跨平台,整併管理、一線人員等工作流程,整合功能、簡化資訊流通步驟。
  2. 作為一款B2B產品,該平台以數據化與智慧化為核心,需提升企業營運效率及品質管控能力。
  3. 盤點原有系統限制造成需線下處理的流程,改善原有流程並有效控管試驗品質,紀錄試驗日期、報告結果和儀器有效年限。
執行方式/流程
前期調研
  • 桌面研究
  • 場域觀察
  • 利害關係人訪談
  • 商業模式梳理與定位
使用者體驗/介面設計
  • 功能流程梳理與討論
  • 視覺方向確認
  • 視覺介面執行
設計交付
  • 設計交付檔案
  • 工程核對
我們的挑戰
整併跨平台功能,簡化繁瑣步驟,將流程數位化,整合試驗紀錄、報告與儀器管理等,達到精準的數據管理。
整合雲端系統與線下作業流程

整合試驗工程師、行政人員與主管需求,將分散於多系統的功能,整併為單一服務系統,並簡化流程。

各功能數位化、無紙化

減少人工判讀可能產生的錯誤率,同時達成高效率、精準數據及減少資源浪費的目標。

功能流程精簡化

調整過程繁瑣的流程,整合相似功能,簡化繁複步驟,以提高使用效率。

系統管理數據化

建立數據庫,方便查找缺漏與除錯,同時設置鮮明的警示提醒,實現問題的數據化管理。

專案執行內容
幫助客戶梳理並重新調整業務流程,釐清實際場域之間的關聯性,找出可能的切入點與數位化項目。
場域觀察與深度訪談

透過需求訪談與實地訪查,理解管理者對系統的期待及實際操作的一線人員會面臨的困難點,歸納出專案執行的目標方向。並將流程重新梳理,繪製出預想流程。

業務作業流程建立與規劃

整合系統應用面向,了解利害關係人的需求,重新釐清系統與使用者的關係,規劃符合營運模式的SaaS服務系統架構。

分析相關流程及知識

由於使用者包含公司內三種角色,我先完整體驗試驗工程師、行政人員與主管的業務流程,初步了解他們需要填寫和查看的資料,並藉此尋找提升使用者體驗的機會點。

作業標準書
試驗報告書
建立資訊架構

將現行實務流程與數位化功能進行整合,並提供系統架構,根據需求面向做調整。拆分與整合系統繁複功能與實施無紙化提供全新方向的系統架構。

調整需求功能
  • 試驗報告維護功能 ➡️ 新增版次控管功能
  • 案件管理新增草稿狀態
  • 新增多語系(中、英、越南語)
  • 工程師在試驗過程中需即時備註、拍照存檔,並隨時查閱試驗說明書
梳理流程規劃 - 試驗標準管理

充分理解實務作業流程,重新梳理並繪製系統介面,為平台提供全面的流程建議,並根據實際需求進行調整與優化。平台將試驗標準準則以建立題型的形式匯入,形成完整的題庫,供後續試驗案件調閱並執行配電盤試驗流程。

面對的首要障礙是...

題型多樣性 :需確保涵蓋各種情境與試驗需求,滿足不同作業場景的應用。

最佳解決方案 - 試驗標準管理

在設計介面前,為確保ISO準則的內容能完整呈現在系統中,我們設計了一套無縫銜接的輸入流程。此設計不僅著重於報告匯出的便利性和即時預覽功能,更關注一線工作人員的實際作業需求。
透過即時儲存機制,即使工作節奏變化快,員工也能安心暫存已完成段落,避免重工,提升工作效率與系統使用體驗。

流程說明 - 分成三個階段
  • 試驗準則基本資訊  :品質管理系統(ISO)、試驗標準名稱(CNS)、試驗標準版本、適用配電盤
  • 第一層母題型 :試驗項目、內容及結果判斷規則
  • 第二層子題型 :試驗題目、試驗方式、設定問題、試驗回答及結果判斷規則
流程迭代 - 試驗標準管理

為了與ISO準則內容完美對應,並確保使用者能無痛轉移且零學習成本,我將流程從兩步驟調整為三步驟。

Before - 兩步驟
After - 三步驟
介面迭代 - 試驗標準管理(1)

在基本資訊填寫後,需進行「母/子題型」的建置。由於「題型類別」是核心功能,我將按鈕設為主要樣式並移至下方,提供更大編輯視窗(考慮到平台為iPad及企業多長輩使用),並減少按鈕數量,簡化步驟,引導使用者順利進行下一步。

介面迭代 - 試驗標準管理(2)

在製作新介面前,我先與前後端工程師討論功能需求,收集多角度的思考邏輯。最終,我們將眾多輸入框整合為HTML編輯器,並開放多樣編輯功能,進一步提升操作便利性與編輯效率。

操作展示 - 試驗標準管理
完整呈現試驗標準管理的操作流程:
  • 第一階段:基本資料建立
  • 第二階段:母題型建立(提供自由增減題組的彈性功能)
  • 第三階段:子題型建立(支援多種題型變化,包括是非題、填充題、圖片題等)
所有題型均可自由增減題目,並結合HTML的多樣編輯功能,提升靈活性與使用體驗。
視覺設計沿用公司企業識別(CI),
創造符合企業形象與操作需求的SaaS服務系統。
透過訪談深入理解客戶希望延伸企業品牌形象理念,平台因此直接沿用公司CI,打造統一的視覺系統,確保品牌形象與用戶體驗的高度一致性。
在UI設計中,針對各功能流程進行梳理,預想多種情境狀態與操作模式,並採用簡約易懂的版型,對內容進行層級調整與排列,提升整體體驗。
整合各職能的業務流程與跨平台功能,
有效提升人員作業效率,精準掌控試驗報告流程,並打造直覺化的操作介面!
簡化繁瑣的試驗步驟與實施無紙化,將不同的平台資料匯入(包括:配電盤試驗準則、試驗報告書及儀器設備清單等)進行重新梳理。將原本由人工處理的業務數位化,整合報告紀錄、準則管理、儀器設備管理等面向,達到精準的資料控管,也設計系統操作防呆機制、錯誤操作提示等細節流程。
整合線上線下作業流程
  • 簡化人工試驗與檔案紀錄 Key-in 的繁瑣流程
  • 將需跨不同平台的資料統一整合至系統,包括:  儀器設備清單、報告書、其他 Excel 或 Word 檔案等
  • 提供集中化管理,提升作業效率與資料一致性
各功能數位化、無紙化
  • 將原本的線下作業流程全面數位化
  • 將紙本轉移至平板,實現便捷操作
  • 結合系統進行即時操作,提升效率
  • 降低人工錯誤率,確保數據精準化
設計整合與交付,
提供簡單易理解的標注方式,加速開發時程。
詳盡說明各功能頁面狀態切換與步驟示意,並定期與開發團隊溝通,讓系統能更順利的建置。
我從專案中學習到...
這一年充滿挑戰與成長,團隊每位成員都為專案全力以赴。我們交付了許多成果,但也面臨不少困難。  

在專案初期,團隊討論了系統整合設計、題庫規劃和試驗流程等關鍵問題。雖然沒有絕對正確的答案,但我們相信彼此的專業能力。我們深入探討每個細節,從使用者體驗到產品規劃,因為我們都渴望讓專案成功,這份信念驅使我們突破了諸多限制。  

過程中,我學到巨大的進步伴隨高風險,但也帶來深遠影響。在時間、資源與目標間尋求平衡尤為重要,而清晰的優先順序則是推進專案的關鍵。

最終,讓每位團隊成員清楚目標、計劃與問題,才能共同打造更有意義的產品。這個專案不僅拓展了我的思維,也加深了我與團隊的連結。