tabla opciones listas lista formulario dinamicas desplegable años controls drop-down-menu usability menu

controls - opciones - listas dinamicas html



Buscando alternativas o mejoras para desplegar listas/menús en sitios web (3)

Las listas desplegables, los menús y cuadros combinados son elementos de interfaz de usuario muy comunes. Los usuarios están acostumbrados a ver estos elementos en aplicaciones nativas y, a veces, en aplicaciones web, pero hay algunos problemas con ellas.

  1. Tienes que apuntar el mouse. Algunos menús colapsan cuando sacas el mouse, y algunos tienen submenús que tienes que apuntar para expandir.

  2. No puede ver las opciones sin apuntar el mouse primero.

Estas son las principales cosas que me preocupan, tal vez otras personas notan otros problemas también. Normalmente no uso menús desplegables si puedo evitarlo.

El problema es que a veces quiero presentar una larga lista de opciones en un espacio limitado. El número 2 es un sacrificio que estoy dispuesto a hacer, pero quiero saber si alguien tiene algún truco para facilitar el uso de estos menús desplegables. Tal vez alguien haya inventado un nuevo estilo de control de lista.

Estoy seguro de que si estos tipos de controles me molestan, molestarán más a los usuarios de mi sitio.


@Nrj width = ''20px'' mantendrá el desplegable desplegable a un ancho de 20px. El problema es que Inernet Explorer también muestra el elemento expandido con este ancho, mientras que todos los demás navegadores que he encontrado hasta ahora le mostrarán el menú completo.


Hmm ... una cosa más que me molesta de la lista desplegable es la incapacidad de controlar su ancho a medida que se expande con el texto (¿o es algo de lo que no estoy consciente?).

Para una alternativa, pienso en una pequeña ventana emergente que inicialmente muestra una lista de opciones disponibles en forma de índice alfabético y cuando el usuario hace clic en un enlace alfabético, muestra las opciones relevantes para seleccionar. Esto reducirá las opciones para seleccionar.

En los mismos términos, podemos usar ajax para construir las opciones sobre la marcha a medida que el usuario escribe.


Podría intentar algo como Mac OS / X tiene para su barra de tareas, similar a la barra de selección en YouTube. Creo que el término común es una barra de burbujas donde las imágenes pequeñas se animan más grandes a medida que el mouse rueda sobre ellas, pero se reducen a un tamaño tal que todos los elementos son visibles cuando el mouse no está sobre el control.