データのグラフ化

グラフでデータを提示すると、情報を明確かつ魅力的に伝えることができます。

グラフは、多くのテキストを読んだり解釈したりする必要が人々になく、複雑な情報を伝達する効率的な方法を提供します。また、グラフのグラフィカルな性質により、体験の個性を表現し、インターフェイスに視覚的な関心を追加する機会が増えます。グラフの作成に使用するコンポーネントについては、グラフを参照してください。

グラフは、一目でわかる情報を提供するシンプルなグラフィックから、あなたのアプリの中心的な要素を形成し、人々がさまざまな視点からデータを探索できるように促すリッチでインタラクティブな体験まで、さまざまです。単純か複雑かに関係なく、グラフを使用すると、人々は以下のような重要なデータ主導のタスクを実行できます。

過去の値または予測値に基づく傾向の分析

時間とともに変化するプロセス、システム、または数量の現在の状態を視覚化

複数のカテゴリ間でデータを比較することにより、異なる項目 (または異なる時点での同じ項目) を評価

すべてのデータの集積をグラフに表示する必要はありません。単にデータを提供する必要があり、データに関する情報を伝えたり、人々がデータを分析できるようにする必要がない場合は、他の方法でデータを提供することを検討してください。たとえば、人々がスクロール、検索、並べ替えできるリストや表などです。

ベストプラクティス

データセットに関する重要な情報を強調する場合は、グラフを使用して下さい。 グラフは視覚的に目立つため、人々の注意を引きます。人々が関心のあるデータから何を学べるかを明確に伝えることで、この注目度を活用してください。

グラフをシンプルに保ち、追加の詳細が必要なときに人々が選択できるようにします。 できるだけ多くのデータをグラフに詰め込もうとする誘惑に抵抗してください。データが多すぎると、グラフが視覚的に圧倒的になって使いにくくなり、伝えたい関係やその他の情報がわかりにくくなります。提示すべきデータが大量にある場合、または有効にする機能が多数ある場合は、それを徐々に明らかにする方法を人々に提供することを検討してください。たとえば、人々の興味に合わせてさまざまなレベルの詳細やデータのサブセットを表示することを選択できるようにできます。人々が操作型グラフの使用方法を学習できるように、それぞれが最新のものより多くの機能を備えたいくつかのバージョンのグラフを提供できます。

あなたのアプリ内のすべてのグラフにアクセスできるようにします。 グラフは、データのグラフィカルな表現と視覚的な説明によって視覚的に伝達します。表示する視覚的な説明に加えて、グラフの値とコンポーネントを説明するアクセシビリティラベルと、人々がグラフを操作するのに役立つアクセシビリティ要素の両方を提供することが重要です。ガイダンスについては、グラフのアクセシビリティの向上を参照してください。

効果的なグラフの設計

普通は、一般的なグラフのタイプを使用することをお勧めします。 人々は棒グラフや折れ線グラフなどの一般的な種類のグラフに慣れているため、あなたのアプリでこれらの種類のいずれかを使用すると、グラフの読み方を人々が既に知っている可能性が高くなります。ガイダンスについては、グラフを参照してください。

斬新な方法でデータを表示するグラフを作成する必要がある場合は、人々がグラフの解釈方法を学習できるようにして下さい。 たとえば、Watch が iPhone とペアリングされている場合、Activity はアクティビティリングを個別にアニメーション化して紹介し、各リングが移動、運動、およびスタンドの測定にどのようにマッピングされるかを人々に示します。

複数のレベルまたは観点からデータを調べて、グラフを強化するために表示できる詳細を見つけます。 たとえば、マクロのレベルからデータを表示すると、合計や平均など、人々が関心を持つ高レベルの要約を判断するのに役立ちます。中間レベルの観点からは、人々がデータの有用なサブセットを識別できるような方法を見つけられますが、個々のデータポイントを調べることで、人々の注意を特定の値やアイテムに引き付ける方法を見つけるのに役立ちます。人々がさまざまな観点からグラフを見るのに役立つ情報を表示することで、グラフへの関与を促進できます。

グラフに説明テキストを追加して、理解を助けます。 説明テキストのタイトル、サブタイトル、および注釈は、グラフ内の最も重要な情報を強調するのに役立ち、アクション可能な要点を強調することができます。また、グラフの見出しまたは要約として機能する簡単な説明テキストを表示して、人々が重要な情報を一目で把握できるようにすることもできます。たとえば、天気予報では、今後 24 時間の 1 時間ごとの予報のスクロールリストの上に、「今後 1 時間で小雨が降る可能性」など、人々が今必要としている情報を要約したテキストが表示されます。説明的な見出しや要約は、グラフをよりアクセシブルにできますが、アクセシビリティラベルの代わりにはなりません。

グラフのサイズは、その機能、焦点、および詳細レベルに合わせてください。 一般に、グラフは、含めるべき詳細を快適に表示できる十分な大きさと、サポートしたい操作性を実現できる十分な拡張性を備えている必要があります。たとえば、グラフの詳細や説明テキスト (ラベルや注釈など) を読みやすいようにするべきですが、グラフの範囲を変更したり、さまざまな観点からデータを調査したりするための十分な余地を人々に与えられます。一方、小さなグラフを使用して、個々のアイテムに関する一目でわかる情報を提供したり、グラフのより大きなバージョンのスナップショットまたはプレビューを提供して、別のビューで表示したりできます。

複数のグラフ間で一貫性を保ち、違いを強調すべき場合にのみ逸脱します。 あなたのアプリ内の複数のグラフが同様の目的を果たしている場合、通常、グラフごとに異なるタイプまたはスタイルを使用して、グラフが無関係であることを暗示したくありません。また、あなたのアプリのグラフに一貫した視覚的アプローチを使用すると、人々はあるグラフについて学んだことを利用して、別のグラフを理解することができます。グラフ間の意味のある違いを強調する必要がある場合は、さまざまな種類のグラフとスタイルを使用することを検討してください。

同じデータに焦点を当てた複数のグラフ間で連続性を維持します。 複数のグラフを使用して人々が 1 つのデータセットをさまざまな観点から探索できるようにする場合は、1 つのグラフタイプ、一貫した色、注釈、レイアウト、および説明テキストを使用して、データセットが同じままであることを示すことが重要です。たとえば、Heath Trends スクリーンには、歩数や安静時心拍数などの領域の最近の傾向を表す特定の視覚的スタイルを使用する小さなグラフが表示されます。人々がグラフを選択してその領域のすべてのデータを表示すると、展開されたバージョンでは同じスタイル、色、マーク、および注釈が使用され、バージョン間の関係が強化されます。