メイン コンテンツをスキップする 補完的コンテンツへスキップ

アプリの設計

データをロードしたら、シートビジュアライゼーションを作成します。ダッシュボードを設計するには、正しいオブジェクトを正しい方法で使用し、使いやすいよう工夫してシートを構成しなければなりません。

video thumbnail

このアプリは非常にシンプルですが、覚えておくと便利な設計原理がいくつかあります。

独自のアプリを構築するうえで、何らかのインスピレーションが必要になったら、Qlik のウェブサイトを参照してください。さまざまな目的に使える多数のアプリがあります。独自のアプリを設計するときにテンプレートを探している場合に便利です。

分析作成の支援が必要な場合、Insight Advisor を使用できます。Insight Advisor は、データから意義深いチャートと分析を作成する上で役立ちます。使用する分析タイプを選択することでビジュアライゼーションを作成し、分析に含めるデータを選択できます。また、検索ベースの分析を使用してクエリからビジュアライゼーションを作成することもできます。

シートの作成

構築中のアプリには、次の 7 つのシートが含まれます:

  1. Dashboard

  2. Product Details

  3. Customer Details

  4. Customer Location

  5. Insights

  6. Manager dashboard

  7. Filters

これらのシートを 5 つ手動で作成します。Insight Advisor を使用して、2 つのシートを作成します。 編集モードを使用します。

  1. ツール バーで、アプリのナビゲーション メニューを開き、 [概要] を選択します。

  2. [シートの新規作成] をクリックして、シートに Dashboard という名前を付けます。

  3. さらに 5 つのシートを作成し、Product DetailsCustomer DetailsCustomer LocationInsightsFilters と名前を付けます。

    これで、すべて同じアプリに属する 6 つのシートができました。 Manager dashboard シートは、このチュートリアルの後半で Insight Advisor によって自動生成されるため、作成する必要はありません。

このチュートリアルを完了すると、次のスクリーンショットのようにアプリが表示されます。

さまざまなビジュアライゼーションが含まれる Dashboard シート

チュートリアル終了時のダッシュボード シート

さまざまなビジュアライゼーションが含まれる Product Details シート

完成時の製品詳細シート。

さまざまなビジュアライゼーションが含まれる Customer Details シート

Customer Details シート

さまざまなビジュアライゼーションが含まれる Customer Location シート

完成した顧客所在地シート

さまざまなビジュアライゼーションが含まれる Insights シート

洞察シート

さまざまなビジュアライゼーションが含まれる Manager dashboard シート

マネージャー ダッシュボード シート

Filters

ご覧のように、シートの構成には類似した点があり、最初の 4 つのシートにはフィルター パネルが含まれており、左側に配置されています。このように、アプリの設計には一貫性が必要です。このチュートリアルの役割がさまざまなチャート機能や、Insight Advisor を通じて利用可能な高度な分析を表示することにある場合、Insights および Manager dashboard はこの設計から解除されます。同様に、Filters はチャート作成においてさまざまなフィルターを表示して、データの範囲を制限するために存在します。

複数のシートに表示されるビジュアライゼーションは、見やすさを考慮して同じ位置に配置する必要があります。つまり、ユーザーの目標達成 (データ発見) をサポートするための論理的設計が必要です。設計で重要なのは、配置とビジュアライゼーションの選択です。

適切に機能するアプリを効率的に構築するには、各ビジュアライゼーションが持つ独自のメリットを把握する必要があります。ビジュアライゼーションは、見ればある程度理解できるものであり、

概要や傾向を伝えるにはグラフィック要素が最適であり、限られたスペースに大量の情報を効率的に示すには、テーブルが適しています。この場合、正確な数字は提示できますが、グラフィック表示のメリットである瞬時のわかりやすさは失われます。

次に、最初のシートにビジュアライゼーションを追加します。

詳細を見る

このページは役に立ちましたか?

このページまたはコンテンツにタイポ、ステップの省略、技術的エラーなどの問題が見つかった場合はお知らせください。