工場機器タッチパネル

Jul.2018

工場機器タッチパネルのUIデザイン制作例。黒を基調に水色をアクセントカラーとした16:9の画面設計。画面左部に数値調整メーター、画面右部にグラフや数値リストが並ぶダッシュボード画面のTOP画像。

工場機器タッチパネルのUIデザイン:
迷わず操作できる画面レイアウトを実現するポイント

本事例では、情報が整理されておらず煩雑だった画面を、レイアウトの整理によって改善。誰の目にも見やすく簡単に操舵できるインターフェースを実現しました。

カテゴリ
業務機器・産業機械のUI/HMIデザイン
対象デバイス
タッチパネル液晶搭載機器
担当範囲
画面設計
デザインの狙い
視認性の向上、誤操作の防止、状態把握の迅速化
使用ツール
AdobePhotoshop
納品形式
PNG(画面サンプルのみ)
制作期間
1週間

今回の工場機器タッチパネルのUIデザインで、最も重要視したことは——?

要素の優先順位をしっかりつけ、迷わない画面にすることです。

現行機の操作画面は全ての情報や要素が同じレベルで構成されており、どこを触れば良いのかが分からないというのが課題でした。

そこで今回のデザインでは、以下の点を改良しました。

  • 情報の整頓:
    情報ごとにグループ化したレイアウト
  • 色や大きさのメリハリ:
    大事な要素は大きくハッキリ、そうでないものは小さく控えめに

これにより、どこを操作すれば良いかが分かりストレスなく操作できる画面を実現しました。

工場機器タッチパネルのUIデザイン制作例。黒を基調に水色をアクセントカラーとした16:9の画面設計。画面左部に数値調整メーター、画面右部にグラフや数値リストが並ぶダッシュボード画面。

プロジェクトの課題を
ディ・フラットと共に
解決しませんか?

初回お問合せ時からデザイナーが対応するので、制作についてより深い話ができます。
概算であってもリアルなお見積もりの話も可能です。

まずはお気軽に、デザインのお悩みをお聞かせください。

お問い合わせ