このページは Cloud Translation API によって翻訳されました。

UX

Tier 2 - 大画面向けに最適化

ユーザーにとって、ユーザーインターフェースはアプリそのものです。UI によってユーザーエクスペリエンスが決まり、ユーザーの満足度、アプリの使用状況、アプリの購入、顧客維持率が決まります。

大画面では、小画面では再現できない UX を提供する革新的な適応型 UI に広大な表示スペースを使用できます。

次の UI 要素を追加して、大画面向けにアプリを最適化します。

ナビゲーションレールまたはナビゲーションドロワー
大きなタップターゲット
適切な位置に配置されたメニューとダイアログ
マルチペインレイアウト

アダプティブレイアウト

大画面と小画面の両方でアプリの UI を最適化するアダプティブレイアウトを作成します。複数のフォームファクタ向けに同時に設計、ビルドします。新しいデバイスタイプに対応した将来を見据えたアプリ。

正規レイアウト

実績のある大画面レイアウトを活用して、アプリの UX を優れたものにしましょう。リスト詳細、補助ペイン、フィードレイアウトを作成すると、より多くのコンテンツを管理しやすく、より楽しく利用できます。

レスポンシブ UI

画面サイズに基づいて UI 要素の形式を合わせます。小画面で全幅サイズのボタン、カード、テキストフィールドの幅を、大画面で機能的に適切なサイズに制限します。ダイアログボックスなどのモーダルウィンドウが画面いっぱいに表示されないようにします。コンテキストメニューなどの要素に関連するポップアップ表示は、画面の中央ではなく、ユーザーが選択した要素に隣接するように配置します。

アクティビティの埋め込み

大画面でのマルチペインレイアウトを使用して、アクティビティベースのレガシーアプリを更新します。コードのリファクタリングは必要ありません。XML でレイアウトを構成するか、Jetpack WindowManager API 呼び出しをいくつか行います。

次のステップ

UX を最適化するための UI 開発については、次のデベロッパーガイドをご覧ください。