Alla ricerca di alternative o miglioramenti per l'elenco a discesa / menu sui siti Web

Question

Gli elenchi a discesa, i menu e le caselle combinate sono tutti elementi dell'interfaccia utente molto comuni. Gli utenti sono abituati a vedere questi elementi nelle applicazioni native e talvolta nelle app Web, ma presentano alcuni problemi.

1. Devi puntare il mouse. Alcuni menu si chiudono quando si esce dal mouse e alcuni hanno sottomenu che si desidera mirare ad espandere.

2. Non puoi vedere le opzioni senza prima puntare il mouse.

Queste sono le cose principali che mi preoccupano, forse altre persone notano anche altri problemi. Normalmente non utilizzo affatto i menu a discesa se posso farne a meno.

Il problema è che a volte voglio presentare un lungo elenco di opzioni in uno spazio limitato. Il numero 2 è un sacrificio che sono disposto a fare, ma voglio sapere se qualcuno ha qualche trucco per rendere questi menu a discesa più facili da usare. Forse qualcuno ha inventato un nuovo stile di controllo dell'elenco.

Sono sicuro che se questi tipi di controlli mi infastidiscono, allora infastidiscono di più gli utenti del mio sito.

Answer 1

Potresti provare qualcosa come Mac OS / X ha per la sua barra delle applicazioni, simile alla barra di selezione su YouTube. Penso che il termine comune sia una barra a bolle in cui le immagini piccole si animano più grandi mentre il mouse si sposta su di esse, ma si riducono a una dimensione tale che tutti gli elementi sono visibili quando il mouse non è sopra il controllo.

Answer 2

Hmm.. Un'altra cosa che mi dà fastidio sull'elenco a discesa è l'incapacità di controllare la loro larghezza mentre si espande con il testo (o è qualcosa di cui non sono a conoscenza?).

Per un supplente, penso a un piccolo popup che inizialmente mostra un elenco di opzioni disponibili sotto forma di indice alfabetico e quando l'utente fa clic su un collegamento alfabetico, visualizza le opzioni pertinenti tra cui scegliere. Ciò ridurrà le opzioni tra cui scegliere.

Alle stesse condizioni, possiamo usare ajax per creare al volo le opzioni man mano che l'utente digita.

Answer 3

@Nrj width = '20px' manterrà il menu a discesa compresso a una larghezza di 20px. Il problema è che Inernet Explorer mostra anche l'elemento espanso con questa larghezza, mentre tutti gli altri browser che ho incontrato finora ti mostreranno il menu completo.