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