アプリにユーザーが移動できる複数のデスティネーションが含まれている場合は、他のアプリで一般的に使用されているレイアウトとナビゲーションの組み合わせを採用することをおすすめします。多くのユーザーはすでにこれらの組み合わせのメンタルモデルを持っているため、アプリをより直感的に操作できます。
レイアウトとナビゲーションの組み合わせ
ナビゲーション バーとモーダル ナビゲーション ドロワーは、親レイアウト ビューとプライマリ ナビゲーションの宛先のプライマリ ナビゲーション パターンとして使用されます。
ナビゲーション バーには、同じ階層レベルの 3 ～ 5 個のナビゲーション移動先を配置できます。このコンポーネントは、大画面のナビゲーション レールに変換されます。
ナビゲーション ドロワーには 6 つ以上のナビゲーション先を含めることができますが、ナビゲーション バーほど理想的なパターンではありません。これは、コンパクト サイズでは上部のバーに手を伸ばす必要があるためです。
マテリアル 3 のタブとボトム アプリバーは、メイン ナビゲーションを補完したり、子ビューに表示したりするために使用できるセカンダリ ナビゲーション パターンです。
ここでは、タブは兄弟コンテンツをグループ化するセカンダリ ナビゲーション レイヤとして機能します。
レイアウト アクション
ユーザーがアクションを実行できるようにするコントロールを提供する。一般的なパターンには、トップバーの操作、フローティング アクション ボタン（FAB）、メニューなどがあります。
最も重要な操作には、FAB を使用して、ユーザーに大きく目立つボタンを提供します。このレベルでは、一度に 1 つのアクションのみを提供します。FAB は、複数のサイズとラベルを含む展開された形式で表示できます。Scaffold を使用して FAB を固定し、スクロールしても常に表示されるようにします。
ユーザーが植物を植物ギャラリーに追加できるフローティング アクション ボタン（FAB）
セカンダリ アクションは、トップバー内に配置するか、関連コンテンツの近くにグループ化されている場合はページ内に配置できます。
すぐに必要になったり、頻繁に必要になったりしない追加のアクションは、オーバーフロー メニューに追加します。
アダプティブ ナビゲーション
ウィンドウ サイズクラスに適したレイアウトを使用します。サイズ間で同じボトム ナビゲーション バーを使用しないようにします。
すべきこと
すべきでないこと
中サイズの画面では、ナビゲーション レールまたは水平ナビゲーション アイテムを使用できます。
コンパクトなナビゲーション レールは、カバー画面でより人間工学的に優れている可能性があります。大きなカバーでは、どちらのナビゲーションの向きも利用できます。ユーザーがコンテンツをどのように操作するかを検討します。