Dropdowns oder andere Eingaben innerhalb der Optionsfeldgruppe

Question

Ich habe die Entwicklung einer Anwendung übernommen, die im Grunde wie ein riesiger Fragebogen ist. Einige der Designoptionen haben zu ungültigem HTML geführt, das ich zu beheben versuche. Das wichtigste ist, wo ein Dropdown mit einem Optionsfeld verknüpft ist. Dieses Dropdown-Menü (Eingang auswählen) wurde im selben Format <label>wie der Funkeingang verschachtelt . Beim Versuch, dies zu beheben, habe ich mich gefragt, ob es einen besseren Weg gibt, dies anzuzeigen. Hier ist ein Beispiel aus der aktuellen Benutzeroberfläche:

Wählen Sie eine der folgenden Optionen:

• Radio 1 - Dropdown mit vielen Werten
• Radio 2
• Radio 3
• Radio 4

Hier ist ein Beispiel mit einem Schieberegler:

Wie lange haben Sie schon gesundheitliche Probleme:

• Keine gesundheitlichen Probleme
• Zwischen 0 und 200 Monaten - Slider-Eingabe
• Über 200 Monate
• Unbekannt
• Nicht relevant

Radio-1 kann 20 oder mehr Werte haben. Es kann nur eine der Optionen ausgewählt werden, daher handelt es sich um eine Frage im Stil eines Optionsfelds. Ich kann die Optionen 2-4 nicht einfach in die Dropdown-Liste einfügen, da sie irrelevant sind und dort verloren gehen würden. Sie müssen für den Benutzer als alternative Optionen und nicht als alternative Optionen für Radio-1 sichtbar sein. Hoffe das macht Sinn!

Gibt es einige Entwurfsmuster oder Ressourcen, auf die Sie mich für solche Situationen hinweisen könnten?

Jede Hilfe wäre sehr dankbar!

Answer 1

Ich würde die anderen Formularsteuerelemente anzeigen, wenn der Benutzer das Optionsfeld auswählt:

Randnotiz: Vermeiden Sie Schieberegler und Auswahlfelder - sie sind schwer zu verwenden.

Answer 2

Klingt nach einer Gelegenheit für eine klassische progressive Offenlegungsinteraktion.

Stellen Sie sich vor, Ihre Benutzer sehen von Anfang an die 4 einfachen Sätze, einen für jedes Optionsfeld.

Zeigen Sie ihnen noch keine Dropdown-Liste.

Wenn der Benutzer das oberste Optionsfeld auswählt (das mit den vielen zugrunde liegenden Optionen), muss Ihre Benutzeroberfläche erst zu diesem Zeitpunkt ein neues, bedingtes Feld anzeigen (Bedingung: Das Optionsfeld ist ausgewählt).