web-dev-qa-db-ja.com

セグメント化されたコントロールとタブバーの使用

チームのiOSアプリ構造の一般的な可能性を文書化する必要があるので、すべてのナビゲーションおよび制御構造のガイドラインを読みます。
しかし、Segmented Controlsを使用するタイミングとタブバーを使用するタイミングが理解できないようです

iOSヒューマンインターフェイスガイドライン には、

セグメント化されたコントロールは線形のセグメントのセットであり、それぞれが異なるビューを表示できるボタンとして機能します。
セグメント化されたコントロールを使用して、密接に関連しているが相互に排他的な選択肢を提供します。

タブバーにはそれは言う

タブバーを使用すると、アプリのさまざまなサブタスク、ビュー、モードを切り替えることができます。
タブバーを使用して、同じデータセットまたはアプリの全体的な機能に関連するさまざまなサブタスクに関するさまざまなパースペクティブにユーザーがアクセスできるようにします。

使用例(上部にタブ、下部にセグメント化されたコントロール):

examples

したがって、主な違いは、セグメント化されたコントロールが関連するビュー間の切り替え用であり、タブは "sort"表示されたコンテンツ、それは正しいですか?
他のアプリケーションがそれを完全に逆に行うことも見たので、彼らはそれを間違っているのですか、それとも本当に大きな違いはまったくないのですか?

6
Big_Chair

タブはプライマリナビゲーションとして使用され、画面の下部に配置されていますが、セグメント化されたコントローラーは特定の画面内のローカルスイッチに似ており、通常は上部に配置されます。

これらは機能的には非常に似ていますが、下部のタブが重く、より重要なアクションを伝えるという意味で視覚的に異なります。セグメント化されたコントローラーは軽量で、大きさが小さい、または何らかの関連のあるアクションを伝えます。

編集:

例として、linkedInの求人検索アプリケーションの2つの画面

enter image description here および enter image description here


およびApp StoreとiTunes Storeから

enter image description here および enter image description here

10
Ovidiu Berdila

下部のタブバー/メインナビゲーションは、互いに関連しないコンテンツに移動するためのものです。

タブ/セグメント化されたコントロールは、ビューをフィルタリングし、関連するビューを切り替えるためのものです。たとえば、私のオフィスで働いているすべての人のためのディレクトリページがある場合、ページタイトルは「ディレクトリ」になります。それから、私のタブは「Everyone」、「Birthdays」、「Anniversaries」になります。すべてのコンテンツは関連しており、タブ/セグメント化されたコントロールを使用してフィルタリングします。

グーグルはここに素晴らしいガイドラインを持っています: https://material.io/guidelines/components/tabs.html#tabs-usage

2
Jessie