AWS、Quick Dashboards にモバイル対応を追加
AWS は Amazon QuickSight のフリーフォームダッシュボードにモバイルレイアウト機能を追加し、ユーザーが手動設定なしでスマートフォンやタブレット上で直感的な縦スクロール体験を得られるようになった。
キーポイント
自動最適化されたモバイルビュー
画面サイズを検知して自動的にシングルカラムの縦スクロール表示に切り替わり、ユーザーはピンチ操作や横スクロールを不要とする。
レイアウトとグループの維持
視覚要素のアスペクト比を保持しつつ、オーバーラップする要素（例：背景に重ねられた KPI）もグループ単位で正しくレンダリングされる。
開発者負担の排除
ダッシュボード作成者は追加の設定やコード変更を行わずとも、モバイルユーザーに対して最適化された表示が自動的に提供される。
重要な引用
Mobile Layout for Amazon Quick Free Form dashboards solves this by automatically rendering dashboards as a single-column, touch-optimized view that fills the device screen.
Visuals fill the screen width, maintain their aspect ratio, and remain interactive.
Authors do not need to make changes for this to take effect.
影響分析・編集コメントを表示
影響分析
この機能は、データドリブンな意思決定を行うビジネスユーザーにとって、外出先や移動中におけるデータアクセスの障壁を大幅に低下させる実用的な進展です。特に、複雑なレイアウトを持つフリーフォームダッシュボードをモバイル環境で利用する際のUX（ユーザーエクスペリエンス）を根本から改善し、現場でのリアルタイムモニタリングの効率化に寄与します。
編集コメント
データ分析ツールのモバイル対応は、現場の意思決定速度を左右する重要な要素です。特に設定不要で自動最適化される点は、運用コストを抑えつつユーザー利便性を高める優れたアプローチと言えます。
日常の意思決定にダッシュボードを活用しているチームにとって、元々大画面向けに設計されたコントロールを操作するためにピンチインやズームを行うのはよくある光景です。朝のスタンドアップで収益を確認したり、会議の合間にパイプライン指標を見直したり、移動中に運用状況を監視したりする際にも、デスクトップ画面用に作られたダッシュボードでは余計な手間がかかってしまいます。
これを解決するのが「Mobile Layout for Amazon Quick Free Form ダッシュボード」です。これは、ダッシュボードをデバイス画面いっぱいに収まる単一カラムのタッチ最適化ビューとして自動的にレンダリングする機能です。ユーザーは、リサイズや横スクロールを行うことなく、すぐにデータにアクセスできます。この Mobile Layout は、現在サポートされているすべての AWS リージョンで利用可能です。
Mobile Layout は、デスクトップ用のキャンバスをデバイスに合わせてサイズ調整された単一カラムの連続スクロール体験へと変換します。視覚要素は画面幅いっぱいに広がり、アスペクト比を保ちながらインタラクティブな状態も維持されます。
この機能を利用するために、作成者が何らかの変更を加える必要はありません。ダッシュボードの利用者は、スマートフォンやタブレットから即座に、摩擦のない形でデータにアクセスできるようになります。ここでは、Mobile Layout の仕組みと、ダッシュボードを最適化するための具体的な方法をご紹介します。
以下のアニメーションは、Mobile レイアウトで開かれたフリーフォームダッシュボードの例です。利用者がスマートフォン上で主要な業績指標（KPI）やチャートを、連続する縦方向のフィードとしてスクロールして確認している様子が描かれています。
モバイルレイアウトの仕組み
モバイルレイアウトは、フリーフォームダッシュボード向けの表示モードです。ユーザーが画面幅の小さいデバイスでフリーフォームダッシュボードを開くと、Amazon Quick が自動的に画面サイズを検知し、モバイル用のビューに切り替えてレンダリングします。これにより、ユーザーは縦方向にスクロールできるシングルカラム形式のフィードを閲覧できます。各ビジュアルは画面幅いっぱいに表示されるように調整されます。
検出基準となるのはデバイスのビューポートです。ビューポートがスマートフォンやタブレットのサイズ範囲内にある場合、モバイルレイアウトが有効になります。一方、より大きな画面では従来のデスクトップ用レンダリングが採用されます。
機能概要
モバイルレイアウトには、フリーフォームダッシュボード向けに以下の機能が用意されています。
連続スクロール。ビジュアルは1 つの列に積み重なるように配置され、それぞれがビューポートの全幅を埋めます。アスペクト比は維持されるため、縦長のビジュアルはそのまま縦長に、横長のビジュアルはそのまま横長のまま表示されます。
グループ認識レンダリング。フリーフォームダッシュボードでは、KPI 値を色付きの背景の上に重ねるなど、複数のビジュアルを重ねて配置するケースがよくあります。モバイルレイアウトはこのグループ境界を尊重し、グループ化されたビジュアルを単一のユニットとしてまとめてレンダリングするため、元のデザインにある階層構造が保たれます。
ユーザー操作。Quick のモバイルアプリでは、組み込みの表示切り替え機能を使って、連続スクロール形式の「モバイルビュー」と、従来の表示である「デスクトップビュー」を自由に切り替えることができます。Web ブラウザ（モバイル版）の場合は、縦向きで表示するとモバイル体験が、横向きで表示するとデスクトップ体験が提供されます。
パフォーマンス向上
Mobile Layout はモバイル端末でのリソース消費を削減する最適化された描画パスを採用しています。これまでスマホでの表示に課題があったダッシュボードも、スムーズに読み込まれ、スクロールできるようになりました。
以下の画像は、同じダッシュボードをデスクトップビュー（左）とモバイルの連続スクロールビュー（右）で比較したものです。
必要な対応
ダッシュボード閲覧者の方へ
特に何も行う必要はありません。Mobile Layout は既存の「フリーフォーム」ダッシュボードですぐに動作します。オンにする設定も、移行作業も不要で、更新する必要もありません。スマホやタブレットでダッシュボードを開けば、すぐにモバイルビューが利用可能です。
作成者および管理者の方へ
こちらも対応は不要です。「フリーフォーム」ダッシュボードの作成者は、公開済みのダッシュボードが小さい画面でも自動的に Mobile Layout で描画されるため、そのまま恩恵を受けられます。一方、「タイル型」や「クラシック」レイアウトを使用している作成者には影響はありません。これらのレイアウトタイプは、従来のレスポンシブ動作を維持します。管理者も設定変更の必要はなく、アカウント内のすべての「フリーフォーム」ダッシュボードで Mobile Layout はデフォルトで有効になっています。
グループを活用してモバイル体験を最適化するには
視覚要素が重なり合うデザインを利用している作成者は、1 つのオプション手順を実行することで、デザインがモバイル環境でも適切に反映されるか確認できます。それは、それらの視覚要素を「グループ」に整理することです。
フリーフォームレイアウトでは、著者は視覚要素を重ねて配置することが一般的です。例えば、KPI 値を色付きの背景の上に置いたり、比較カードをコンテナの上に重ねたりします。
デスクトップ上ではこれらの重なり合う要素は意図通りに描画されますが、モバイル端末ではレイアウトエンジンがどのように処理するかを判断する必要があります。
グループ化を行わない場合、各視覚要素はモバイルスクロール上で独立したカードとして表示されます。背景画像の上に配置された KPI は別々の要素として扱われ、背景が 1 つのカード、KPI がそれぞれ別のカードとして描画されてしまいます。視覚的な情報は正しく表示されますが、重ね合わせの関係性が失われてしまいます。
一方、グループ化を行えば、グループ内のすべての視覚要素は 1 つのユニットとしてまとめて描画されます。背景と KPI はまとまったままになり、著者が設計したバナーとしての姿を維持できます。
フリーフォームレイアウトで視覚要素のグループを扱う方法については、Customizing visuals in a free-form layout のドキュメントをご参照ください。
以下のアニメーションでは、モバイル端末における「グループ化された視覚要素（KPI バナーが 1 つのユニットとして維持される）」と「非グループ化の視覚要素（KPI が別々のカードとして表示される）」の違いを比較しています。
重なり合う視覚要素のグループ化方法
視覚要素をグループ化するには、以下の手順を実行してください。
- Amazon Quick の編集モードで分析を開きます。
- Shift キーを押しながら、一緒に配置したいビジュアル（例えば背景の長方形と、その上にある KPI ビジュアルなど）をすべて選択します。
- コンテキストメニューを開き、「グループ化」を選択します。
シートあたりのグループ数に制限はありません。モバイルでは、各グループが 1 つのビジュアル単位として扱われます。
以下のアニメーションは、右クリックで表示されるコンテキストメニューと「グループ化」オプションを含む Amazon Quick の編集画面を示しています。
モバイルでのビジュアルのサイズ表示について
モバイルレイアウトで連続スクロール時にビジュアルをレンダリングする際、Amazon Quick は以下のルールを適用します。
- 各ビジュアルはビューポートの全幅に広がります。
- アスペクト比が維持されます。縦長の棒グラフは縦長のまま、横長の折れ線グラフも比例して短く表示されます。
- 最小高さ 272 ピクセルが設定されているため、凡例や軸ラベル、ソートボタンなどの要素が見切れることはありません。
- 最大高さの制限により、ビジュアルがビューポートからはみ出ることを防ぎます。
- カラムが多いテーブルは全幅で表示され、横スクロールが可能になります。
もしビジュアルが小さすぎて内部要素を正しく表示できない場合、情報アイコンが表示されます。その場合はデスクトップモードに切り替えるか、端末を横向き（ランドスケープ）にして全体を表示してください。
はじめに
デスクトップ画面向けに設計されたダッシュボードを、スマホやタブレットでピンチイン・ズーム操作することなく閲覧できるようになりました。この「モバイルレイアウト」機能は本日より Amazon Quick で利用可能です。使い方は以下の通りです。
- Quick モバイルアプリを使って、スマートフォンまたはタブレット上でフリーフォームダッシュボードを開きます。
- 連続スクロールビュー内でビジュアルをスクロールして確認します。
- ビュー切り替えツールを使用して、「モバイル」「デスクトップ」「横向き」の各モードを切り替えます。
- ビジュアルが重なっている場合は、分析画面を開いて該当する要素を選択し、コンテキストメニューから「グループ化」を選んでください。
以下の画像は、モバイルアプリに表示されるビュー切り替えコントロールの様子です。
詳細については、以下のリソースをご覧ください。
- Amazon Quick
- Amazon Quick ユーザーガイド
- Amazon Quick コンソール
Quick コンソールのフィードバック機能を通じて、皆様からの意見をお待ちしています。
Rushabh Vora
Rushabh は AWS の Amazon QuickSight でシニアプロダクトマネージャーを務めています。データ分析と可視化における生成 AI 機能の責任者として、組織が自然言語を通じて生データを即座に実行可能なインサイトへと変換できるよう支援しています。これにより、意思決定までの時間を数時間から数分に短縮することを目指しています。技術的な専門知識の有無にかかわらず、すべてのビジネスユーザーがデータ探索やダッシュボード作成を容易に行えるようにすることが、彼の情熱です。
Christopher Lott
Christopher は Amazon QuickSight のシニアソリューションアーキテクトです。企業向けソフトウェアの開発に 25 年の経験を持ちます。カリフォルニア州サクラメント在住で、ガーデニングや料理、航空機（一般用・宇宙用）の愛好、そして世界各国への旅を愛しています。
Nachiketha Sagri Hayavadana Upadhya
Nachiketha は Amazon QuickSight のシニアフロントエンドエンジニアです。QuickSight チームで 6 年以上の経験を持ち、ブランドの一貫性を保ちつつ視覚的に豊かな分析体験を顧客が作成できるよう支援するテーマ機能や、コンテンツ作成のための仕組み構築を専門としています。
Sai Dinesh Garapati
Sai Dinesh Garapati 氏は Amazon QuickSight のフロントエンドエンジニアです。ダッシュボードや分析の作成体験を担当しており、ユーザーがより効果的にダッシュボードを作成・カスタマイズできるよう、インタラクティブな機能の開発に取り組んでいます。
原文を表示
Teams that rely on dashboards for daily decisions often must pinch and zoom to interact with controls originally designed for larger displays. Checking revenue during a morning standup, reviewing pipeline metrics between meetings, or monitoring operations while traveling all require extra effort when the dashboard was built for a desktop screen.
Mobile Layout for Amazon Quick Free Form dashboards solves this by automatically rendering dashboards as a single-column, touch-optimized view that fills the device screen. Readers get immediate access to their data without resizing or scrolling horizontally. Mobile Layout for Free Form dashboards is now available in each supported AWS Region. Mobile Layout transforms the desktop canvas into a single-column, continuous scroll experience sized for the device. Visuals fill the screen width, maintain their aspect ratio, and remain interactive.
Authors do not need to make changes for this to take effect. Dashboard readers get immediate, frictionless access to their data on any phone or tablet. In this post, we show you how Mobile Layout works and what you can do to optimize your dashboards.
The following animation shows a Free Form dashboard opening on a phone in Mobile Layout, with the reader scrolling through key performance indicators (KPIs) and charts in a continuous vertical feed.
Mobile layout explained
Mobile Layout is a rendering mode for Free Form dashboards. When a reader opens a Free Form dashboard on a device with a small viewport, Amazon Quick detects the screen size and renders the mobile view. The reader gets a single-column, vertically scrollable feed of visuals, each sized to fill the screen width.
Detection is based on the device viewport. When the viewport falls within phone or tablet dimensions, Mobile Layout activates. On larger screens, the standard desktop rendering is used.
Capabilities
Mobile Layout includes the following capabilities for Free Form dashboards.
Continuous scroll. Visuals stack in a single column. Each visual fills the full viewport width. Aspect ratios are preserved: portrait-shaped visuals stay tall, landscape-shaped visuals stay wide.
Group-aware rendering. Free Form dashboards often use overlapping visuals (for example, KPI values layered on a colored background). Mobile Layout respects group boundaries. Grouped visuals render together as a single unit, preserving the layered design.
Reader controls. In the Quick mobile app, readers can use a built-in view switcher to toggle between Mobile view (continuous scroll) and Desktop view (the original rendering). On web (mobile browser), portrait orientation renders the mobile experience and landscape orientation renders the desktop experience.
Performance. Mobile Layout uses an optimized rendering path that reduces resource consumption on mobile devices. Dashboards that previously had difficulty rendering on phones now load and scroll smoothly.
The following image shows the same dashboard in Desktop view (left) and Mobile continuous scroll view (right).
Required actions
For dashboard readers: Nothing. Mobile Layout works for existing Free Form dashboards. There is no setting to turn on, no migration to perform, and nothing to update. Open a dashboard on a phone or tablet and access the mobile view immediately.
For authors and administrators: Nothing is required. Authors of Free Form dashboards benefit automatically because their published dashboards already render in Mobile Layout on smaller screens. Authors who use Tiled or Classic layouts are not affected. Those layout types retain their existing responsive behavior. Administrators do not need to configure anything. Mobile Layout is active by default for Free Form dashboards across the account.
Getting the best mobile experience with groups
Authors who use overlapping visuals can take one optional step to verify that their design translates well to mobile: organize those visuals into Groups.
In Free Form layout, authors commonly layer visuals on top of each other. You might place KPI values on top of a colored background, or stack comparison cards over a container.
On desktop, these overlapping elements render as intended. On mobile, the layout engine needs to decide how to handle them.
Without grouping, each visual becomes its own card in the mobile scroll. A KPI that sits on a background image appears as separate elements: the background rendered as one card, each KPI rendered as a separate card. The visuals still render correctly, but they lose their layered relationship.
With grouping, all visuals in the group render together as a single unit. The background and KPIs stay together, preserving the banner as the author designed it.
For documentation on working with visual groups in Free Form layout, refer to Customizing visuals in a free-form layout.
The following animation compares grouped visuals (where the KPI banner stays as one unit) with ungrouped visuals (where KPIs appear as separate cards) on mobile.
How to group overlapping visuals
To group visuals, complete the following steps.
- Open your analysis in Amazon Quick authoring mode.
- Hold Shift and select each visual that should stay together (for example, a background rectangle and the KPI visuals on top of it).
- Open the context menu and choose Group.
There is no limit to the number of groups per sheet. Each group is treated as a single visual unit on mobile.
The following animation shows the Amazon Quick authoring view with the right-click context menu and the Group option.
How visuals are sized on mobile
When Mobile Layout renders visuals in the continuous scroll, it applies the following guardrails.
- Each visual fills the full viewport width.
- Aspect ratios are preserved. A tall bar chart stays tall. A wide line chart stays proportionally short.
- A minimum height of 272 pixels means that chart elements (legends, axis labels, sort buttons) remain visible.
- A maximum height cap prevents visuals from exceeding the viewport.
- Tables with many columns render at full width with horizontal scrolling turned on.
If a visual becomes too short to render its internal elements, an informational icon appears. The reader can switch to Desktop mode or rotate to landscape to view the full visual.
Get started
Mobile Layout removes the need to pinch and zoom on dashboards designed for desktop screens. It’s available today in Amazon Quick. To try it out by following these steps.
- Open a Free Form dashboard on your phone or tablet using the Quick mobile app.
- Scroll through your visuals in the continuous scroll view.
- Use the view switcher to toggle between Mobile, Desktop, and Landscape modes.
- If you have overlapping visuals, open your analysis, select them, open the context menu, and choose Group.
The following image shows the view switcher control on the mobile app.
For more information, see the following resources:
- Amazon Quick
- Amazon Quick User Guide
- Amazon Quick console
We welcome feedback through the Quick console feedback mechanism.
About the authors
Rushabh Vora
Rushabh is a Principal Product Manager for Amazon Quick at Amazon Web Services, where he leads generative AI capabilities for data analysis and visualization. Rushabh focuses on enabling organizations to transform raw datasets into actionable insights through natural language, reducing the time from data to decision from hours to minutes. He is passionate about making data exploration and dashboard creation accessible to every business user, regardless of technical expertise.
Christopher Lott
Christopher is a Principal Solutions Architect for Amazon Quick. He has 25 years of enterprise software development experience. Chris lives in Sacramento, California, and enjoys gardening, cooking, aerospace/general aviation, and traveling the world.
Nachiketha Sagri Hayavadana Upadhya
Nachiketha is a Senior Front-End Engineer for Amazon QuickSight. With over 6 years of experience on the QuickSight team, Nachiketha specializes in building theming capabilities and authoring constructs that enable customers to create visually rich, brand-consistent analytics experiences.
Sai Dinesh Garapati
Sai Dinesh Garapati is a Front-End Engineer for Amazon QuickSight, where he works on Dashboards and analysis authoring experience. He build interactive features that help authors create and customize dashboards more effectively.
関連記事
今日のまとめ
AI日報で今日の重要ニュースをまとめ読み