web-dev-qa-db-ja.com

スクロール可能な下部タブバーが推奨されないのはなぜですか?

bottomタブバーでの水平スクロールが一般的に推奨されないのはなぜですか? iOSとAndroidガイドラインはどちらも推奨しません。

enter image description here

そして、何らかの理由で、スクロールナビゲーションが上部にある場合があります。 (AndroidのタブとiOSのニュース)そして、時々、一番下に近いですか? (iOSカメラ)

enter image description here

推奨されない理由としては、これらの考えられる理由が考えられます。

  • 心理的にそれは私たちの期待に反しています。低いものほど静的で安定していることが期待されます。流体ナビゲーションが画面の上部にあると、より簡単に理解できますが、下部では表示されません。
  • 人間の親指が下に届くのは厄介です。右下のエリアが届きにくい「親指ゾーン」付き。

他の理由はありますか?誰かこれを研究しましたか?考え?

それとも実際に大丈夫ですか?それを正しく行う方法はありますか?うまくいったことはありますか?

6
Nathaniel S

あなたがすでに述べたことを除いて、スクロールする必要がある下部ナビゲーションに非常に多くのアイテムがある場合、何かがおかしいと思います。 Material.ioは理由のために「3-5」に言及しています。それ以上のものは直進するには難しすぎます。さらに、下部のナビゲーションは、アプリのメインページへの直接リンクになることを意図しています。それらに到達するためにスクロールしなければならない場合、それらをそこに置く目的を無効にします。

スクロールナビゲーションは、メインナビゲーション自体ではなく、メインナビゲーションのsubitemsにほぼ排他的に使用されるため、上部でうまく機能します。より細かいものを検索していて、5つ以上のアイテムをスクロールして必要なものを見つけることが期待されるため、このモデルはより適切に機能します。

2
jered

ボトムバーナビゲーションは、ユーザーが簡単にアクセスする必要がある/必要とするアプリの最も重要なビューを対象としています。これらはマテリアルデザインからの参照です(強調は私のものです):

下のナビゲーションは次の場合に使用する必要があります。

  • 同様に重要な3つから5つの最上位の宛先(代替:アプリのどこからでもアクセス可能な永続的なナビゲーションドロワー)

  • アプリのどこからでも直接アクセスする必要のある宛先(代替:1つまたは2つの宛先のみのタブ)

下部ナビゲーションアクションはアイコンとして表示されるため、アイコンと適切に通信できるコンテンツに使用する必要があります。

する:短いラベルを使用する

してはいけないこと:テキストを折り返すラベルを避ける

してはいけないこと:理解を妨げる可能性があるため、テキストラベルを切り捨てないでください。

してはいけないこと:テキストラベルを1行に収まるように縮小しないでください。

これらのルールを適用する場合:5つを超えるボタンを使用しないアイコンを使用する短いラベルを使用する、コンテンツをオーバーフローさせる必要はありません。アイデアは、アプリの最も重要なビューへの必要最小限のリンクを使用して、下部バーをシンプルに保つことです。タブにはこの最小または最大の制限はありませんが。


マテリアルデザイン-下部ナビゲーション

素材デザイン-タブ

マテリアルデザイン-ナビゲーション

5
Alvaro