タブ バーとボトム ナビゲーション: 維持されるデザイン ルール

プラットフォームの発言

Material Design 3 によると、ナビゲーション バーでは 3 ～ 5 つの目的地にアクセスでき、それぞれにアイコンとラベルがあり、1 つの目的地が常にアクティブになります。 Apple のガイドラインでは、アクションを提供するのではなく、ナビゲーションにタブ バーを使用すること、ユーザーがセクション間を移動するときにタブ バーが表示されるようにすること (モーダルで覆われている場合を除く)、タブのオーバーフローを避けること、と述べています。

タブの選択

タブはアプリの構造を表します。

• すべてのセクションではなく、人々が最も頻繁に使用するセクションを選択してください。
• アクション (「アップロード」) には動詞ではなく、宛先 (「ライブラリ」) には名詞を使用します。
• アクションを画面自体、ツールバー、またはフローティング アクション ボタンに配置します。
• 5 つ以上必要な場合は、「その他」タブを追加する前に構造を再検討してください。

ラベルとバッジ

アイコンのみのタブはスペースを節約しますが、ユーザーに推測を強います。ラベルを使用すると、特にあまり一般的ではないアイコンのナビゲーションが明確になります。バッジは人々が行動する必要があることを示すものでなければなりません。常に存在するバッジが注目されなくなります。

タブごとに状態を保持

Apple は、タブバーを使用すると、各セクション内の現在のナビゲーション状態を維持しながらセクションを切り替えることができると述べています。タブに戻ると、先頭にリセットされるのではなく、中断した場所が表示されるはずです。

モーション

スライドする錠剤や塗りつぶされるアイコンなど、アクティブなインジケーターの小さな変化は、ユーザーが自分がどこにいるかを追跡するのに役立ちます。速度を約 250 ミリ秒未満に保ち、タップするたびにすべてのアイコンが跳ね返ることを避け、モーションの軽減がオンになっている場合は簡素化します。