精密機械研究發展中心-智慧生產管理系統(第一階段)

專案背景介紹 Background

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

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

設計目標 Design Goals

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

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

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

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

設計細節(Design Details)

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

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

結論 Conclusion

十分榮幸能與 PMC 公司合作完成本專案，過程當中我們也藉機學習了許多工業專有名詞，例如OEE指標、稼動率、良品率、準交率...等等，可說是獲益良多。很感謝 PMC 公司信任我們的專業，讓遊石能盡展所長。期待與他們繼續合作，延續這次的專案理念，替台灣的工業發展築起一塊基石。