Uxデザイナーのためのダッシュボードの作成

ダッシュボードという用語は、自動車のダッシュボードから来て、それは数十年の間に進化しており、今ではデジタルの世界でも使用されています。 ダッシュボードは、データを視覚化し、統計を追跡し、主要業績評価指標をデモストレートする動的な方法です。 データ管理ツールの目的は、意思決定者がより迅速な選択を行い、ビジネスパターンを実現し、監視するのを助けることです。 データは理解しやすい、速い追跡のための方法をスキャンすること容易に示されるべきである。

“ダッシュボードは、一つ以上の目標を達成するために必要な最も重要な情報の視覚的な表示です。”スティーヴン-スピルバーグ(dashboardinsight。div>

google analyticsのダッシュボード

ダッシュボードの作成を開始すると、最初のステップとして、あなたのユーザーを知る必要があります。 ダッシュボードから必要な情報を収集するユーザーの役割は何ですか? それはCEO、CFO、またはマーケティングマネージャーによって使用されていますか? それは一人またはグループによって使用されているかどうか? それは異なる役割の人々のためのデータを提供するのですか、それとも1つだけですか? 主な目的は、それを簡単にすることです。 データは、明確かつ最小限の方法で視覚化されるべきであり、それは観客にサービスを提供する必要があります。 5秒のルールでは、5秒で理解できるダッシュボードを作成する必要があります。 ダッシュボードは、データを明確かつ効率的に表現する必要があります。研究によると、人々は自分が見ていることの80%と読んだことの20%を覚えていることが示されています。

便利な相互作用

ドリルダウンアクションは、ユーザーがチャートをクリックし、その要素の詳細を見ることができるときに起動することがで チャート、インジケーター、テーブル、さらにはwebサイトにドリルダウンインタラクションを追加するときは、ユーザーまたはユーザーのチームに合わせて個別化できます。 グラフのズームインとズームアウトは、時間スケールを移動し、週、月、または四半期ごとにデータをグループ化するために不可欠です。

ドリルダウンの例。 写真:ドキュメント。devexpress。com

ダッシュボード分類の方法

ダッシュボードは、いくつかの方法で分類することができます。 以下に示すオプションは、Stephen Few Information dashboard design bookに基づいており、戦略的、分析的、運用的、および支援するビジネスの種類によってダッシュボードを分類しています。

戦略的な

戦略的なダッシュボードはKpiを追跡します。 今日では、ダッシュボードは、健康と彼らのビジネスの毎日の操作に管理者のための迅速なビューを与え、主に戦略的です。 これらの種類のボードは、実際の業績と予測に集中しています。 これらの管理ダッシュボードは、リアルタイムのデータではなく、毎週、毎月の期間の統計によって駆動されます。 主に戦略的なダッシュボードは、そのユーザーに相互作用の可能性を与えていません。

SaaSスタートアップのエグゼクティブダッシュボードの例
写真: Klipfolio

分析ダッシュボード

分析ダッシュボードは、傾向を追跡するためのデータを表示します。 ダッシュボードのこのタイプは、より大きな複雑さを必要とします。 大量のデータを分析し、比較して評価し、傾向を調査し、結果を予測する必要があります。 多くの場合、ドリルダウンなどのビジネスインテリジェンスが含まれており、データとの対話をサポートしています。

SaaSスタートアップの分析ダッシュボードの例
写真: Klipfolio

運用

運用ダッシュボードは、今何が起こっているかを教えてくれます。 このようなダッシュボードの設計に主に影響を与える操作は、非常に迅速に変化し、動的です。 多くの場合、問題が発生したときにすぐに対応する必要があります。 それは一日を通して使用され、視覚化されたデータは、迅速な意思決定を行うために非常にシンプルで迅速に理解できる必要があります。

SaaSスタートアップの運用ダッシュボードの例
写真:Klipfolio

ダイアグラムの種類

折れ線グラフは、多くの場合、傾向を視覚化するために使用されます。 メッセージを表示するにはあまりにも平らで誇張されてはいけません。 折れ線グラフの右の高さは、グラフ領域の2/3です。 それは単純でなければならず、増分は通常、人々がどのように数えるかの方法で使用する必要があります:0,5,10,15など。 単一のグラフでは、常に最大4本の線を使用する必要があります。 あまりにも多くは混乱し、提示されたデータを効果的に表示していません。

折れ線グラフの例。 写真:www.actiprosoftware.com

バー

棒グラフは、カテゴリデータのセットを要約する方法です。 それは比較のために最もよく使用されます。 同じ規則はここに保たれなければならない:それを簡単保って下さい。 メッセージを配信するために従わなければならないいくつかの原則があります。 バーの幅は、それらの間のスペースの幅の2倍でなければなりません。 それらが同じデータを表す場合は、同じ色を使用します。 複数のバーの場合、チャートの数が最大4である必要がありますが、シェーディングは明るい順から暗い順に移動する必要があります。 この場合、凡例はラベル付けが混乱するために使用できます。

棒グラフの例。 写真:www.thedataschool.co…..英国

パイ

これは、割合を示すためにスライスに分割された統計的なグラフィックです。 これは、単純な構成にのみ使用する必要があります。 円グラフを読むことは右に動く12時からの時計を読むことのようである。 そのため、一番上の最大のセグメントを視覚化する方が効率的です。

円グラフの例。 【写真】トゥルーテックスサスペンション。com

テーブル

テーブルは、定義による視覚化の方法ではなく、生の方法でデータを表示するフォームです。 しかし、読者に視覚的に簡単にするためのいくつかの有用なヒントがあります。 正確な値を表示する必要がある場合にデータを比較するために使用する必要があります。 薄い規則は各3から5の記入項目の後で使用されるべきであり、広いテーブルはよりよい視覚理解のための3行毎にの後で規則を必要とする。 チャートは、最も重要なデータを強調表示するために、テーブルでうまく提示し、有用であることができます。

ピクトグラム

チャートで使用される良いピクトグラムは、シンプルで明確で対称的でなければなりません。 効果的なピクトグラムでは、データは単一のデータの乗算でなければなりません。 ピクトグラムは、棒グラフのようにデータを視覚化するために使用されます。p>

ピクトグラムの例。 写真:datavizcatalogue.com figcaption>

マップ

マップチャートは、主に地理的であるデータを提示することです。 国、州、都市のようなプレゼンテーションにデータがある場合に使用する必要があります。 マップは、データの地域のコンテキストが重要な場合にのみ使用する必要があります。

マップ図の例。 写真:www。ピケマップcom

Other interesting chart types

Chart selection diagram. Photo: www.extremepresentation.com

We can use more types of diagrams based on the data to be visualized: mosaic, population pyramids, spider, scatter plots, binary decision diagram, multi level pie charts, gauge, pareto, stock, gantt, waterfall charts and heat maps. データの可視化のために選択するチャートはどれですか? Dr.Andrew Abelaのおかげで、目的とデータに最適なものを選ぶのに役立つチャート選択図があります。

ビジュアルルール

ダッシュボードを作成するときに従うことをお勧めしますいくつかのルールがあります。

フォント

ダッシュボードでは、データが主な焦点でなければならないので、強調表示されたフォント、特別なタイプミスは注意を引くために使 Serifとsanserifフォントは読みやすく、さまざまなオプションを提供するため、使用できます。 のは、それをシンプルにしてみましょう!考慮する必要がある3つの主な属性があります:色相、値、彩度。 色相は、虹の中に現れる「色の名前」(赤、オレンジ、黄、青、緑、紫)と呼ばれる純粋なスペクトル色の用語です。 彩度は色の強さです。 値は、それがどのように明るいか暗いかを示しています。 良好な視覚化は、暗い色または明るい色で行うことができます。 同じ量で使用されたとき暖かい色(赤く、オレンジ、茶色)は涼しい色(青、緑または灰色)より大きく、近いようである。 気晴らしを避けるためには3から5つの陰は図表で使用されるべきである。 提示のたくさんの色は避けるべきである。 色のより暗い陰は読者の注意を引くことができる。 色盲の人に読みやすい色を使用する必要があります。

ダッシュボードデザインのための黄金のルール

最も重要なrueは、それを使用するときに、誰が、どこで、観客を知ることです。 データの可視化に最も適したダイアグラムタイプを見つけ、ダッシュボードを論理的に構築します。 実際のダッシュボードとして使用される場所を気に一つの画面に収まります。 “Less is more”ルールを維持するための意図は、最も重要なのはデータです。 簡単な解釈が不可欠であることに注意してください。

Related Posts

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です