ビジュアライゼーションの作成および編集

ビジュアライゼーションは、事前定義のチャート、項目、またはカスタム オブジェクトから作成します。ビジュアライゼーションは、シートに追加した後、編集したり、改良したりすることができます。ビジュアライゼーションを追加または編集できるようにするには、@編集 モードにする必要があります。

ビジュアライゼーションの作成

ビジュアライゼーションは、選択したタイプのビジュアライゼーションをアセット パネルからシートにドラッグし、プロパティを設定して作成します。特定の種類のビジュアライゼーションを作成する方法については、ビジュアライゼーション のビジュアライゼーション タイプを参照してください。

Qlik Sense では、2 つの方法を使用してアシスタンスによりビジュアライゼーションを作成できます。インサイト アドバイザーを使用してデータを分析し、Qlik Sense でビジュアライゼーションの選択を生成できます。これらのビジュアライゼーションをシートに追加するように選択できます。詳しくは「インサイト アドバイザーを使用した、データからのビジュアライゼーションの作成」を参照してください。項目をアセット パネルからシートにドラッグしてから、ビジュアライゼーションに含める追加の項目を最初の項目にドラッグし、推奨チャートを使用してビジュアライゼーションを作成することもできます。ビジュアライゼーションに選択した項目に基づいて、Qlik Sense によって推奨のビジュアライゼーションが作成されます。詳細については、「チャート推奨を使用したビジュアライゼーションの作成」を参照してください。

ビジュアライゼーションはコピーして追加することもできます。これは、既存のビジュアライゼーションの設定を別のビジュアライゼーション タイプで使用したい場合に便利です。詳しくは「既存のビジュアライゼーションからのビジュアライゼーションのコピー」を参照してください。

カスタム オブジェクトは同じ方法で追加されます。ビジュアライゼーション拡張またはウィジェットをシートにドラッグして、ビジュアライゼーションの作成を開始します。

詳細については、「カスタム オブジェクトを使用したビジュアライゼーションの作成」を参照してください。

ビジュアライゼーションでデータをグループ化する方法は、国別の総売上高やサプライヤ別の製品数など、軸によって異なります。 詳細については、「」を参照してください。

メジャーはビジュアライゼーションで使用される計算で、通常は棒グラフの y 軸、またはテーブルの列に表示されます。メジャーは、Sum または Max などの集計関数に 1 つまたは複数の項目を組み合わせた数式から作成されます。 詳細については、「メジャー」を参照してください。

次の手順を実行します。

  1. アセット パネルからシートにビジュアライゼーションをドラッグするか、またはビジュアライゼーションをダブルクリックします。
  2. 軸およびメジャーをビジュアライゼーションに追加します。

    ビジュアライゼーションに関するボタンを使用して、軸およびメジャーを追加できます。または、アセット パネルの [項目] タブから項目をドラッグし、その項目を軸またはメジャーとして使用することができます。軸およびメジャーの必要数は、選択したビジュアライゼーションに応じて決まります。

  3. プレゼンテーション方法の調整: ソート、色分け、ラベル付けなど。

    詳細については、「ビジュアライゼーションの外観の変更」を参照してください。

ビジュアライゼーションの編集

ビジュアライゼーションを作成した後、ビジュアライゼーションによるユーザーへの情報の伝え方を改善する調整を行いたい場合があります。例えば、使用されるデータを変更したり、ビジュアライゼーションの外観を調整したりできます。軸またはメジャーを追加して情報の奥行きを深めたり、一部のデータを取り除いてわかりやすくしたり、ビジュアライゼーションを整理したりする必要があります。

ビジュアライゼーションのデータは変更できます。例えば、無効な軸またはメジャーを修正したり、マスター メジャーからメジャーのリンクを解除して、マスター メジャーを変更しなくてもメジャーを修正できたりします。詳細については、「ビジュアライゼーションのデータの変更」を参照してください。

ビジュアライゼーションの外観を編集することにより、設計を改善して理解しやすくすることができます。ビジュアライゼーションの外観は、いくつかの方法で調整可能です。

  • 色: 色分けは、ビジュアライゼーションで値を強調するための最良の方法の 1 つです。Qlik Sense は、さまざまな色分けオプションを用意しています。

    例えば、マスター軸のユニーク値に特定の色を割り当て、その値に対してはすべてのビジュアライゼーションで同じ色が使用されるようにすることができます。

    詳細については、「ビジュアライゼーションを色分けする」を参照してください。

  • ソート: 軸とメジャーをソートすることにより、論理的で理解しやすい方法でコンテンツが表示されるようにすることができます。

    詳細については、「ビジュアライゼーションのソート変更 (ビジュアライゼーション)」を参照してください。

  • タイトルおよびラベル:  タイトルおよびラベルは、わかりやすさや詳しさを高めるために変更できます。

    例えば、地域別の売上を示す円グラフでは、数式を追加して売上合計を示すことができます。

    詳細については、「ビジュアライゼーションの外観の変更」を参照してください。

  • プレゼンテーション:  異なるビジュアライゼーションには異なるオプションがあり、調整することによってデータの表示効果を高めることができます。

    例えば、棒グラフの棒は、グループ化されるか積み上げられるように、および垂直または水平に表示されるように設定できます。

    詳細については、「ビジュアライゼーションの外観の変更」を参照してください。

