プロダクト ニュース

Compose アダプティブ レイアウト 1.2 ベータ版で新たな可能性を広げよう

所要時間: 3 分

Google Pixel 10 Pro Fold のような新しいフォーム ファクタが Android エコシステムに加わることで、スマートフォン、タブレット、折りたたみ式デバイス全体で高品質なユーザー エクスペリエンスを実現するには、アダプティブ アプリ開発が不可欠になります。ユーザーは、アプリの UI がさまざまなサイズや姿勢にシームレスに適応することを期待しています。

こうした動的なエクスペリエンスをより効率的に構築できるよう、Compose アダプティブ レイアウト ライブラリ 1.2 が正式にベータ版に移行したことをお知らせします。このリリースでは、拡大するデバイス エコシステム向けに洗練されたレスポンシブ UI を作成するための強力な新ツールが提供されます。

キャンバスを広げる強力な新ツール

Compose アダプティブ レイアウト ライブラリは、さまざまなウィンドウ サイズに対応する UI を構築するための基盤となるツールキットです。この新しいベータ版リリースには、洗練されたレイアウトをより少ないコードで作成できる強力な機能が満載されています。主な追加機能は次のとおりです。

  • 強力な新しいレイアウト戦略: ベータ版では、リフローやリビテートなどの新しいレイアウト戦略が導入されています。これらの戦略は、Google Pixel 10 Pro Fold、Samsung Galaxy Z Fold7、Z Flip7 などのデバイスの外部ディスプレイとインナー ディスプレイの両方で美しく表示されるダイナミック レイアウトを構築するのに役立ちます。
  • 新しいウィンドウ サイズクラス: 新しい「大」と「特大」のウィンドウ サイズクラスのサポートが組み込まれました。これらの新しいブレークポイントは、タブレットや大型の折りたたみ式デバイスなどの大画面で、リッチなマルチペイン UI の変更を設計してトリガーするために不可欠です。
new-pane-adaptation.webp

2 つの新しいペイン適応戦略: リフロー(左)と浮遊(右)

変更点の完全なリストについては、公式リリース ドキュメントをご覧ください。標準レイアウトとサポート ペイン レイアウトの作成に関するガイドをご覧ください。

あらゆる画面でより多くのユーザーにアピール

適応型の考え方を取り入れることは、ベスト プラクティスというだけでなく、成長戦略でもあります。目標は、アプリを大画面で動作させるだけでなく、ユーザーにとってより直感的になることでアプリを輝かせることです。単に 1 列のレイアウトを拡大するのではなく、余ったスペースをより効率的で没入感のあるエクスペリエンスの作成に活用する方法を検討してください。

adaptive2.png

これは、Compose アダプティブ レイアウト 1.2 ベータ版の強力な新機能である reflow などの動的レイアウト戦略の背後にある基本原則です。この機能は、このような UI の作成を支援するために設計されています。たとえば、マルチペイン レイアウトを採用することは、優れた出発点となります。リストとその対応する詳細ビューを並べて表示することで、タップ数を減らし、ユーザーがタスクをより迅速に完了できるようにします。

このような思慮深い適応型開発こそが、エンゲージメントを真に高めるものです。#TheAndroidShow の最新エピソードでもご紹介したように、スマートフォンと大画面の両方でアプリを使用しているユーザーは、エンゲージメントが 3 倍近く高くなっています。適応型に構築することで、既存のユーザーの満足度を高めるだけでなく、価値が高く魅力的なエクスペリエンスを生み出し、ユーザーの長期的なロイヤリティを構築して、新規ユーザーの獲得にもつながります。

折りたたみ式からデスクトップまで、拡大する Android エコシステム

このアダプティブ デザインへの移行は、Android エコシステム全体に及んでいます。新しい Google Pixel 10 Pro Fold から最新の Samsung Galaxy 折りたたみ式デバイスまで、デベロッパーは 5 億台を超える大画面デバイスで、拡大し続けるユーザーベースにアプローチできます。

material.png

また、現在デベロッパー プレビューで試すことができるコネクテッド ディスプレイのような、将来を見据えたエクスペリエンスへの投資を継続しているのも、そのためです。この機能により、アプリが動作する新しいサーフェスとインタラクション モデルが実現し、真のデスクトップ クラスの機能とマルチインスタンス ワークフローが可能になります。以前に、コネクテッド ディスプレイ デベロッパー プレビューの概要と、マルチデバイス エクスペリエンスの未来をどのように形作っていくかについてご紹介しました。

適応原則を実践に移す

この適応型の未来に向けてアプリの準備を進めたいデベロッパーは、次の重要なベスト プラクティスを念頭に置いてください。

  • 在庫を把握する: まずは、現状を把握します。大画面デバイスまたは Android Studio のサイズ変更可能なエミュレータでアプリをテストし、UI の引き伸ばしやユーザビリティの問題など、改善すべき領域を特定します。
  • 最適化されたレイアウトをサポートする: Compose アダプティブ レイアウトなどのライブラリを使用して、さまざまなウィンドウ サイズやデバイスの姿勢に適応する UI を構築します。アプリは、向きを制限することなく、縦向きと横向きの両方で適切に動作する必要があります。
  • タッチ以外の操作も考慮する: 優れたアダプティブ エクスペリエンスとは、すべての入力方法をサポートすることです。これは、基本的な機能を超えて、マウスカーソルのホバー状態、右クリックのコンテキスト メニュー、キーボード ショートカットのサポートなど、ユーザーが期待する細部まで考慮したものです。

アプリの可能性は、もはや 1 つの画面に限定されません。大画面のデザイン ギャラリーとアプリの品質に関するガイドラインを今すぐご覧になり、アプリの可能性を広げましょう。developer.android.com/adaptive-apps では、あらゆる折りたたみ式デバイスやフリップ式デバイス、画面に対応したアプリを構築するために必要な、デザイン パターン、公式ガイドライン、サンプルアプリをご覧いただけます。

作成者:
続きを読む