プロダクト ニュース

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

所要時間: 3 分

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

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

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

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

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

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

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

あらゆる画面でより多くのユーザーの関心を引き付ける

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

adaptive2.png

これは、Compose Adaptive Layouts 1.2 ベータ版の強力な新機能である reflow などの動的レイアウト戦略の背後にある基本原則であり、これらの UI の構築に役立ちます。たとえば、マルチペイン レイアウトを採用することから始めるのがおすすめです。リストとその対応する詳細ビューを並べて表示することで、タップ数を減らし、ユーザーがタスクをより迅速に完了できるようにします。

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

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

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

material.png

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

適応原則を実践に移す

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

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

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

作成者:
続きを読む