水平スクロールメニューまたはタブバー？

Question

IOS、AndroidおよびWindowsプラットフォームをサポートするモバイルアプリケーションを開発しています。

アプリは「セクションナビゲーション」で構成されています。セクションナビゲーションとは、次のようなさまざまなセクションがあることを意味します。
1。 Maps
2。評価
3。探す
etc.etc

合計で8〜10のセクションがあり、各セクションでユーザーを新しい画面に移動すると想定しています。それらの一部は、左上隅に閉じるボタン（「X」アイコン）のあるオーバーレイを開く場合があります。

ミニマリストなデザインを保ちたい。私には2つの選択肢がありました。
1。「その他」タブのあるタブバー。
2。すべてのオプションが配置された水平スクロールバー。

しかし、私はどちらが美的に魅力的であるか混乱しています。タブバーは少し古臭く見え、水平スクロールバーはミニマリストのデザインの反対側にあります。

しかし、最近デザインが更新されたアプリ Zomato を見ました。画面の右下隅に「+」アイコンが配置されており、タップするとメニューオプションが表示されます。私はまた、このウェブサイトで iPhone App：Tab Bar vs. Dashboard（aka Grid Navigation。or both？ and Alternative to the tab bar（in iPhone app）にもアクセスしましたが、どういうわけか、クエリを解決できませんでした。

これはナビゲーションデザインに関連するものであり、多数の独断的な回答が私のアプリにたくさんのものを試し、テスターからいくつかの役立つレビューを得るのに役立ちます。

tohster · Answer

オプションから始めましょう...

異種オプションがあります。つまり、オプションはすべてかなり異なります。 mapsはratingsとは大きく異なるため、searchとは大きく異なります、ユーザーが多くの異種オプションを処理することは容易ではありません。
アイテムが同じ種類であるhomogeneousオプションと比較してください。 8-10の同種オプションの場合、ユーザーは各項目の違いを正確に把握しているため、ユーザーが長いメニューをスクロールするのは少し簡単です。フィルターは、スクロールが効果的である同種のアイテムの優れた例です。

ナビゲーションバーを設計するための最新のアプローチ

のようなものになるでしょう...

最初に、オプションの数を5以下に減らすことはできますか？はいの場合、簡単なタブまたはアイコンバーを使用できます。ここにInstagramのものがあります：
できない場合は、もう一度お試しください、本当に。
本当に削減できない場合は、以下のパターンのいずれかを選択してください。

8-10個のモバイルナビゲーションアイテムのデザインパターン

それらを一度にすべて表示します。これがYelp Androidホーム画面（最近まで））です：
最も一般的な4つまたは5つのセクションを選択し、ドロップダウンメニューまたはドロワーメニューを使用して残りのセクションを非表示にします。 4〜5個のアイテムをタブまたはアイコンとして表示できます。 Facebookはハンバーガーメニューでこのアプローチを使用していますが、水平または垂直の楕円（...）も人気です：
さまざまな理由で効果が低い他のパターンは次のとおりです。
- ハンバーガーメニューのすべてのナビゲーションリンクを非表示にします。
- 水平スクロールメニューを使用します。これは、ユーザーの混乱やフラストレーションを起こしやすいため、静的メニューよりも効果的ではありません（ページの読み込み時にスクロール位置がリセットされますか？ユーザーはメニューをスクロールしたことを覚えていない場合があり、スクロールする方向を忘れる場合があります）。

Nuno cruz · Answer

私は、ユーザーがいる場所に優れた視覚的インジケーターを備えた水平スクロールを使用し、混乱しないように常にバーを常に画面の中央/画面に配置するコードを使用します。このようにして、ユーザーは移動先のオプションのメニューをすばやくスワイプできます。

理想的には、これについて大規模な調査を行うのが最善です。できればいいのですが、小グループのテストのみに頼ることができます。記事と研究を終えたら、私の回答を私の発見で更新します。

Ameen Akbar · Answer

最近のモバイルアプリでは珍しいことではないので、水平スクロールを使用しています。 "+"または 'more'を追加してアンカーすることで、ユーザーが少し水平方向にスクロールして、画面が水平方向にスクロールできることがわかります