web-dev-qa-db-ja.com

より深いレベルで下部ナビゲーションをどのように処理しますか?

私たちはハンバーガーナビゲーションをタブバーに変換することを検討しています。現在サイドメニューに項目が多すぎます。3〜4項目のタブバーと、ユーザーがバーに表示されるものをカスタマイズできるメニューが必要です。

メール、タスク、カレンダーなどのいくつかのトップレベルのビューにバーを表示したいのですが、これらのビューの一部はサブビューへのナビゲーションを提供します。混乱を避け、画面を保存するためにそこにタブバーを表示したくありません。スペースですが、私が見つけた唯一の処理方法は、下にスクロールすると非表示になり、上にスクロールすると表示されることです。

これは、私たちのアプリやユーザーにまったく適合しない本当に醜いソリューションだと思います。一般的な代替手段はありますか?すべてのビューに存在するべきではない下部ナビゲーションシステムをどのように処理しますか?

5
kevin

あなたの問題に合うかもしれない一つの解決策は、トップレベルのナビゲーションを制限することによって現在のページに焦点を合わせ続けることです。

たとえば、Facebookはモバイルアプリでこれを行います。

ユーザーが「ニュースフィードタブ」を使用している場合、トップレベルのすべてのナビゲーションがタブに表示されます。ユーザーが投稿(サブレベルのコンテンツ)にドリルダウンすると、ナビゲーションタブが削除され、ユーザーはサブレベルのコンテンツで、バックアウトのオプションがあります。 これにより、全体の階層が明確に保たれます。

タブが表示されている最上位の視覚的な例:

enter image description here

サブレベルの視覚的な例、タブはバックナビゲーションで置き換えられます:

enter image description here

お役に立てれば!

6
RobbyReindeer

下部のナビゲーションを使用してアプリケーションの主要部分間を移動し、それぞれの上部にある「サブカテゴリ」を左または右にスワイプすることで切り替え可能なタブを提供できます。たとえば、Wattpadアプリはこれを行います: Wattpad screenshot

1
Namnodorel