ティア 2 - 適応型最適化
ユーザーにとって、ユーザー インターフェースはアプリです。UI はユーザー エクスペリエンスを決定し、ユーザー エクスペリエンスはユーザーの満足度、アプリの使用状況、アプリの購入、顧客維持率を決定します。
大画面では、革新的で適応性のある UI を表示する広大なスペースが提供され、小画面では再現できない UX を実現できます。
次の UI 要素を含めて、アプリを大画面向けに最適化します。
- ナビゲーション レールまたはナビゲーション ドロワー
- タップ ターゲットが大きい
- 適切な場所に配置されたメニューとダイアログ
- マルチペイン レイアウト
アダプティブ レイアウト
大画面と小画面の両方でアプリの UI を最適化するアダプティブ レイアウトを作成します。複数のフォーム ファクタを同時に設計、構築します。新しいデバイスタイプに対応した将来を見据えたアプリ。
正規レイアウト
実績のあるアダプティブ レイアウトを活用して、アプリの UX を優れたものにしましょう。リスト詳細レイアウト、サポート ペイン レイアウト、フィード レイアウトを作成して、コンテンツをより管理しやすく、より楽しめるようにします。
レスポンシブ UI
ディスプレイ サイズに基づいて UI 要素の形式を合わせます。小画面で全幅サイズのボタン、カード、テキスト フィールドの幅を、大画面で機能的に適切なサイズに制限します。ダイアログ ボックスなどのモーダル ウィンドウがディスプレイいっぱいに表示されないようにします。コンテキスト メニューなどの要素に関連するポップアップ表示は、画面の中央ではなく、ユーザーが選択した要素に隣接するように配置します。
アクティビティの埋め込み
大画面でマルチペイン レイアウトを使用して、アクティビティ ベースのレガシーアプリを更新します。コードのリファクタリングは必要ありません。レイアウトは XML で構成するか、Jetpack WindowManager API 呼び出しをいくつか使用して構成します。
次のステップ
最適化された UX のための UI 開発については、次のデベロッパー ガイドをご覧ください。