Menu a discesa o altri input all'interno del gruppo di pulsanti di opzione

Question

Ho preso in carico lo sviluppo di un'applicazione che è sostanzialmente come un enorme questionario. Alcune delle scelte di progettazione hanno portato ad un codice HTML non valido, che sto cercando di correggere. Quello principale è dove un menu a discesa è associato a un pulsante di opzione. Questo menu a discesa (seleziona ingresso) è stato annidato all'interno dello stesso <label>ingresso radio. Durante il tentativo di risolvere questo problema, mi chiedevo se potrebbe esserci un modo migliore per visualizzarlo? Ecco un esempio dall'interfaccia utente corrente:

Scegli una delle seguenti opzioni:

• Radio 1 - menu a discesa con molti valori
• Radio 2
• Radio 3
• Radio 4

Ecco un esempio con un cursore:

Da quanto tempo hai problemi di salute:

• Nessun problema di salute
• Tra 0 e 200 mesi - Input del dispositivo di scorrimento
• Oltre 200 mesi
• Sconosciuto
• Non rilevante

Radio-1 potrebbe avere 20 o più valori. È possibile selezionare solo una delle opzioni, quindi è una domanda in stile pulsante di opzione. Non posso semplicemente inserire le opzioni 2-4 all'interno del menu a discesa in quanto sono irrilevanti e si perderebbero lì dentro. Devono essere visibili all'utente come opzioni alternative, piuttosto che scelte alternative per Radio-1. Spero abbia senso!

Ci sono alcuni modelli di progettazione o risorse a cui potresti indirizzarmi per questo tipo di situazioni?

Qualsiasi aiuto sarebbe molto apprezzato!

Answer 1

Vorrei rivelare gli altri controlli del modulo quando l'utente seleziona il pulsante di opzione:

Nota a margine: evita i cursori e seleziona le caselle: sono difficili da usare.

Answer 2

Sembra un'opportunità per una classica interazione di divulgazione progressiva.

Immagina fin dall'inizio che i tuoi utenti vedano le 4 semplici frasi, una per ogni pulsante di opzione.

Non mostrare ancora loro un elenco a discesa.

Quando l'utente seleziona il pulsante di opzione più in alto (quello con le molte opzioni sottostanti), solo a quel punto l'interfaccia mostra un nuovo campo condizionale (la condizione è: il pulsante di opzione è selezionato).