POINT 01
操作開始
利用者の目的を大きな選択肢に整理し、次に行う操作を判断しやすくする構成。
ANONYMOUS CASE STUDY
立体駐車場システム
UI/HMIデザイン事例
利用者向け入出庫画面から、
EV車両対応、ワイドディスプレイ、
Web予約アプリまで。
異なる利用環境を横断して、分かりやすく一貫した操作体験を設計したUI/HMIデザイン事例です。
PROJECT OVERVIEW
プロジェクト概要
- 業種
- 立体駐車場システム
- 対象
- 一般利用者・契約者・管理担当者
- 制作対象
- 入出庫操作画面
EV入庫画面
ワイド操作画面
Web予約アプリ - 担当範囲
- 操作画面デザイン
ワイド画面デザイン
Web予約画面デザイン
BACKGROUND & DESIGN FOCUS
背景と設計時の観点
立体駐車場の操作画面には、初めて利用する方でも迷わず操作できる分かりやすさと、安全確認を確実に進められる設計が求められます。
利用者向けの入出庫操作、EV車両への対応、施設内のワイドディスプレイ、事前予約用のWebアプリなど、利用環境が異なる複数の画面に対して、共通する情報設計と操作体験を検討しました。
- 01操作の現在地
現在の進行状態を把握しやすくする。
- 02次に行う操作
利用者が次の行動を判断しやすくする。
- 03安全確認
必要な確認を段階的に提示する。
- 04画面間の一貫性
異なる画面やデバイスでも共通する操作感を保つ。
WIDE DISPLAY UI
ワイド操作画面
操作の全体像と現在地を同時に伝え、次に行うことを迷いにくくする画面構成。
POINT 02
入庫前の確認
車両状態や確認事項を図解と短い文章に分け、一度に確認すべき内容を整理。
POINT 03
安全確認と実行
確認状態と実行可能な操作を視覚的に分け、現在の進行状況を把握しやすくする構成。
DESIGN PRINCIPLES
UI設計のポイント
- 01
視認性
情報や状態を見つけやすくする。
- 02
情報設計
重要度や操作順序に沿って情報を整理する。
- 03
操作性
目的の操作へ迷わず到達できる構成にする。
- 04
誤操作リスク
押し間違いや確認漏れにつながる要因を抑える。
- 05
一貫性
画面間で色、用語、配置、操作ルールを揃える。
EV ENTRY FLOW
EV入庫画面
EV車両の入庫では、通常の入庫操作に加えて充電に関する案内や確認が必要になります。操作内容を段階的に提示し、利用者が現在の状況を把握しながら進められる画面構成としました。
横にスワイプして画面を見る
- 01
利用区分選択 - 02
管理番号入力 - 03
EV充電案内 - 04
入庫時確認 - 05
入庫前チェック - 06
入庫完了
操作フローをすべて見る操作フローを閉じる
降車案内から安全確認、入庫開始までの補助画面
- 07
降車案内 - 08
安全確認の再認証 - 09
安全確認 - 10
入庫開始
EXIT FLOW
出庫画面
出庫操作では、管理番号の入力から車両への乗車、安全確認、操作完了まで、利用者が次の行動を迷わないよう段階的に案内しています。
横にスワイプして画面を見る
- 01
管理番号入力 - 02
出庫操作を選択 - 03
乗車を視覚的に案内 - 04
安全を確認 - 05
操作完了
WEB RESERVATION
Web予約アプリ
施設内の操作画面だけでなく、事前予約を行うWebアプリにも共通する視覚表現と操作ルールを展開しました。異なるデバイスでも、同じシステムとして認識できる一貫性を重視しています。
横にスワイプして画面を見る
- 01
ログイン - 02
ダッシュボード - 03
日時を選択 - 04
予約を確定 - 05
予約状態を確認
DESIGN PROCESS
設計プロセス
利用環境や必要な操作を整理し、画面遷移と情報の優先順位を検討したうえで、各画面のビジュアルと操作ルールを設計しました。
- 01
要件整理
- 02
操作フロー・画面構成
- 03
ビジュアルデザイン
- 04
確認・調整
WHY EPICHARIS
この案件で活かされた
エピカリスの強み
現場で求められる安全性や操作性を踏まえ、利用者・オペレーター双方の視点からUIを設計しました。
単なる画面デザインではなく、情報設計から運用までを見据えたUI/HMIデザインを提供しています。
- 01産業分野への理解
製造業や産業機器に関わるデザイン経験をもとに、用途と利用環境を確認します。
- 02現場を考慮した設計
見た目だけでなく、現場の運用や誤操作リスクを考慮します。
- 03領域を横断する視点
UIだけでなく、プロダクト、グラフィック、映像まで扱う総合的な視点で検討します。
FREE UI REVIEW
現在の操作画面に、
分かりにくさや使いにくさはありませんか。
産業機器・制御システム・業務用装置のUI/HMIを対象に、操作画面3画面まで無料で簡易レビューします。