web-dev-qa-db-ja.com

iOSサイドバーメニューと戻るボタン

サイドバーメニューを使用する場合、アプリの「ナビゲーション」ヘッダーにメニューボタンを配置して、ユーザーがサイドバーを見つけやすくすることをお勧めします。

メニューボタンはサイドバーのように左側にあり、すべてのビューに表示されます。

ここで、ビューがマスター詳細ナビゲーションをもたらすとしましょう(たとえば、ビューはコンテンツの一部にのみ固有の詳細を提供します)。したがって、ナビゲーションヘッダーに[戻る]ボタンを表示する必要があります。

問題は、「戻る」ボタンと「メニュー」ボタンの両方をレイアウトする方法です(どちらも左側にあります)。

  1. メニューボタンを非表示にしたくないので、ユーザーにアクセス方法を考えさせる必要がないので、
  2. 戻るボタンを右側に表示したくないので、ひどいので、
  3. メニューボタンを右側に表示したくないので、ひどいので、
  4. 私はフッターに戻るボタンを入れたくありません、それはさらに悪いことに、
  5. 私は右側のサイドバーが好きではありませんが、それはオプションかもしれません、
  6. IOS用Gmailで使用されているアプローチが好きではありません。戻るボタンを表示するときにサイドバーを無効にします。
  7. Google+のアプローチ(フルスクリーン、モーダル、詳細ビュー)は、私が一般的なソリューションとして使用するものではありません。

私が考えることができる「それほど不愉快ではない」解決策は、メニューバーを左端に配置し、そのすぐ右に戻るボタンを配置することです(たぶん、2つを分離する薄い垂直バーがあるのでしょうか?)。

何かアドバイス?

2
ftartaggia

ええと、少なくとも2つの解決策が思い浮かびます。おそらくそのうちの1つがあなたに役立つでしょう。

1左側に戻るボタンとハンバーガーアイコンを配置します。これは悪い考えではありません。この解決策を提供するアプリをいくつか使用しており、クリック可能な領域で問題は発生しません。不器用な指のユーザーでも右ボタンをクリックできると思います。

enter image description here

  1. ヘッダーの右側にボタンを配置する-これも一般的な方法ですが、左側に多くの場所を配置します。

enter image description here

さまざまなカテゴリの大量のコンテンツを含むアプリを設計している場合は、すべてのページにハンバーガーアイコンが本当に必要かどうかを再考する必要があります。

2
steppenwolf

私は上記に同意します-それらの周りに十分なクリアスペースがあれば、これらの要素を左側に配置するのに十分な余地があります。細い棒を追加してそれらを分割することはお勧めしません。これは、要素を追加することで問題を悪化させるだけだからです。

右側にメニューのハンバーガーがあるのがひどいと思う理由がわかりません。うまくいくと思いますし、A/Bテストの機会は常にあります。

試してみます。

0
Alphabeticaa