web-dev-qa-db-ja.com

iPhoneサイドナビゲーションとタブバーナビゲーション

モバイルアプリを設計するときに、サイドナビゲーションを使用する場合(使用しない場合)の「経験則」はありますか? (例: http://interactb.in/post/26070029431/i-personally-support-the-mobile-side-navigation-trend )。

私が設計しているアプリには、かなり少量のページ/セクション(約3)が含まれています。これは、標準のiphoneタブバーにうまく収まる可能性があります。ただし、タブバーをきれいにすることで、コンテンツへのフォーカスが向上し、アプリが少し流行に見えるようになります。サイドナビゲーションの方が多くのセクションがあるアプリに適しているのかと思います。

6
Roostermaster

経験則ほど簡単ではありませんが、ユースケースによって異なります。考慮すべき点がいくつかあります。たぶん、以下のリストが決定に役立つでしょう:

サイドナビゲーション

  • 3〜4個を超えるナビゲーションアイテムで引き続き機能します
  • ネストされたナビゲーションを表示するために使用される可能性があります
  • あまり使用されないナビゲーションオプションに適しています
  • ナビゲーションオプションが3つ以上あり、使用頻度の低いエリアの場合

タブバー

Google+ iPhone App

  • 通常は修正されます(つまり、スクロールしません)
  • すばやく直接アクセス(サイドナビゲーションの場合は1クリック以上)
  • 通知を含めるのに適しています(下記を参照、Facebookの友達リクエスト)
  • わかりやすいアイコンまたはテキストと組み合わせたアイコンが必要
  • 垂直方向のビューポートスペースを縮小します(自分をだますのではなく、サイドナビゲーションもどこかに住む必要があります。)
  • ナビゲーションオプションが3つ以下の場合は、ナビゲーションとしてのみ使用
  • 非常に頻繁に使用される機能に使用および必要に応じてサイドナビゲーションと組み合わせる

どちらも

Facebook iPhone App

Facebook iPhoneアプリは3つの異なるナビゲーションを使用します(概念を判断しようとはしていません)

  1. 長いスクロールサイドナビゲーションすべてのナビゲーションオプション+検索
  2. 固定タブバー最も頻繁に使用されるアイテムとイベント通知用
  3. スクロールタブバースクロールしても消える重要な機能

2013年10月更新:
Facebookは最近、iPhoneアプリのナビゲーションを変更し、以前使用していた2つのナビゲーションコンセプトに加えて、静的タブバーを導入しました。

4
greenforest

固定タブバー:ユーザーが頻繁にビューを切り替えることが予想される場合は、固定タブバーを使用する必要があります。従来の使用法では、常にビューを切り替える必要があります。また、1つのタブのダイヤルパッドや別のタブの連絡先リストなど、ユーザーにさまざまなビューを高度に認識させたい場合も同様です。設定ビューのように、アクセス頻度が低いと予想されるビューには、上部のタブ構造でアクセスしないでください。通常、タブバーはスクロールに追従します。

3つは固定タブバーを使用するのに適した数です。短く簡潔に表現するようにしてください。

サイドナビゲーション(ナビゲーションドロワー):詳細ビューからトップビューへのアクセスを提供する場合は、サイドナビゲーションを使用します。たとえば、リストアイテムの詳細にアクセスしても、ユーザーは別のパースペクティブに切り替えることができます。最初に最初のビューに戻る必要はありません(固定タブバーで必要になります)。また、互いに直接接続されていないビュー間の直接アクセスを提供する場合も同様です。このコントロールは、ビューのセットが大きい場合に使用します。3つを超えると、考え始めるのに適した数になります。また、アプリに深いナビゲーションブランチがある場合。

3
AndroidHustle

いい質問です-私はしばらくこれに対処してきました。私の知る限りでは、研究の観点から決定的な答えはありません。たくさんのオプションがありますが、あなたが知っていると思います。

ネイティブドロップダウンを使用しない理由についてのベイマードの説明を知っています http://baymard.com/blog/mobile-dropdown-navigation

私の好みは、これをユーザーにとって可能な限り簡単にすることです(明らかに)。たとえば、ますます標準的なGUIになりつつあるナビゲーションを示す標準の「3」行がある場合、ユーザーはそれをクリックするかドラッグすることをどのようにして知るのでしょうか。横からスワイプする理由(*認識)は、ユーザーがジェスチャーを使用してナビゲーションを簡単に取り除くことができるためです。

参考までに、feedlyアプリでは、ユーザーが最初にアプリに入ったときに最初にサイドナビゲーションを「開き」、ナビゲーションが横にあることを示します。

1
UserConversion

他の優れた答えに追加するだけで、タブバーがさまざまなセクションをすぐに公開し、ユーザーがアプリが提供するものをはるかに迅速に評価できるようにします。

統計に示されているように、アプリは数秒の注意持続期間しかなく、その後ほとんど削除または無視されるため、これは重要です。

1
Dvir Adler