モバイルファーストのダッシュボード設計 — Phone・Tabletレイアウト最適化

導入

PCで完璧に見えるダッシュボードも、スマートフォンで開くと文字が小さすぎて読めない、という経験をしたことはないでしょうか。Tableauではデバイスごとのレイアウトを個別に設計する仕組みが用意されており、モバイルユーザーへの対応が実務でも重視されるようになっています。

なぜ重要か

モバイルダッシュボードはDA試験（Tableau Certified Data Analyst）の「共有とコラボレーション」ドメインで問われるテーマで、Tableau Cloudの普及に伴い重要性が年々高まっています。Desktop Specialistでは触れられないDA試験固有の配信手段として位置づけられています。

実務でも営業現場・経営層・フィールドワーカーがスマートフォンでダッシュボードを確認するシーンが常態化しており、モバイル向けのレイアウト設計ができないと「せっかく作ったダッシュボードが現場で使われない」という事態を招きます。Desktop・Tablet・Phoneの3レイアウトを個別に制御できるTableauの仕組みは、一度理解すれば強力な武器になりますが、設定手順を知らないと「PC用レイアウトがそのままスマホに送られる」という誤解にはまりがちです。

この単元でデバイスプレビューの使い方と表示/非表示制御の仕組みを押さえておくと、次の「マーク選択アクション」でのインタラクティブ設計へのつなぎも自然になります。

くわしく知ろう

Tableauのダッシュボードにはデバイスプレビューという機能があり、Desktop・Tablet・Phoneの3種類のレイアウトを個別に定義できます。デバイスプレビューは、ダッシュボード編集画面の上部メニューから切り替えられるようになっています。

Phoneレイアウトを有効にすると、スマートフォンでアクセスしたときに専用のレイアウトが自動的に表示されます。Phoneレイアウトでは縦長の画面に合わせて、シートを縦方向に一列に並べる構成が基本になります。PCレイアウトで横並びにしていたグラフを縦に積み直したり、サイズの大きいビズを上部に持ってきて一覧性を確保したりといった調整が必要になります。

TabletレイアウトはPhoneとDesktopの中間に位置し、iPad等の横長の画面を想定しています。Desktopレイアウトをベースにシートのサイズや余白を調整する程度で対応できる場合が多いですが、タッチ操作に配慮してフィルターやボタンのサイズを大きめに取ることが推奨されています。

重要な点として、各デバイスレイアウトで非表示にしたシートは、そのデバイスでアクセスした際に表示されなくなります。たとえば情報密度の高い詳細表をDesktopのみ表示し、PhoneではKPIのみ見せるといった使い分けが可能です。レイアウトを設定しない場合、TableauはデフォルトのDesktopレイアウトをすべてのデバイスに配信します。

具体例で理解する

たとえば営業チームが外出先からスマートフォンでダッシュボードを確認するシーンでは、Phoneレイアウトで当日の訪問件数と売上額のKPIカードだけを縦に並べ、詳細グラフはDesktopレイアウト専用に設定しておくと、モバイルでの視認性が大幅に向上します。

試験での出題パターン

【パターン1：Phoneレイアウトの有効化手順を問う問題】

「スマートフォン向けのレイアウトを設定する際に正しい説明はどれか」という形式で、「専用の別ワークブックを作成する必要がある」「DesktopレイアウトがPhoneを設定すると削除される」「Tableau Cloudのみで利用できる機能である」などの誤った選択肢が並びます。正解は「デバイスプレビューからPhoneレイアウトを有効にすると、スマホアクセス時に専用レイアウトが自動表示される」というDesktopとの共存を前提とした挙動です。

【パターン2：デバイス別の表示/非表示の伝播範囲を問う問題】

「特定シートをPhoneレイアウトでのみ非表示にした場合の動作はどれか」という形式で、そのデバイスだけ非表示になるという挙動を選ばせる問題が頻出です。全デバイスに伝播するわけではない点が要注意で、デバイス別に情報量を最適化できる点を理解しておくことが大事です。

【パターン3：レイアウト未設定時の挙動を問う問題】

Phone/Tabletレイアウトを設定していない場合、TableauがデフォルトでDesktopレイアウトをそのデバイスに配信するという挙動も出題されます。「Tableau Cloud限定」などの混同パターンに注意しましょう。

よくある間違い・紛らわしいポイント

【別ワークブックを作成する必要があるという誤解】

×「スマホ向けには専用ワークブックを別途作成する必要がある」→○「1つのダッシュボード内にDesktop/Tablet/Phoneの3レイアウトを同居させられる」。編集はデバイスプレビューから切り替えて行い、1つのワークブックで複数デバイスに対応するのが基本です。

【Phoneレイアウト設定でDesktopが上書きされる誤解】

×「Phoneレイアウトを有効にするとDesktopレイアウトが上書きされる」→○「各レイアウトは独立しており、Phoneを設定してもDesktopには影響しない」。デバイスに応じて配信されるレイアウトが自動的に切り替わる仕組みで、各レイアウトの編集も独立しています。

【シート非表示が全デバイスに伝播する誤解】

×「Phoneレイアウトで非表示にすると全デバイスで非表示になる」→○「各レイアウトの表示/非表示は独立、そのデバイスだけ非表示になる」。デバイスごとに情報密度を最適化できる点がこの機能の本質的な強みです。

まとめ・試験ポイント

• Tableauは Desktop / Tablet / Phone の3種類のデバイスレイアウトを個別定義できる
• デバイスプレビュー＝ダッシュボード編集画面上部のメニューから切り替え
• Phoneレイアウト＝縦長画面に合わせてシートを縦一列に並べる設計が基本
• 各デバイスレイアウトでシートの表示/非表示を個別に制御できる
• レイアウト未設定のデバイスにはDesktopレイアウトが配信される
• 試験ではPhone/Tabletレイアウトの有効化手順と非表示制御の仕組みが問われやすい