プロダクト ニュース

Compose Adaptive Layouts 1.2 ベータ版で新たな可能性を広げよう

所要時間: 3 分

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

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

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

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

  • 強力な新しいレイアウト戦略: ベータ版では、リフローリビテートなどの新しいレイアウト戦略が導入されています。これは、Google Pixel 10 Pro FoldSamsung Galaxy Z Fold7、Samsung Galaxy 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

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

適応原則を実践に移す

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

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

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

作成者:

続きを読む