ナビゲーションバーの一般的なガイドライン

ナビゲーションバーを作成するときは、使いやすさと優れたユーザーエクスペリエンスのために、次の一般的なガイドラインを念頭に置いてください。

タブの数

• ナビゲーションバーには最大 5 つのタブが表示されます。タブが 5 つ以上ある場合は、その他のタブと呼ばれるオーバーフロー タブ ( ) が追加されます。
• ナビゲーションバーを 5 つのタブに制限して、すべてのタブが常に表示されるようにします。

タブタイプ

• デフォルトでは、ナビゲーションバーには [設定] タブと [通知] タブが含まれています。これらのタブを削除することは可能ですが、ユーザーがアプリの重要な情報や機能にアクセスできなくなる可能性があります。
• [設定] タブと [通知] タブを削除するのではなく、ナビゲーション バーに表示される順序を変更することを検討してください。
• [設定]、[通知]、および [保存済み] タブは特定のページに移動するため、各タブは 1 つだけ必要です。複数の画面タブとランチャー画面タブを使用できますが、使用するタブは 5 つ以下にすることをお勧めします。

指定されたユーザーに特定のタブを表示

• ユーザー基準権限を適用して、ユーザーが自分の作業に関連するタブのみを表示するようにします。詳細については、「モバイルアプリでのユーザー基準の権限」を参照してください。
• ユーザーが [設定] タブと [ナビゲーション] タブを使用できる必要があります。

タブ名

• ナビゲーションタブには、コンテキストを示すわかりやすい名前を付けます。[ホーム] や [アプリ] などの一般的な名前は避けてください。
• タイトルには大文字を使用して目立たせます。たとえば、[オープンタスク] などです。

タブ名の長さ

• ナビゲーションバーに表示されるときにタイトルが途切れないように、タイトルの長さを制限します。
• 複数の言語をサポートしている場合は、サポートする各言語のタイトルの長さを考慮してください。
• アプリケーションをテストするときは、ナビゲーションバーに完全に表示されないタイトルに注意してください。

アイコン構成

• ナビゲーションバーのアイコンの色は、アプリケーションのテーマによって決まります。
• 視覚的に一貫性があり、アプリケーションのその部分に表示される機能や情報を最もよく表すアイコンを選択します。
• ユーザーが必要なものをすばやく見つけられるように、複数のナビゲーションタブに同じアイコンを使用しないでください。

オーダー

タブの順序は、重要度レベルでリストする必要があります。この順序は、左から右に記述する言語と右から左に記述する言語で異なります。