web-dev-qa-db-ja.com

タブバーの代替(iPhoneアプリ)

私には、旅行、天気など、8つの異なる領域があるプロジェクトがあります。フロントページには8つの異なるアイコンがあります。各セクションに移動します。次に、上記の8つの各領域内の4〜8個のオプション用のタブバーのようなものが必要になります。

Appleのガイドラインでは、全体に標準のタブバーがないことはノーノーですが、統一されたタブバーに25のオプションがあることは、私がこのルートに行くのであればUXの悪夢になるでしょう。

他に私が使用できるものについて何かアイデアはありますか、またはAppleがアプリのセクションごとに異なるタブバーを使用する場合、アプリを実際に拒否するかどうかを知っていますか?

4
Bannywhey

情報アーキテクチャの問題に対処し、アプリケーションに必要なこの多くのプライマリおよびセカンダリナビゲーションオプションに影響があると判断したという仮定に基づいて、複数のオプションをタブパネル(または同様のオプション)に表示するには、いくつかのルートがあります。コントロール)。

ここの最初の例はSnapseedのものです。

enter image description here

ここでは、従来のタブパネルの代わりに、スクロール可能なオプションのリストを用意することにしました。 Appleがクリスマスの12日間でこのアプリを配布したことを考慮してくださいおそらくアプリでこの種のナビゲーションが許可されていると仮定して保存します(ただし、確信が持てません)これらの事!)。

2番目のオプションは、実際のApple iPod Music appからのものです:

enter image description here

ここで、「お気に入り」メニューオプションを下部のプライマリナビゲーションにドラッグし、使用頻度の低いものを[詳細]リンク内に残しておくことができます。

8
JonW

ナビゲーションバーはiPhoneアプリでは非常に一般的であるため、ユーザーがより簡単に理解して操作できます。

プロジェクトには8つの異なる領域があるかもしれませんが、おそらくそれらのうち3-4だけが本当に重要で頻繁に使用されます。この場合、最初の3〜4個のタブを使用し、最後に「その他」タブを追加します。これにより、残りのオプションを含むメニューが開きます( SXSWの新しい=を参照) Android app )または、可能であれば、これらの4つのセクションを一緒に含むページにリダイレクトします。

すべてのセクションが等しく重要な場合は、次のことを試すことができます。

  1. 「スワイプ可能」ナビゲーションタブ( Grouponのアプリのように、「Now」 内)。この方法を使用する場合は、スワイプの「アフォーダンス」を作成することを忘れないでください(たとえば、最後のタブを半分表示して、最後にフェードアウトし、横にドラッグできることを意味します)。
  2. サイドからスライドインする別のナビゲーションペイン( FacebookのネイティブアプリとWebアプリ など)。

何をするにしても、すべての画面で、ユーザーがどこにいるか、どのようにナビゲートするかが簡単にわかるようにしてください。

その他のナビゲーションオプションについては、こちら モバイルパターンギャラリー をご覧ください。

5
Yosef Waysman