web-dev-qa-db-ja.com

モバイルタブバーのメニュー項目が多すぎる

私のモバイルアプリでは、理想的には、ナビゲーションタブバーに6つのトップレベルボタンを配置します。

  • 概観
  • 追跡
  • 仕事
  • お知らせ
  • 探す
  • メニュー( "ハンバーガー")
    • プロフィール
    • ログアウト
    • 設定
    • アプリ情報
    • 等.

これは1つにすぎて収まらず、まだ使用できませんが、トップレベルのアイテムはどれもハンバーガーに転送するのに適していないようです。また、2つを1つに結合することもできません。それらは「すべて重要」です。 (笑)

私は難しい決断をしなければなりませんか?または、モバイルタブバーにアイテムをたくさん入れすぎる他の方法はありますか?

1
aaaidan

タブバーの横スクロールが利用できます。ただし、これらのタブのどれが絶対に必須で、どれが外出中に使用される可能性が高いかを再検討することをお勧めします。モバイルエクスペリエンスに欠かせないシナリオを優先します。ハンバーガーアイコンに当てはまるものは他にもあります。

2
Ainhoa Ostolaza

ハンバーガーメニューに入れることができるメニュー項目を検討するだけでなく、スペースを節約するために、検索と通知のオプションをアイコン(虫眼鏡やベルなど)にまとめることも検討できます。

しかし、あなたは本当に持っている必要があるアイテムとハンバーガーに一掃できるものについて本当に考えるべきです。

2
Ronit

最良のシナリオでは、1つのアプリに複数のナビゲーションを配置したくないのが理想的です。タブバーまたはハンバーガーメニューのいずれかを選択します。各メニュー項目が何につながるのかを正確に知らなければ、統合する方法を推測することは困難ですが、他の投稿された提案のいくつかでは可能であるように見えます。技術的には、最後のタブ項目は「もっと」にすることができますが、私はいつもそれが警官隊のように感じています。 :)

1
Julia D

6はまだトップレベルのメニューには多すぎると思います。

以下をグループ化します。

  1. 通知/追跡:基本的に、ジョブの概要へのリンクを含むイベントのリスト。
  2. 検索、ジョブリスト、概要(ジョブの概要の場合):デフォルトでは、ユーザーは検索可能なジョブリストを表示します。検索がアクティブになると、検索要求に従ってジョブリストが更新されます。ユーザーがジョブを選択すると、ジョブの概要ページが開きます。戻るには、「左矢印」アイコンを使用できます
  3. プロファイル、設定、アプリ情報、ログアウトなど

私が正しく理解し、それがあなたのニーズに合っているなら、私に知らせてください。

enter image description here

1
Anton T