あるビジュアライゼーションを別のビジュアライゼーション タイプに変換して、設定を保持することができます。詳細については、「ビジュアライゼーションを別の種類のビジュアライゼーションに変換」を参照してください。

ビジュアライゼーションのプロパティはプロパティ パネルで編集します。

次の手順を実行します。

  1. ツール バーで [@編集] をクリックします。

    シートのプロパティ パネルは右側に開きます。(表示されない場合は、右下にある h をクリックしてください。)

  2. 編集したいビジュアライゼーションをクリックします。

    プロパティ パネルに、このビジュアライゼーションのプロパティが表示されます。

  3. プロパティ パネルで変更を行います。
  4. ツール バーで [@ 完了] をクリックします。

ビジュアライゼーション設計のベスト プラクティス

アプリの整理

1 つのアプリで情報が多すぎると、何が重要か判断しづらくなります。今日の最新のユーザー インターフェイス スタイルは、デザインに不要なものがなく、よりシンプルで、より内容を引き立てるスタイルです。シンプルなデザインはユーザーにとってわかりやすく、集中力を保つことができるようになります。

少ない方が良い

1 つのアプリに、あまりにも多くの情報を詰め込もうとする傾向があります。複数のメジャーがある折れ線グラフは、紛らわしく、解釈しづらい場合があります。より小さいビジュアライゼーションを複数作成して、この情報をページ上に分散するよう心がけてください。それによって、ユーザーはビジュアライゼーションを並べて効率的に比較したり対比したりすることができます。 代替の軸とメジャーを使用すると、ビジュアライゼーションを詰め込みすぎることなく、ユーザーがメジャー間を簡単に切り替えることができるようになります。詳細については、「ビジュアライゼーションのデータの変更」を参照してください。

アプリの美的な外観と機能を改善できる多種多様な方法があります。オーディエンスとどのデータをハイライト表示するかに応じて、ビジュアライゼーションの設計方法が、ユーザーによるデータの解釈に重大な影響を与えることがあります。

制限を認識する

ビジュアライゼーションの消費者は、スペースや解像度が限られた画面で作業している可能性があります。Qlik Sense は、応答型設計を使用してそれらの制限に対処します。ただし、画面のスペースまたは解像度の制限が大きすぎる場合は、何らかの設計上の対応が必要です。たとえば、次のような方法があります。

  • 棒グラフや折れ線グラフに表示されているデータのサブセット。軸の値の数がビジュアライゼーションの幅を超えると、スクロール バーの付いたミニ チャートが表示されます。
  • データ フィルターを選択する場合の折りたたみメニュー。軸値の数がフィルター パネル用のスペースに収まらない場合は、メニューが折りたたまれます。アプリ消費者は、フィルター パネルのタイトルにある軸名をクリックして新しいペインを開く必要があります。それから、新しいペインで選択操作を行うことができます。また、スペースが制限される場合は、フィルター パネルのタイトルに軸の省略名を表示可能です。アプリ消費者は、省略名をクリックしてフィルター パネルのペイン名を表示する必要があります。
  • 凡例、ラベル、タイトルの欠落。

アプリ消費者は、ビジュアライゼーションを展開してこれらの問題に対処できます。ただし、アプリを使用するデバイスでアプリをテストすることをお勧めします。また、Firefox での応答型設計モード (Ctrl + Shift + M) などのさまざまなツールを使用することもできます。必要に応じて、ビジュアライゼーションを新しいシートに移動したり、ビジュアライゼーションに表示されるデータ量を削減したりすることなどもできます。

色のアクセシビリティ

色の範囲は、色ベースの視覚障害がある方にとってはより狭くなります。視覚障害のある方は、ビジュアライゼーションを作成意図とは異なって解釈する可能性もあります。

例えば、人によっては、赤と緑が黄色や茶色に近い色として見えています。このような赤と緑の色覚異常が最も一般的です。これが注目に値するのは、特に財務では、赤がしばしばデータ ビジュアライゼーションの中でマイナスの意味を含むことがあるためです。

