タブメニューのラジオボタン

Question

ユーザーがアクセスして、アプリのデータの重み付け方法を設定できる設定メニューを作成しています。重み付けには2つのバージョンがあり、ユーザーはどちらか一方しか選択できません。ただし、他のバージョンで使用可能なオプションがまだ選択されていない場合でも、ユーザーが引き続きそのオプションを表示できるようにしたいと考えています。

タブにラジオボタン（セレクター）を配置することについての考えを知りたい

タブとは別に、2つのバージョンの重み付けのいずれかを選択する。

どちらのバージョンでも、タブが選択されていない場合、一連のスライダーは無効になります。

また、これらの2つのオプションよりも優れた代替方法について考えがある場合、私はすべて耳にしています。

ありがとう！

Answer 1

インターフェースのタブ-物理的な仕切りのように-はclusteringコントロールです。選択のものではありません。

そのため、インターフェースが混乱しています。ユーザーは選択を行ってから、他のタブをクリックできます。じゃあ何？

2番目のオプションでは、タブを無効にしますが、ユーザーはタブをクリックできますか？では、他のオプションを表示するには、まず選択してからタブをクリックする必要がありますか？

クラスタリングコンポーネントではなく、選択コンポーネントを使用することをお勧めします。タブをまとめてドロップし、2つのラジオボタンを使用して、それぞれの下にスライダーをネストし、選択に基づいて1組のスライダーを無効にすることができます。

そのようなオプションはより多くのスペースを取りますが、ユーザーが両方のシステムを見ることが重要であると述べました。

Answer 2

このための一部のデザインには、下にドロップダウンがあり、選択されていないオプションが非表示+無効になっているラジオボタンのリストを含めることができます。

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

または、選択された項目に基づいて変化する、以下の単一の構成パネルを持つラジオボタンリスト

^{bmmlソースをダウンロード}