ダッシュボードのワイヤーフレーム

ダッシュボードで最初に表示する情報を確認する

このダッシュボード用ワイヤーフレームでは、左側のサイドバーに5つのナビゲーションラベルを配置し、メインコンテンツの上部に検索とアバターのプレースホルダーを含むヘッダーを置いています。4つのカードには、MRR、アクティブユーザー、解約率、NPSのサンプル値を表示しています。その下には、収益グラフ領域とユーザーテーブル領域を並べています。

フレーム内に9つのコンテンツブロックを配置し、レイアウトの骨格を整えています。グラフはラベル付きの長方形で、テーブルには名前、プラン、ステータスの列と、並べ替え・ページネーションに関する注記を記載しています。どちらもデータが入力された可視化や、実際に機能するコントロールではありません。カードの数値は説明用のサンプルです。

ユーザーが必要とする意思決定を軸に、カードの内容を調整してください。ビジュアルを整える前に、サンプル指標を実際の値に置き換え、集計期間を指定し、カードやテーブルの行を選択したときに何が表示されるべきかを説明しましょう。