ダッシュボード モバイル ビュー

モバイル デバイスで表示することを目的としたダッシュボードは、デスクトップで表示するダッシュボードと同じ設計にしてはなりません。 ダッシュボードを作成する場合は、モバイル デバイスでの表示に最適なモバイル ビューを個別に作成することができます。 ダッシュボードのモバイル ビューがデスクトップ ビューを補完するようにして、シンプルな設計を維持することをお勧めします。 ダッシュボードのモバイル ビューを設計するには、エンド ユーザーを十分に把握することから始めます。 モバイル ビューを作成する際には、次のベスト プラクティスを検討してください。

エレメント数の制限

モバイル デバイスの画面はデスクトップよりも小さいので、データの視覚化に使用できるスペースが限られています。 ダッシュボードのモバイル ビュー内の視覚的要素の数が多すぎると、十分な集中力を確保できなくなる可能性があります。 ダッシュボードのモバイル ビューでエレメント数を最小限に抑えると、エンド ユーザーにターゲットを絞った情報を維持することができます。

また、埋め込みコンテンツ エレメントをモバイル ビューで使用しないようにして、他のアプリケーションをダッシュボードに埋め込みます。 埋め込みコンテンツを含むダッシュボードが読み込まれると、その埋め込みコンテンツも読み込まれるので、さらに多くのデータとリソースが使用されます。

ビューのレイアウトを最適化

モバイル デバイスの画面上のスペースが限られているため、すべてのエレメントを 1 つのページに配置することが常に最適とは限りません。 モバイル ビューのレイアウトを構成する際には、エレメントのグループ化と積み重ねを行って、ダッシュボード上の複数のページによく似たレイアウトを作成します。 積み重ねを行うと、エレメントのタブ付きビューが作成されるので、ユーザーはモバイル デバイス上でタップするだけで簡単にタブを切り替えることができます。

テキストの最小化

情報を明確に伝えるために、ダッシュボードのモバイル ビュー内のテキスト量を最小限に抑えることをお勧めします。 ダッシュボードのモバイル ビューにテキストを挿入する際のベスト プラクティスのいくつかを次に示します。

  • 必要でない限り、ダッシュボードにヘッダーを追加しないでください。 モバイル ビューでは、ヘッダーにテキストと画像しか挿入することができません。
  • 各エレメントのタイトルと説明に配置するテキストの量を制限します (または、これらの領域からテキストを完全に除外します)。
  • すべてのエレメントで [最終更新の表示] オプションを無効にしておきます。 モバイル ビューには更新間隔が存在しないので、データが最後に更新された日時を知ることはモバイル ユーザーにとって重要ではありません。

モバイル デバイスの画面に合わせて構成

モバイル デバイスを使用しているユーザーは、ほとんどの場合にタッチ スクリーンでダッシュボードを操作します。 つまり、タッチ スクリーン上で必要最小限の操作を簡単に実行できるようにする必要があります。 エレメントを構成する際のベスト プラクティスのいくつかを次に示します。

  • パイ チャートとシリアル チャートで [ホバー テキスト] オプションを無効にします。
  • マップの操作レイヤーでポップアップを無効にします。 モバイル デバイス上で 1 つのフィーチャをタップすることは難しい操作です。モバイル デバイスの画面には、マップの上にポップアップを表示できるスペースがありません。
  • 小さい画面上で 1 つのデータ ポイントをタップするのが難しくなるため、データ ポイントが密集しているチャートおよびマップをアクションのソースとして使用しないようにします。

シンプルな視覚的要素の作成

モバイル デバイスの画面サイズは詳細の分析には適していないので、モバイル ユーザーが詳細な視覚化を必要とすることはほとんどありません。 その代わり、モバイル デバイスに表示されるダッシュボードは、情報伝達パフォーマンスと値に関するものです。 多くの場合、インジケーターゲージは、最適な視覚化要素になります。インジケーターとゲージを使用すると、情報をすばやく理解し、それに応じたアクションをすぐに実行することができます。

モバイル対応のマップを作成

ダッシュボードのモバイル ビューでは、マップをできるだけシンプルにする必要があります。 モバイル対応のマップを作成する際のベスト プラクティスのいくつかを次に示します。

  • ダッシュボードのモバイル ビューに配置するマップは最大で 1 つにする必要があります。 これにより、ダッシュボードの読み込み時間が短縮され、モバイル デバイスにダウンロードされるデータの量が少なくなります。
  • マップを 1 つの操作レイヤーに制限し、必要最小限のフィーチャだけが含まれ、背景のベースマップと対比してシンボルが目を引くようにします。 これにより、マップがわかりやすくなり、マップの描画速度が上がり、ネットワークに接続されているデバイスにダウンロードされるデータの量が少なくなります。