it-swarm-eu.dev

Qual è il miglior posizionamento per una casella "Altro"

Se ho un menu a discesa con diverse opzioni, l'ultima delle quali è un'opzione "Altro" e voglio avere una casella di testo associata a tale opzione, quale pensi sia il posto migliore per metterla? Ecco le idee che ho avuto:

1) A destra del menu a discesa, senza etichetta

testo alternativo http://rookery5.aviary.com/storagev12/3435000/3435452_8424_625x625.jpg

2) Sotto il menu a discesa, con un'etichetta

testo alternativo http://rookery5.aviary.com/storagev12/3435000/3435427_4634_625x625.jpg

3) Sotto il menu a discesa, senza etichetta

testo alternativo http://rookery5.aviary.com/storagev12/3435000/3435438_4634_625x625.jpg

Anche qualsiasi altra idea è benvenuta, sto solo cercando di decidere quale sia il modo migliore.

EDIT: Come suggerito da Jon W, il contenuto "Altro" verrebbe visualizzato solo se l'opzione fosse selezionata. Altrimenti, sarà nascosto tramite script.

11
Charles Boyung

Sebbene sarei pienamente d'accordo sul fatto che # 2 sia il migliore (con lo script-avvertimento, ovviamente), se consideri l'esperienza interattiva creata visualizzando la casella "Please Specify" solo dopo "Altro" è stato scelto, vedrai che l'etichetta potrebbe essere meno necessaria di quanto si pensi.

Ho delineato un mini prototipo interattivo di tutte e tre queste opzioni, nonché un quarto, che posiziona l'etichetta per il campo di testo dentro del campo.

Li ho messi qui: http://yoni.me/ops

Consiglio di provare ognuno di loro, per avere un'idea di quale sia la vera esperienza. Idealmente, potresti fare alcuni test utente, ma a parte questo, almeno sai cosa stai scegliendo tra.

~ yoni

12
Yoni

Penso che il secondo sia il migliore dei tre.

Forse se dovessi aggiungere qualche script alla pagina in modo che la casella "Specificare" non venga visualizzata a meno che non venga scelto "Altro" dal menu a discesa. In questo modo non ci sarebbe alcuna confusione per l'utente se avesse selezionato un'opzione valida dal menu a discesa e poi si chiedessero cosa avrebbero dovuto fare con questa casella 'Specifica'.

3
JonW

Includi il campo "altro" con un'etichetta. Questa è la tua opzione 2.

Ciò garantisce che tutte le persone saranno in grado di utilizzare il modulo.

Un metodo di progettazione è progettare il modulo senza interattività, proprio come un modulo cartaceo, e renderlo il più chiaro e utilizzabile possibile. Quindi (e solo allora), aggiungi funzionalità dinamiche in cui ciò migliorerà l'esperienza dell'utente.

Seguendo questo approccio, il progetto iniziale avrebbe un campo con l'etichetta "Se altro, specificare". È quindi possibile aggiungere interattività facendo apparire e scomparire il campo e la sua etichetta quando appropriato. Potresti voler riformulare l'etichetta, ma qual è il vantaggio di rimuoverlo del tutto?

Altri hanno suggerito di inserire l'etichetta all'interno nella casella di testo. (Ad esempio, nella tua opzione 1.) Questo può funzionare ma è difficile da ottenere.

2
Bennett McElwee

Escluderei l'opzione 3 per mancanza di prompt. Direi che la scelta tra le opzioni 1 e 2 dipende in gran parte dal layout generale della pagina.

Un altro criterio IMO è quello di far apparire il campo "per favore spezzy" senza ridimensionare la pagina su tutto o far spostare altri elementi nella pagina.

Ancora una cosa: aggiungerei un prompt per l'opzione 1, in questo modo:

Showing Prompt in 'Please Specify' field

1
Hisham Abboud

Quando un utente deve digitare, non dovrebbe fare anche una scelta "altro". L'utente ha già esaminato tutte le scelte e si sta impegnando a digitare. Digitare qualcosa nella casella "altro" può reimpostare la scelta a discesa su vuota o disabilitarla.

0
Chris

Puoi provare a rimuoverlo tutto insieme. Di recente ho disegnato un modulo in cui mi sono liberato della scatola "title - other". Ho preso l'idea da flickr e abbiamo creato un campo modificabile in cui l'utente può inserire qualsiasi titolo di cui abbia bisogno selezionando l'opzione "altro" nell'elenco a discesa. In questo modo, abbiamo rimosso un campo aggiuntivo e un lungo elenco di titoli nel menu a discesa. Vorrei poter allegare una foto, non abbastanza reputazione ancora qui :)

0
user10430

Utilizzando JavaScript dovresti essere in grado di sostituire il menu a discesa con un input di testo ogni volta che un utente seleziona l'opzione Altro.

Ovviamente dovrai aggiungere un × posizionato a destra dell'input di testo che lo ripristinerà al valore predefinito <select> quando fai clic su di esso. Non inserire × all'interno del campo di immissione del testo perché gli utenti mac si aspetteranno che il contenuto del campo venga cancellato onclick. E ricorda di aggiungere una descrizione comandi (usando ad esempio un attributo title) quando un mouse dell'utente posiziona il × che spiega il suo scopo.

Per rispondere alla domanda: il posizionamento migliore è sopra di esso (visivamente è una commutazione).

0
Knu

Tendo a farlo come nell'opzione 1, ma metto i due punti alla fine di "Altro:".

In questo modo è coerente con le etichette originali all'estrema sinistra, perché una volta selezionato è essenzialmente quello che diventa questo campo. Suggerisce inoltre all'utente che avranno la possibilità di inserire le specifiche che inizialmente non sono ovvie.

Pete

0
Pete Williams