クラウドカメラ管理画面の制作イメージ

クラウドカメラ管理画面

複数拠点の状況を、迷わず把握・確認できる監視体験へ。

Category
UI/UX Design
Scope
UX設計・UIデザイン・プロトタイピング
Approach
AI + Design Direction

この制作で、
改善したこと。

多くの情報を、確認の順番に沿って再設計。

01

異常や状態を見つけやすく

カメラ映像と接続状態を同じ単位で一覧化し、確認が必要な対象を把握しやすくしました。

02

一覧から詳細へ迷わず移動

複数拠点を俯瞰する画面と、1台を詳しく見る画面の役割を分け、監視の流れを明確にしました。

03

操作と現場情報を集約

再生・日時指定・ダウンロードと気象情報を関連する場所へまとめ、画面を往復する負担を減らしました。

01

現場確認の課題

多数のクラウドカメラを離れた場所から確認し、カメラ名、接続状態、ライブ映像、現場の気象情報まで同じ画面で把握できることが求められました。

02

比較した画面構成

カメラカードの列数、オフライン時の表示、ナビゲーションの階層、気象情報の位置を比較し、「複数映像の一覧」と「選択した1台の詳細」に絞り込みました。

03

採用したUI

一覧画面は映像を同じ大きさのカードで並べ、詳細画面では映像を大きくし、関連する気象情報と操作を集約しました。

情報が多いほど、見る順番はシンプルに。

一覧から詳細確認までの視線と操作を揃え、現場で迷いにくい管理体験にまとめました。利用状況と判断の優先度を基準に、情報の密度を編集しています。

まとまっていない課題から、
次の一手を一緒に。

売上や集客、サービスの伝え方、Webサイト、業務の進め方など、原因や解決策がまだ見えていなくても大丈夫です。状況を伺い、必要な選択肢を整理し、実行と改善まで伴走します。

まずは相談してみる