赤または緑の KPI ステータスは混乱を招く場合があります。設計をよりわかりやすくするために、業績指標として形状と色を組み合わせて使用できます。例えば、不良を示すために空の赤の円を、良好の場合は緑で塗りつぶされた円を使用したり、KPI ステータスが許容できないレベルの場合のみに表示される警告記号として三角形を使用したりできます。

色が曲解されると、折れ線、棒、円グラフの区画は区別しづらくなります。

詳細については、「ビジュアライゼーションの外観の変更」を参照してください。

フィルターとアイコンの配置

フィルターとアイコンはデータ ビジュアライゼーションの重要な部分ですが、それらをどこに配置するかやどう並べ替えるかは判断しづらい場合があります。通常、ユーザーが読み始める場所は、いくつかの確立済みの設計原則に基づいて予測できます。

左側に配置

一部の一般的な Web サイトは、左側のナビゲーション タイルとフィルターを使用しています。これは、多くの言語が左から右へと読み進めるようになっているためです。その結果、画面の左側は、読み手が最も頻繁に見る場所です。コンテンツに目を通しているユーザーは、画面の左側に引き付けられる傾向があります。右側のオブジェクトに行くほど、それらを見るユーザーは少なくなります。フィルターとアイコンをすべて左側に垂直に積み上げられると、それらは同等に重視されます。

一方、テキストが右から左に書かれる言語では、この逆が当てはまります。このことは、アプリがこれらの言語に翻訳される場合に頭に入れておく必要があります。

上側に配置

アイコンとフィルターのもう 1 つの一般的な配置オプションとして、アプリの上部に沿って並べるというものがあります。フィルターやアイコンを左側に配置しないことで、紛らわしいメニューを伴う、より大きなビジュアライゼーションのために、より多くのスペースを割くことができます。フィルターとアイコンをビジュアライゼーションの上に配置すると、その下のコンテンツとは区別されて表示されます。これによって、フィルターとアイコンを優先付けていることがユーザーに伝わります。すべてのフィルターとアイコンを上部に横方向で並べると、最も左側のものがより重視され、ユーザーによって優先されます。

詳細については、「シートを使用したアプリの構成」を参照してください。

情報階層

特定のビジュアライゼーションを別のビジュアライゼーションよりも優先してユーザーに伝えたい場合があります。情報を階層で表示するには、主要なデザインに関するいくつかのベスト プラクティスを使用します。例えば、異なるサイズを使用して、一部のビジュアライゼーションを強調できます。重要性が高い情報を大きく表示します。フォントやチャートのサイズを大きくすることにより、ユーザーが最初に注目する箇所として表示します。

情報階層では、ページの配置も重要な役割を果たします。ページの上部にある情報は、最初に注目されるため、ページの下部にある情報よりも重要性が高いと判断されます。最初のページにある情報は、最後のページにある情報よりも重要性が高いと判断されます。

KPI へのコンテキストの追加

KPI は、アプリ内のいくつかの重要なアイデアとやり取りする優れた方法です。ただし、KPI 値は、水面下で生じている数値や計算にコンテキストを提供しません。KPI の横の緑のライトからは、目標を辛うじて達成したのか、大幅に上回ったのかは判断できません。

KPI にコンテキストをもたらすことができるように、値の横にサイズの小さいテキストで補足情報を含めます。例えば、現在の KPI の値と前年の数値を比較できます。また、軸や値のない小さな棒グラフを追加して、現在の傾向に関する情報を提供できます。

詳細については、「KPI プロパティ」を参照してください。

データ ビジュアライゼーションの危険性の回避

データ ビジュアライゼーションのメリットを享受するには、隠れた危険性を回避しなければなりません。以下は、そうした落とし穴のよくある例です。

色の濫用

色を使いすぎてはいけません。誤った場所で誤った色を使うと、明確さが失われ、まぎらわしくなる可能性があります。また、同じ色が、使われている場所よっては別の事柄を意味する場合があります。

円グラフの誤用

円グラフを並べて比較しないでください。また、情報の詰め込み過ぎにも注意が必要です。

視覚的な混乱

情報が多すぎると、明確さという目的が失われます。使用する KPI は 9 種類までに留め、視覚的な混乱を招く要素は排除してください。

内容を飾るスタイル

美しいビジュアライゼーションが必ずしも効果的だとは限りません。常に設計のベスト プラクティスを活用してください。

不良なデータ

データは、提示する前に問題点を検討し、修正してください。不適切なデータの責任は、ビジュアライゼーションにはありません。