【MotionBoard】知っておくと便利な活用術

ダッシュボードがスッキリ!コンテナ機能の活用

ダッシュボードにたくさんのチャートを配置したら、情報が多すぎてごちゃごちゃに…。
「伝えたいことは山ほどあるのに、どうすればスッキリ見せられるんだろう?」

そんな経験はありませんか?
その悩みをスマートに解決するのが、今回ご紹介するMotionBoardの「コンテナ」機能です。
ここでは、コンテナ機能の基本的な使い方から具体的な活用シーンまで、初めての方にもわかりやすく解説します。
「コンテナ」を活用して、あなたのダッシュボードをワンランク上のものに進化させましょう。

1.コンテナとは?

MotionBoardのコンテナ」とは、複数のアイテム(チャートや集計表、図形など)を一つにまとめて管理できる「入れ物」のようなものです。
レイアウト編集モードのボード編集画面

<レイアウト編集モードのボード編集画面>

上の図は、コンテナ内に複数のアイテムを配置したイメージです。
コンテナを活用すると、タイトルテキストとイメージ、検索条件などをセットで移動させたり、一括でレイアウトやデザインの変更ができたり、といったことができるようになります。
このように、複数のアイテムをグループ化して操作できるので、ボード構築作業を効率化できる便利な機能です。

STEP

コンテナの基本的な使い方の流れ

  1. コンテナを作成する
    ボード編集モードで、アイテムツールバーから[コンテナ]を選択し、必要な場所に配置します。

  2. アイテムを配置する
    コンテナ内にアイテムをドラッグ&ドロップします。

  3. 調整する
    コンテナ全体のサイズや位置を調整し、背景色などを設定します。

HOWTO

コンテナの使い方

コンテナの使い方の詳細は、つぎのコンテンツで確認できます。

2.コンテナの活用TIPS

ここでは、ごく一部ではありますが、コンテナの活用シーンをいくつかご紹介します。
具体的な設定方法は、「参考」内のコンテンツで確認できます。

【基本編】:まずはここから!基本的な活用

関連する複数のアイテムを一つのコンテナ内にまとめることで、ボード全体を見やすく整理し、レイアウトを整えやすくなります。
関連アイテム単位でレイアウトをまとめる例

<関連アイテム単位でレイアウトをまとめる例>

参考
 eラーニングを利用するには、Customer Success Academyへのログインが必要です。
  ログイン方法の詳細は「eラーニング はじめてガイド」で確認できます。

【応用編】:もっと便利に!一歩進んだ活用

コンテナを活用することでユーザーにとって使いやすいインターフェースを提供できます。
活用TIPS #01
ボタン操作でコンテナの表示・非表示を切り替えることで、表示を切り替える動的なダッシュボードを実現できます。
ボタンをクリックして検索画面を表示する例

<ボタンをクリックして検索画面を表示する例>

ボタンをクリックして画面のメインエリアを切り替える例

<ボタンをクリックして画面のメインエリアを切り替える例>

活用TIPS #02
コンテナをデフォルトサイズより大きなサイズの高さに設定することで、コンテナにスクロールバーを表示でき、スペースを有効活用して必要な情報を表示できます。
タイトルを固定したまま、画面をスクロールする例

<タイトルを固定したまま、画面をスクロールする例>

【その他の活用効果】:知っておくと便利なこと

コンテナの使用場所を確認するには?

コンテナを使って、1つのレイアウト(区画)に複数のアイテムを配置している場合、[レイアウト編集]ボタンをクリックしたときに、区画の左上に左図のようなアイコンが表示されるので、コンテナの使用場所を確認したいときの目安にできます。

レイアウト編集の状態をボードとコンテナで切り替えるには?

コンテナを配置しているボードで設定したレイアウトによっては、レイアウト編集ボタンをクリックすると、ボード自体のレイアウト編集ではなく、コンテナ内のレイアウトが編集できる状態で表示される場合があります。

その場合、Ctrlキーを押しながら操作すると、ボード自体のレイアウト編集ができるようになります。
その他、MotionBoardのデザインテクニックやワンポイントアドバイスをわかりやすくお届けしている、『ゆみちゃんねる動画もぜひご活用ください。