02 プロダクト画面プレビュー 一覧へ戻る
Open Design sample 02

ダッシュボードの密度を保ったまま、読みやすく整える。

管理画面やSaaSの初期案を想定したサンプルです。装飾を増やすより、比較、状態把握、次の操作を迷わない情報設計に寄せています。

運用画面状態把握操作導線
dashboard.sample.html quiet / dense / operational
小規模チーム向けの運用ダッシュボードを、状態確認と次アクションが見える形で作る。 Generate
Dashboard
プロダクト画面プレビュー

このサンプルで見ること

Input
小規模チーム向けの運用ダッシュボードを、状態確認と次アクションが見える形で作る。
Design Focus
管理画面やSaaSの初期案を想定したサンプルです。装飾を増やすより、比較、状態把握、次の操作を迷わない情報設計に寄せています。
Handoff
Status lanes, inspector, command area

生成から確認まで

01

Signals

見るべき状態を先に並べる

02

Actions

次に押す操作を近くに置く

03

Review

反復でノイズと曖昧な文言を削る