Bố cục trong màn hình HMI

✍️ Trong bài viết này, mình muốn chia sẻ về cách thiết kế màn hình hiển thị cho HMI (💻 Human-Machine Interface), nơi mỗi công ty và nhà thiết kế có phong cách và quy định riêng. Tuy nhiên, việc phân chia màn hình một cách hợp lý và rõ ràng luôn đóng vai trò quan trọng 🧭, giúp người dùng dễ dàng theo dõi 👀 và tương tác với hệ thống 🤖.

📌 Dưới đây, mình sẽ trình bày một số phần quan trọng mà bạn cần cân nhắc khi thiết kế màn hình hiển thị HMI, để mọi người có thể dễ dàng nắm bắt hơn 🎯.

1️⃣ Phần Thông Tin Chính (状態画面)

💡 Đây là khu vực quan trọng nhất của màn hình, nơi hiển thị các dữ liệu quan trọng hoặc trạng thái của hệ thống. Nội dung chính thường bao gồm các chỉ số📊, biểu đồ📈, hoặc trạng thái của máy móc đang hoạt động ⚙️.

2️⃣ Thanh Điều Hướng (ナビゲーションバー)

🧭 Thanh điều hướng giúp người dùng chuyển đổi dễ dàng giữa các màn hình hoặc phần khác nhau trong giao diện. Thường được bố trí cạnh dưới hoặc bên trái của màn hình và chứa các liên kết 🔗 dẫn đến màn hình khác hoặc nút truy cập nhanh như chụp ảnh màn hình 📸.

3️⃣ Khu Vực Điều Khiển (コントロールエリア)

🎛️ Đây là nơi cung cấp các công cụ điều khiển để người dùng tương tác và điều chỉnh hệ thống. Khu vực này thường có các nút bấm 🔘, thanh trượt 🔄, hoặc các điều khiển khác.

4️⃣ Phần Thông Báo (通知エリア)

📢 Khu vực này dùng để hiển thị các thông báo, cảnh báo ⚠️, hoặc thông tin quan trọng liên quan đến hệ thống. Nó giúp người dùng nhận biết ngay khi có cảnh báo lỗi 🛑 hoặc thông tin cần chú ý.

5️⃣ Khu Vực Trạng Thái (状態バー)

📋 Thanh trạng thái cung cấp thông tin về tình trạng hiện tại của hệ thống hoặc các thông tin bổ sung khác như thời gian ⏰ và kết nối 🌐. Thanh này thường nằm ở đáy hoặc phía trên của màn hình.

6️⃣ Khu Vực Hướng Dẫn (ヘルプ/情報)

❓ Khu vực hướng dẫn sẽ cung cấp thông tin hỗ trợ về cách sử dụng các tính năng của HMI, giúp người dùng dễ dàng làm quen và thao tác với hệ thống.

🔧 Mặc dù sách hướng dẫn sử dụng （取扱説明書）đã hướng dẫn cho người sử dụng, tuy nhiên có thể bổ sung phần hướng dẫn trên màn hình để cả những người không có trình độ chuyên môn cũng có thể thao tác dễ dàng trên màn hình 📱.

🖥️ Các Trang Hiển Thị Thường Có Trên HMI

Ngoài việc phân chia các khu vực chính, các màn hình HMI thường bao gồm những trang sau đây:

1️⃣ Trang Theo Dõi Toàn Bộ Hệ Thống (状態監視)

🌍 Cung cấp cái nhìn tổng quan về toàn bộ hệ thống, bao gồm các chỉ số quan trọng như nhiệt độ 🌡️, áp suất ⚙️, và trạng thái hoạt động của các thiết bị trong hệ thống.

2️⃣ Trang Thay Đổi Chế Độ Điều (モード切替)

🔄 Cho phép người dùng chuyển đổi giữa các chế độ hoạt động khác nhau của hệ thống theo nhu cầu và yêu cầu của quy trình ⚙️.

3️⃣ Lịch Sử Lỗi Hệ Thống (故障履歴)

🛠️ Trang này chứa thông tin chi tiết về các lỗi đã xảy ra trong hệ thống, thường cho biết thời gian lỗi xảy ra ⏲️ và thời gian mà lỗi đã được khắc phục ✅.

4️⃣ Lịch Sử Thay Đổi Cài Đặt (設定履歴)

📝 Hiển thị lịch sử các thay đổi cài đặt, cho biết thời gian thay đổi cài đặt ⏰, giá trị trước và sau khi thay đổi 🔄.

5️⃣ Lịch Sử Vận Hành Hệ Thống (運転履歴)

📊 Cung cấp thông tin về các sự kiện quan trọng về trạng thái hoạt động của hệ thống, như khi nào quạt chạy 🌀, khi nào thực hiện xử lý cháy 🔥, và các hoạt động khác.

6️⃣ Đồ Thị Theo Dõi Hệ Thống (グラフ画面)

📈 Trang này hiển thị các biểu thị các giá trị monitor lên đồ thị, để người dùng có thể theo dõi trạng thái của hệ thống từ quá khứ đến hiện tại 🔍, giúp đánh giá hoạt động của hệ thống.

7️⃣ Cài Đặt Hệ Thống (設定画面)

⚙️ Cho phép người dùng cấu hình và thay đổi các thiết lập của hệ thống. Phần này được chia thành hai mục chính:

• Phần Cài Đặt Dành Cho Người Dùng (ユーザー設定): Cung cấp các cài đặt cơ bản, mà người dùng có thể dễ dàng cài đặt mà không cần kiến thức chuyên môn sâu 📚.
• Phần Cài Đặt Dành Cho Kỹ Sư (エンジニアリング設定): Cung cấp các cài đặt nâng cao, sâu trong hệ thống, mà bắt buộc cần những người chuyên môn cài đặt, nếu không hệ thống sẽ hoạt động sai hoặc thậm chí xảy ra lỗi ⚠️.

Hy vọng những chia sẻ trên sẽ giúp bạn hiểu rõ hơn về cách phân chia màn hình trong thiết kế HMI và tầm quan trọng của việc thiết kế một giao diện thân thiện, dễ sử dụng.

Nếu có thắc mắc hay góp ý gì, xin liên hệ với chúng mình qua fanpage https://www.facebook.com/VIJAAU để được hỗ trợ. Xin cảm ơn!

🙏 Cảm ơn sự quan tâm theo dõi của mọi người và hẹn gặp lại ở nội dung tiếp theo!
Xuân Thanh