web-dev-qa-db-ja.com

2つのComboBoxの間の選択肢を表示する方法は?

各オプションに特定のComboBoxを使用して、2つのオプション間の選択肢を表示する直感的な方法を検索します。

ターゲットは、ユーザーが定義した特定の分析軸(「部門」または「ビジネスドメイン」)によってロードマップを表示することです。そのため、ラジオボタンについて考えました。そして、ユーザーはこの特定の斧のためにコンボボックス(または何か他のもの)で特定の値を選択する必要があります。

私は次のモックアップについて考えました:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

または、タブごとのComboBoxを使用した「タブ」によるナビゲーション:

mockup

bmmlソースをダウンロード

しかし、内容は各タブで本当に似ています。

ユーザーに直接尋ねることはできず、機能は「緊急」ですが、Nice UXで何かを提供したいと思います。

このようなユーザーの選択/選択についての提案はありますか?

1
Alex

非アクティブなコンボボックスを無効にします。選択したものだけがインタラクティブになるように、表示したままにしますが、グレー表示されます。

しかし、それがコンボボックス付きのラジオボタンに分割されている理由を尋ねることはできますか?ユーザーが実際にどのようなオプションをここで選択していますか?

2
wmassingham

どうですか:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

表形式のビューが推奨されない理由は、ユーザーがすべてのデータを一度に表示できないため、提供されているものを比較できるためです。何が選択され、何が選択されていないかが明確であることを確認してください。また、階層構造にも注意してください。

がんばって!

0
Majo0od

これらのソリューションが機能するかどうかを判断するのは難しいので、状況に応じて適切に機能することを期待してください。

私はおそらくこれを2つのステップに分けます。最初のオプションを選択してから、2番目のオプションを選択します。

enter image description here

しかし、ラジオと選択ボックスの組み合わせは奇妙に見えます(ここでもコンテンツが不明です)。

enter image description here

0

あるタイプのスイッチコントロールを使用して、ユーザーがオプションを選択できるようにすることができます。別のオプションに切り替えると、以下のリストが変更されます。強調表示された部分もリストの良いヘッダーです:
enter image description here

0