web-dev-qa-db-ja.com

iOSのトップナビゲーションの戻るボタンとメニューボタン

ユーザーにサイドメニューを使用してアプリをナビゲートしてもらいたいと考えています。

ユーザーがアプリのメインページを離れると、メニューボタン(ナビゲーションの左上隅)が戻るボタンに変わります。

しかし、私たちのアプリのコンテンツは十分に豊富であるため、ホームに戻るために、またはメインページに移動するために、上部ナビゲーションに常に表示されるメニューボタンも必要だと思います。ユーザーは、グローバルメニューボタンがなければ、「戻る」を永久にタップしてしまう可能性があります。ただし、必ず戻るボタンも必要です。

誰かが実行可能な解決策を考えることができますか?おそらくこれのような代替のナビゲーションオプションを見た人はいますか:enter image description here

何か助けてくれてありがとう!

8
emily

「メニュー」ボタンの横の「戻る」は、これに対する最も一般的なアプローチではありません。ただし、Twitterが実装する作成などの他のアクションの横での検索は見ましたが、プライマリメニューアクションの横では何も見ていません。

アプローチとしては、ナビゲーションバーの下にあるセカンダリナビゲーションを使用して、ユーザーがセカンダリ画面をスワイプできるようにする方法があります。これにより、コンテンツにプッシュセグエ/モーダルを必要とするアクション(通常は閉じるまたは戻るボタンを必要とする)がない限り、アプリのどこからでもメニューにアクセスできます。ユーザーが通常それを期待することを考えると、そのアプローチには問題はありません。 enter image description here

2
jnmnrd

他の答えは問題と戦うためのさまざまな方法ですが、それらは最善ではないかもしれません。画面の領域のため、セカンダリナビゲーションバーを実装すると、実際にはユーザーエクスペリエンスが損なわれます。

他の種類のメニューよりもサイドメニューが必要な理由を検討したことがありますか。私がこれを尋ねる理由は、Vineのようなドロップダウンメニューがあると、はるかに便利でシンプルになるからです。あなたができることは、タイトルラベルの隣に小さな矢印を表示し、ユーザーがそれをタップすると矢印が下に回転し、メニューがナビゲーションバーの下にスライドすることです。以下は、始めるのに役立つ2つの優れたサードパーティライブラリです。

1) https://www.cocoacontrols.com/controls/navigation-men

2) https://github.com/romaonthego/REMen

ただし、サイドメニューが本当に必要な場合は、ジェスチャーの使用をお勧めします。ユーザーがメニューにアクセスしたい場合は、ナビゲーションバーの任意の場所で長押し/押しジェスチャーを行い、右にスライドしてサイドメニューを表示できます。彼らが最初にアプリをダウンロードするときに、これを説明できます。

1
VAlexander

問題の(ハンバーガー)メニューは、hub-and-spokesナビゲーションパターンでハブへのバックナビゲーションをサポートしています。

An illustration showing the hub and spokes pattern

戻るボタン(単に前のレベルに移動する)とは異なり、メニューを選択せず​​に、元の画面(メニューアイコンをクリックした場所)に戻ることができるという便利な機能があります。

以下を検討してください。

  • あなたが提案しているのは、実際にはホームボタンです。ハンバーガーボタンの規則には従いません。
  • 各画面に表示される場合、その機能は紛らわしいになる可能性があります-一部のユーザーは、ボタンに前のレベルオプションが表示されると想定する場合があります。ハブのものではありません。
  • 一部の画面(機能画面など)では、単純なsaveまたはcancelが必要になる場合がありますオプションのみ(モーダル/行き止まり/トイレ画面-入力したら、元の場所に戻る必要があります)。つまり、一部のアプリケーションでは禁止したいユーザーが帰宅します。
  • あなたは症状を治しているではなく、問題の根本を扱っています。つまり、アプリケーションに階層が深すぎるがあるということです。 Spotifyについて考えてみてください。現在、階層の多くのレベル(私が誤っていない場合は6)を下に移動し、[戻る]ボタンを何度も押す必要があります。 Appleがこのような深い階層に対抗するには、すべてのアーティストのアルバムを含むナビゲーション画面を表示する代わりに、すべてのアルバムと曲を同じ画面に配置し、深度ナビゲーションではなくスクロールに依存します。

これはすべて、そのような提案が理想的ではないと主張することです。

1
Izhaki

最初の画像で気に入らないのは、戻るボタンがメニューボタンの隣にあることです。ユーザーが誤ってメニューボタンを押したときに、そのボタンを押したり、逆に押したりするのを見ました。

サイドメニュー内で検索を移動し、戻るボタンを上部ナビゲーションバーの右側に移動するのはどうですか?

Menu

これは、Facebookアプリケーションで表示されるものと同様のアプローチです。 Facebook

0
Kevin Anderson