Skip To Content

スマートフォン上のダッシュボード

モバイル用途のダッシュボードを設計する際に考慮すべき最重要事項は、そのダッシュボードを既存のダッシュボードと互いに競合するものや既存のダッシュボードの代わりになるものにしてはならないという点です。また、モバイル ダッシュボードは、それだけですべてがまかなえるものではなく、他のダッシュボードを補完するものにしなければなりません。モバイル ダッシュボードを設計する際には、他のダッシュボードの場合と同様、次のようにエンド ユーザーを十分に把握することから始める必要があります。

  • そのユーザーの組織内での役割は何か?
  • どのような状況でそのモバイル ダッシュボードが使用されるか?
  • モバイル データへのアクセスによって達成される組織の目標は何か?

スマートフォンに表示されるダッシュボードは極力シンプルなものにしなければなりません。

ユーザーの多くは詳細な視覚化をほとんど必要としないので、エレメント間の対話を少なくする必要があります。スマートフォンの小さい画面は、詳細な分析には適しません。また、モバイル ユーザーは座った姿勢で操作を行わないことやダッシュボードで対話操作を開始するのにマウスなどの入力デバイスを使用しないことがよくあるため、その点も考慮する必要があります。モバイル ダッシュボード内の視覚的要素の数が多すぎると、十分な集中力を確保できなくなる可能性があります。ダッシュボードをもう 1 つ作成することを検討してください。

モバイル ダッシュボードに関しては、視覚的要素の数が少ないほど、大きい効果が得られます。

スマートフォンの例

モバイル ダッシュボードはデスクトップ ダッシュボードと比べてスペースが小さいため、見て美しいインターフェイスを作成したり、ユーザーが一目見ただけで必要な答えを得られるようにしたりすることは困難です。この対応策として、色を効果的に使用する方法があります。背景色と前景色のコントラストを使用することは有効な手法の 1 つです。色のコントラストを使用すると、メトリクスと範囲外ポイントがより引き立ちます。

モバイル ダッシュボードの多くは、情報伝達パフォーマンスに関するものです。多くの場合、インジケーターとゲージは、この目的において最適な視覚化要素になります。インジケーターとゲージを使用すると、情報をすばやく入手し、それに応じた操作をすぐに実行することができます。

ヒント:

  • チャートを表示する場合は、テキストとグリッドの使用を制限します。
  • 量が多すぎて情報をすばやく入手できない視覚化要素を制限または回避します。詳細、リスト、凡例がこれに当たります。

ベスト プラクティス

モバイル ダッシュボードを設計する際の一般的なベスト プラクティスは次のとおりです。

  • 写真の向き (縦または横) を選択し、それに合わせて設計します。ダッシュボードのエレメントはディスプレイを 100 パーセント占有するように設計されているため、ディスプレイの縦横比が変化しても、それに合わせて再配置されません。
  • 多くのデスクトップ ブラウザー (Chrome など) に組み込まれたツールを使用して、モバイル デバイス上のダッシュボードの外観とよく似た外観を入手できる点を有効に活用します。ダッシュボードを構築する際には、定期的にこれらのツールを有効にして、外観を把握し、必要に応じてサイズ、テキスト、色を調整します。
  • 実行時にダッシュボードのエレメントを拡張してディスプレイいっぱいに表示できる点を有効に活用します。
  • エレメントを分類して積み重ねるダッシュボードの機能を有効に活用します。ただし、乱用はしないでください。これらの機能を乱用して、デスクトップ ダッシュボードをスマートフォン用に再作成しようとしてはなりません。使用する場合は、スタック (タブ) の名前を変更して、そのコンテンツを反映させる必要があります。
  • ダッシュボードにエレメントを追加する際には、タイトルや説明などの不要なテキストを追加してはなりません。
  • 必要でない限り、ダッシュボードにヘッダーを追加しないでください。
  • 各エレメントのタイトルと説明に配置するテキストの量を制限します (または、これらの領域からテキストを完全に除外します)。
  • すべてのエレメントで [最終更新の表示] オプションを無効にします。
  • パイ チャートとシリアル チャートで [ホバー テキスト] オプションを無効にします。

マップと凡例におけるベスト プラクティスは次のとおりです。

  • マップは、できるだけシンプルなものにする必要があります。背景のベースマップと対比してシンボルが目を引く 1 つの操作レイヤーでのみ構成されるマップが理想的です。これにより、マップがわかりやすくなり、マップの描画速度が上がり、デバイス上でネットワーク接続の速度が遅い場合に、そのデバイスにダウンロードされるデータの量が少なくなります。
  • 操作レイヤーでポップアップを無効にします。スマートフォン上で 1 つのフィーチャをタップすることは難しい操作です。スマートフォンには、デスクトップほど、マップの上に情報ウィンドウを表示できるスペースがありません。
  • 更新間隔が必要かどうかを検討してください。モバイル ダッシュボードの多くは、一度開いた後、表示する情報を入手するとすぐに閉じます。
  • モバイル ダッシュボードにマップを追加する際には、検索、レイヤーの表示設定、凡例、ベースマップ スイッチャーなどのマップ ツールを有効にしないでください。これらのツールがモバイルで必要になることはほとんどありません。
  • モバイル ダッシュボードで使用されるマップはわかりやすいシンプルなものにしなければならないため、マップの凡例エレメントを追加する必要はありません。

対話型のダッシュボードにおけるベスト プラクティスは次のとおりです。

  • ダッシュボードの操作が最小限で済むようにする必要があります。
  • セレクターを多用してはなりません。セレクターを使用する場合は、ダッシュボードのヘッダーではなく、ダッシュボードをスライド オーバーするように構成されたサイド パネルに配置してください。


このトピックの内容
  1. ベスト プラクティス