web-dev-qa-db-ja.com

サブレベルでタブ付きの下部ナビゲーションバーを使用しても問題ありませんか？

私は、6つのトップレベルの宛先があり、そのうちの4つにサブレベルがあるマテリアルデザインを使用してデザインおよびアプリを作成しようとしています。

  1. それらの5つに下部ナビゲーションバーを使用し、プロファイル、ログアウト、およびヘルプとポリシーなどのいくつかのオプションと共に6番目のものをサイドナビゲーションに配置しても問題ありませんか？
  2. サブレベルのトップタブをボトムナビゲーションおよびサイドナビゲーションとともに使用しても問題ありませんか？
  3. IOSアプリにも同じデザインを使用することはできますか？
material-designsidebartabbottom-navigation
2
Gaurav Gaikwad

下部のナビゲーションバーを使用してもまったく問題ありません。また、現在のスマートフォンのサイズ（高さ）を考慮して使用することをお勧めします。

親指は、ほとんどのユーザーが片手操作に使用する主要な指であり、下部のナビゲーションにより、親指は別の手を必要とせずにほぼすべての主要メニューオプションに簡単にアクセスできます。

例：

Facebook、WhatsApp、YouTube：

enter image description here

2
DPS

まず、タブとナビゲーションドロワーの使い方を理解しましょう。

タブは、ユーザーに同様の重要度のデータを同時に表示する場合に使用されます。ナビゲーションドロワーは、重要ではあるが互いにあまり関連していないデータを保持するために使用されます。 SO最初に関連パターンで情報をグループ化することをお勧めします。次に、最も関連性の低い情報をナビゲーションドロワーに配置します。カードを使用して、レベル2のグループ化を表示できます。これらのカードには、カテゴリの名前で、いずれか1つをクリックすると展開されます。これにより、UIをきれいに保ち、必要に応じて将来さらにサブカテゴリを追加できます。参考のために、次を参照してください。- https：/ /ux.stackexchange.com/a/111223/10504

IOSでも同じレイアウトを維持しても問題ありませんが、変更は少なくなります。追加のリソースについては、次のリンクを確認できます： https://medium.com/@jrejaud/developing-for-Android-vs-ios-navigation-patterns-c0e11286562c

1
Angiras Joshi