精密機械研究發展中心

PMC 智慧生產管理系統優化

PMC 智慧生產管理系統優化

PMC 智慧生產管理系統優化

從流程清晰開始,為智慧製造鋪好第一哩路

從流程清晰開始,為智慧製造鋪好第一哩路

從流程清晰開始,為智慧製造鋪好第一哩路

Year

2021

Sector

工業與製造

Service

體驗創新

Year

2021

Sector

工業與製造

Service

體驗創新

Year

2021

Sector

工業與製造

Service

體驗創新

Background

協助製造業數位轉型,打造高效管理的工業 4.0 基礎平台

精密機械研究發展中心(以下簡稱 PMC 公司)本次委託遊石進行「智慧生產管理系統」的介面設計與開發,PMC 公司計畫將此系統導入台灣傳統工廠的生產管理流程當中,並協助傳統工廠進行數位轉型。本次合作為整體專案的第一階段,主要執行「系統儀表板」頁面功能設計,以 Web-Based 全網頁式架構為基礎,達到系統的跨平台整合。

遊石作為幫助傳產邁向工業4.0的伙伴,如何透過UIUX 設計打造此一目標的基石,便是本次專案的主要挑戰。

Background

協助製造業數位轉型,打造高效管理的工業 4.0 基礎平台

精密機械研究發展中心(以下簡稱 PMC 公司)本次委託遊石進行「智慧生產管理系統」的介面設計與開發,PMC 公司計畫將此系統導入台灣傳統工廠的生產管理流程當中,並協助傳統工廠進行數位轉型。本次合作為整體專案的第一階段,主要執行「系統儀表板」頁面功能設計,以 Web-Based 全網頁式架構為基礎,達到系統的跨平台整合。

遊石作為幫助傳產邁向工業4.0的伙伴,如何透過UIUX 設計打造此一目標的基石,便是本次專案的主要挑戰。

Background

協助製造業數位轉型,打造高效管理的工業 4.0 基礎平台

精密機械研究發展中心(以下簡稱 PMC 公司)本次委託遊石進行「智慧生產管理系統」的介面設計與開發,PMC 公司計畫將此系統導入台灣傳統工廠的生產管理流程當中,並協助傳統工廠進行數位轉型。本次合作為整體專案的第一階段,主要執行「系統儀表板」頁面功能設計,以 Web-Based 全網頁式架構為基礎,達到系統的跨平台整合。

遊石作為幫助傳產邁向工業4.0的伙伴,如何透過UIUX 設計打造此一目標的基石,便是本次專案的主要挑戰。

Execution

以風格與結構雙軸優化,提升操作效率與階層辨識

設計目標 Design Goals

為了讓工廠生產達到最佳效率,遊石在操作介面設計上除了著重易用性、簡潔性、美觀性之外,為了建構更即時全面的工廠管理,遊石採用適合的 UI 設計風格,並強調各生產層級之間的串連。以下簡單列舉三項本專案的風格設計重點:

新擬物風格 Neumorphism

新擬物風格極具未來感,兼具扁平化的簡潔性,以及擬物化的質感,我們認為十分適合這次專案使用。此風格於 2019 年設計師 Alexander Plyuto 所提出的「Skeuomorph Mobile Banking」作品當中最早出現,並被選為 2020 年介面趨勢。

深色模式 Dark Mode

管理系統內含許多圖表、表格、數值以及燈號,深色模式能讓重點內容更凸顯,即便在昏暗的環境當中也可以舒適觀看內容而不感到刺眼。

卡片式設計 Card Design

工廠管理常需要呈現同一層級下的多種資訊,因此使用卡片式風格最為適合,除了能夠將各個不同類型的內容彼此區分之外,也便於日後進行跨平台的 RWD 介面設計。




設計細節 Design Details

大型選單 Mega Menu

生產管理系統的功能龐雜眾多,經討論之後我們決定使用 Mega Menu 作為選單的設計方式,除了可以讓使用者更方便在各頁面之間作切換之外,也能夠一目瞭然目前所在頁面的位置,使用時不容易感到困惑。(註:目前階段其他頁面選項暫以 Disable 狀態處理)

顏色使用 Colour

系統的主要互動顏色設定為藍色,符合PMC 的企業主色,而其他各種圖表、狀態,都根據其相關性使用相同的配色(例如性能稼動率與運轉有關,因此兩者都使用綠色),讓使用者能在最短時間判讀內容、做出決策,並將其他資訊的顏色使用控制在最小程度。


Conclusion

以設計連結工序與任務,打造智慧製造的使用者體驗基礎

在本次與 PMC 智慧生產管理系統的合作中,遊石設計不僅協助建立資訊架構與系統規範,也透過操作介面與視覺語言的優化,協助使用者更清楚地理解流程節點與任務層級,提升整體系統的使用效率與辨識清晰度。

從風格規劃到元件系統,我們在設計上兼顧了工業管理的嚴謹邏輯與實用操作的流暢體驗。透過 Neumorphism 與深色模式等風格選擇,結合卡片式模組設計,讓複雜的工序資訊層層有序,亦為後續系統模組擴充與平台一致性打下基礎。