[清倉促銷] PLC控制器 感測器 編碼器 類比模組 >>前往了解

HMI 人機介面設計指南:五大原則、人因工程與實務範例

找料件、詢價或需要選型協助?

多品牌自動化元件供應,把需求傳給我們,快速回覆報價與交期。
HMI 畫面設計五大原則:層級分明、狀態一眼可辨、警報分級、誤操作防呆、現場可讀性

同一台機器,換一套畫面,操作失誤率可以差好幾倍——HMI 設計的價值就在這裡。這篇人機介面設計指南把散在各處的東西整理成一份:使用者體驗的五大設計原則、人因工程的實務應用、頁面架構怎麼規劃,最後給一個完整的設計範例。寫給要自己畫畫面的工程師,也寫給要驗收畫面的設備主管。

HMI 設計五大原則

  1. 一致性:同一個功能在每一頁都長一樣——啟動永遠是綠色、停止永遠在同個位置、警報永遠從右上跳。操作員靠肌肉記憶工作,畫面每頁自成一格是失誤的溫床
  2. 即時回饋:按了按鈕就要有反應——顏色變化、狀態文字、或蜂鳴。按下去沒動靜,操作員就會連按,連按就出事
  3. 容錯設計:危險操作加二次確認、互斥的動作做連鎖、輸入欄位設上下限。畫面應該讓錯誤「按不出去」,而不是事後跳警告
  4. 資訊層級:一頁只回答一個問題。總覽頁看「有沒有異常」,操作頁看「這一站怎麼動」,細節數值收進參數頁——什麼都想放的畫面,等於什麼都看不到
  5. 效率:最常用的操作不超過兩層——數過太多「按五下才能啟動」的畫面,每一層都是產線上的三秒鐘

人因工程:畫面是給戴手套的人用的

人因工程在 HMI 設計的應用,說穿了是把「操作員的真實狀態」放進設計條件:

  • 按鈕尺寸:現場戴手套操作,觸控目標至少 15mm 見方、間距留足——設計案例裡最常見的抱怨就是「按不準隔壁的鈕」
  • 色彩使用:紅色只留給停止與警報、綠色只給運轉與安全,其餘狀態用黃藍灰;同時記得約 5% 的男性有紅綠色覺障礙,重要狀態要「顏色+形狀/文字」雙重編碼
  • 字級與對比:操作員站在一公尺外看畫面,關鍵數值至少 12mm 字高;淺灰底深字在有油污的螢幕上比深底亮字耐看
  • 安裝高度與視角:畫面中心對齊操作員站姿視線(約 140–160cm),仰角過大的面板長時間操作脖子受不了

頁面架構:四頁式的基本盤

中小型機台的 HMI 畫面架構,四頁式是驗證過的起點:

頁面內容設計重點
總覽頁(首頁)製程示意圖、關鍵數值、運轉狀態10 秒內看出「正常/異常」
操作頁各站手動操作、啟停、模式切換權限控管,手自動狀態要醒目
警報頁即時警報、歷史紀錄、復歸分級顯示,附處置提示更好
參數頁配方、設定值、校正密碼保護,改值留紀錄

畫面之間的導覽列固定在同一位置(通常底部),任何頁面一鍵回總覽。頁面數量能省則省——每加一頁,就多一個操作員迷路的地方。

人機介面設計範例:攪拌槽站

拿一個攪拌槽站當設計範例走一遍。需求:兩個進料閥、一支攪拌馬達、溫度控制、排料閥,操作員要能手動單動、也要能一鍵跑自動流程。

總覽頁畫槽體示意圖:槽內液位用填色高度表示,兩個進料閥畫在管線上、開啟時變綠,攪拌馬達運轉時葉片圖示旋轉,槽側顯示即時溫度與設定溫度兩個數字(實際值大字、設定值小字)。自動流程進行到哪一步,用步驟燈號列在畫面下緣。操作頁把每個裝置做成獨立方塊:閥的開/關、馬達的啟/停與電流值,手動模式才允許操作,自動模式時按鈕反灰。警報設三級:溫度偏差黃色提示、超溫紅色警報連動停機、感測器斷線獨立列出——斷線和超溫的處置完全不同,混在一起會誤導判斷。

這個範例的每個決定都對應前面的原則:填色液位是資訊層級(一眼看懂),反灰按鈕是容錯(按不出去的錯誤),步驟燈號是回饋。照這個思路套到你的製程,人機介面設計就有了骨架。

客製化與可維護性

畫面做完不是結束——三年後改機的人(可能還是你)會感謝這三件事:元件做成樣板(同型閥門畫一次到處引用,改一處全部更新)、標籤命名跟 PLC 位址表對齊、多語系需求先用文字表架構(事後補翻譯不用重畫)。跨品牌整合時,威綸、北爾這類專業 HMI 廠的驅動庫支援最廣,與 PLC 的連線細節見 HMI 與 PLC 整合解析

常見設計錯誤

  • 把急停做在觸控畫面上——急停必須是實體按鈕,畫面當機就按不到了
  • 警報不分級,跳警報像洗版——操作員很快學會「全部按掉」,真警報跟著陪葬
  • 用 3D 擬真圖庫堆滿畫面——好看三天,難讀三年,扁平色塊的可讀性穩定得多
  • 密碼全廠共用一組——參數被改了永遠查不到是誰

常見問題 FAQ

Q:HMI 設計最重要的原則是什麼?
A:一致性、即時回饋、容錯、資訊層級、操作效率五項;核心精神是讓操作員在最短時間看懂狀態、用最少步驟完成操作、且錯誤「按不出去」。

Q:人機介面設計有現成範例可以參考嗎?
A:本文的攪拌槽站範例示範了總覽頁、操作頁與警報分級的設計思路;各 HMI 畫面軟體(威綸 EasyBuilder、三菱 GT Designer 等)也附有範例專案可拆解學習。

Q:HMI 畫面用什麼軟體設計?
A:跟著硬體品牌走:威綸用 EasyBuilder Pro、三菱 GOT 用 GT Designer3、北爾用 iX Developer、台達用 DOPSoft;功能大同小異,差在驅動支援與元件庫。

Q:需要採購人機介面硬體?
A:鑫弘展與各大廠牌代理商、經銷商配合銷售各品牌人機介面(威綸、北爾、三菱、台達、西門子等),可依 PLC 品牌與尺寸需求協助選型,歡迎詢價。

延伸閱讀

鑫弘展企業

提供高品質的工業自動化設備元件解決方案。在三菱、歐姆龍、安川、西門子、國際牌等品牌的HMI人機介面變頻器驅動器PLC控制器伺服馬達、電鍍設備方面,我們均有深入的了解與專業的技術。我們亦提供客製化的圖控軟體、人機介面設計PLC程式規劃服務,以滿足您多元的需求。

文章快速導覽

需要報價或選型協助?

三菱、歐姆龍、西門子等多品牌自動化元件,把型號傳給我們,快速回覆報價與交期。
0922-83321003-3973135官方 LINE 詢價Email 詢價