Portada > Artículo > Comentarios

Menús desplegables. Más problemas que soluciones

09-05-2005 - Juan Carlos García

Resumen: Los menús desplegables pueden parecer una buena solución para utilizar muy poco espacio para las categorías que estructuran un sitio web. Sin embargo, son difíciles de utilizar, ocultan información, pueden dispersar la atención del usuario e, incluso, impedirle la navegación.

Leer artículo »

Comentarios

Hablar, escuchar, debatir... Alzado es un espacio de conversación abierto. Algunos consejos:

  • Procura que tus comentarios sean relevantes y relacionados con el artículo
  • Escuchar es una virtud. Lee los comentarios anteriores para no repetirte
  • Pon un título a tu mensaje aue permita identificar su contenido
  • Usa un tono respetuoso. Los comentarios inapropiados o en tono ofensivo podrán ser editados o eliminados.
#1 Buen post. ;-)
Por corsaria

Buen post, además muy visual. Las capturas ayudan mucho a entender el contenido. ;-)

Enviado 09-05-2005

#2 Metablog
Por JJS

alzado.org está recogido en el Metablog:

http://www.neoyet.com

Gracias por su colaboración.

Enviado 09-05-2005

#3 En las webs
Por FelipeM.com

Lo peor de todo es cuando una web tiene secciones que unicamente sólo pueden ser accesibles desde esos malditos menús que habitualmente no son del todo compatibles con nuestros navegadores.

Enviado 09-05-2005

#4 Algo no encaja
Por Daniel G.B.

"No todos los usuarios tienen la suficiente habilidad psicomotriz para manejar un desplegable con soltura"

Según esa teoría, estos usuarios serían incapaces de usar Windows (todos sabemos que la mayor parte de la navegación por Windows es a través de menús desplegables). En cambio Windows tiene un enorme éxito y usado por la mayor parte de usuarios. Hay algo ahí que no encaja.

Supongo que la idea no es decir NO a los menús despegables, sino ofrecer formas alternativas, como un indice-directorio, enlaces en los items que encabezan (como bien ha dicho en el artículo).

Veo aptos los menús desplegables siempre y cuando:
-No sean la única forma de navegación.
-Están dirigidos a usuarios que visitan asiduamente una página web y precisan de un acceso más rápido a la información. No los veos aptos para el usuario casual.

Enviado 09-05-2005

#5 Menús de Windows
Por Juanki

¿Quién dijo que los menús desplegables de Windows fueran fáciles de usar y la clave del éxito de Windows?
¿Has intentado darle clases de informática básica en un curso de personas mayores?. Es realmente frustrante tener que pasar la primera media hora sólo usando el ratón, abriendo y cerrando programas, antes de hablarles de lo que es un navegador, Internet, etc.
Para nosotros es muy fácil, llevamos muchos años usando desplegables, pero no trabajamos para nosotros sino para usuarios de lo más variopinto ¿recuerdan?.

Enviado 10-05-2005

#6 Los menús de Windows
Por Miguel

Yo doy clases a personas mayores y muchas, no se manejan bien con los menús desplegables de Windows. Se limitan únicamente a abrir el explorador y navegar por las opciones que ven. A ellos el menú Archivo o Edición no les dice nada y en ocasiones ni usan la barra de scroll.

No es un problema que le pase a dos o tres personas, es a la mayoría de la clase.

Enviado 10-05-2005

#7 ¿Qué opinais del nuevo Amazon?
Por Marc

Amazon siempre ha sido un ejemplo de usabilidad y no se si habéis visto el nuevo menu de categorías (sólo visible en IE, en el resto sale como siempre).
A mi me parece un paso atrás. ¿Qué opinais?

Enviado 10-05-2005

#8 Pienso que todo es relativo
Por Fernando Val

Siempre he pensado que ponerse fundamentalistas en una u otra cuestión no conduce a ningu lado. Me explico:
Creo que los menus son una herramienta muy util y potente, siempre que se utilicen bien y se dirigan al público adecuado.
No es lo mismo diseñar la interface de una intranet para una empresa donde la media de edad ronda los 25 y se necesita rápidez y productividad, que un portal generalista, que una web de viajes para tercera edad, etc...
A ser posible, es preferible que estén desarollados en CSS que no en javascript ya que podemos tener un problema sí el usuario tiene desabilitado JS.
En cualquier caso opino que renunciar absolutamnte a los menús desplegables, sería un paso atrás. Algo así cómo renunciar al automóvil, simplemente porque es muy dificil de conducir (o no recordáis lo que cuesta aprender?).

Enviado 10-05-2005

#9 Opino igual que Fernando
Por David M.

Menús malos, suena a Flash Malo...

Dependerá del perfil del usuario y para lo que se utilice, si es para elegir un idioma por ejemplo cuando hay muchos, y el usuario sabe lo que se va a encontrar, no lo veo tan grave.

En las barras de navegación siempre que la principal sea clicable y te lleve a página con dicho menú versión html, puede acelerar las acciones para gente que ya conoce el sitio, aunque también puede desconcertar a las nuevas...

Creo que dependerá del sitio, generalizar es equivocarse, como dice Gala.

Un saludo

Enviado 10-05-2005

#10 stan@stanmx.com
Por stan

muy interesante articulo, creo que los menus deben de ser limpios y las opciones deben describirse claramente, para que el usuario no se pierda a la hora de seleccionar una y sepa a donde lo llevara.

Enviado 10-05-2005

#11 Buen artículo
Por Armando

No obstante pienso que los menús desplegables son una potente herramienta de cara a reducir la complejidad gráfica de una ventana o interfaz aunque como se comenta dificulta el acceso a funciones.

Lo ideal es acompañar dichos menús identificando las funciones más comunes de una manera directa mediante la inclusión de una barra de herramientas con iconos como ya han comentado por aquí. Véase como ejemplo que la mayoría de navegadores web cuentan con una barra de "acceso rápido" a funciones comunes como "añadir a favorito", refrescar página, etc...

Enviado 11-05-2005

#12 ¿Seguro que existen las recetas?
Por

Sobre usabilidad, creo más acertado basarse en principios que en "recetas únicas". Aplicar un tipo de menú u otro no es una decisión aislada. Por tanto, no existe "el menú correcto". Si no existe el menú correcto, no podremos afirmar que un determinado tipo de menú no se puede utilizar.

Personalmente no me he preocupado de documentarme sobre el origen de los menús desplegables, pero sin embargo, se aplican en muchas GUI (sistemas operativos, aplicaciones desk-top...).

En cuanto a la tecnología, comentar que es posible desarrollar un menú desplegable sin utilizar JavaScript, basado únicamente en CSS. Eso sí, los usuarios de IE no se les desplegará, ya que éste no es un browser compatible 100x100 con los estándares.

Enviado 12-05-2005

#13 error en xml
Por Erroroso

Hola, estoy intentado sindicar vuestra página en mi feedsreader y no puedo, así que he probado el enlace manualmente y me devuelve el siguiente error:

No se puede mostrar la página XML
No se puede ver la entrada XML con la hoja de estilo XSL. Corrija el error y haga clic en el botón Actualizar, o inténtelo de nuevo más tarde.


--------------------------------------------------------------------------------

Se encontró un carácter no válido en el contenido del texto. Error al procesar el recurso http://www.alzado.org/xml/alzado.xml. Línea 6, Posición 28

alzado.org - Dise<br /> <br /> <br /> </p><p class="fechacom">Enviado 13-05-2005</p></dd><dt class="commentdd" id="14">#14 demora al cargar wxp2<br /><span>Por enrique</span></dt> <dd class=""><p>mi equio se demora bastante al cargar xp y eso que es un msi de 64 bits</p><p class="fechacom">Enviado 13-06-2005</p></dd><dt class="commentdd" id="15">#15 Cientos de enlaces<br /><span>Por Jaime</span></dt> <dd class=""><p>Hola a todos.<br /> <br /> Este es mi primer post en Alzado.org, aunque soy casi un habitual por estos lares.<br /> <br /> Ã?ltimamente estoy dando muchas vueltas, leyendo mucho, acerca de estos dos temas de la usabilidad y la accesibilidad, con vistas a aplicarlo, de manera autodidacta, a un sitio en el que estoy trabajando experimentalmente.<br /> <br /> Es algo así como un portal de música, donde hay enlaces -unos 150- a otros tantos grupos de un estilo musical concreto. Al principio podía permitirme una home con 50 o 60 enlaces alfabeticamente ordenados en dos columnas. Además, ello mejoraba mucho la indexación por los buscadores y no era complicado para el usuario buscar uno concreto.<br /> <br /> Ahora el índice ha crecido, y 150 links en portada son excesivos, muy incómodos. Estoy estudiando sitios como loquo.com, pero mis enlaces no son susceptibles de ser jerarquizados como hace Ubaldo. Tampoco tengo buenos motivos para mostrar sólo unos pocos y ocultar el resto.<br /> <br /> Artículos como este me han hecho descartar técnicas como el menú desplegable para gestionar toda esta información. Tampoco me gustan los enlaces que consisten en una sola letra, y llevan a una página con todos los links que comienzan por esa letra.<br /> <br /> El sitio es http://www.musikazblai.com (estoy rediseñándolo offline centrándome en los conceptos de accesibilidad y usabilidad), y creo que no voy a encontrar una solución perfecta que cumpla todos los requisitos que me gustaría (usable, accesible, fácilmente indexable, cómodo).<br /> <br /> Quizás algún diseñador haya tenido alguna vez un problema similar y quiera dar su opinión. O quizás después de todo no sea tan malo tener unos 150 links en la home :-)<br /> <br /> Un saludo, Jaime.</p><p class="fechacom">Enviado 14-06-2005</p></dd><dt class="commentdd" id="16">#16 Menus desplegables<br /><span>Por Sergio</span></dt> <dd class=""><p>Creo que los menus despleglables como en algun otro post no tienen porque ser malos siempre y cuando se acompañen de otras opciones, pero yo como usuario creo que si estoy acostumbrado a navega mas deprisa por desplegables y ver todas las opciones de una porque tengo que pasar por el aro de otro. Para mi un buen menu es el que da multiples opciones, menu desplegable, menu a la izquierda con las subseciones y mapa web con las categorias y subcategorias, asi me dejen libertad como usuario para elegir.<br /> Me parece muy util para diseños de paginas cuyo publico objetivo sea de la tercera edad, minusvalias, etc.... el tener muy en cuenta esto, pero para webs donde el publico es variopinto dar el maximo opciones, porque no desplegables tambien, cuando son tremendamente utiles para el que esta acostumbrado.</p><p class="fechacom">Enviado 21-10-2005</p></dd><dt class="commentdd" id="17">#17 Difiero<br /><span>Por Luis</span></dt> <dd class=""><p>Quiero decirle a Juan Carlos García, autor de este articulo, que si existe otra razón además de un capricho del cliente para usar menúes desplegables, y esta se aplica a los sistemas informáticos basados en webs y en intranet, en los que las opciones difieren de usuario a usuario, y para poder ahorrar tiempo de desarrollo y proporcionar la capacidad de configuración por usuario deseada, sin tener que estar modificando el site cada dos dias, la mejor opcion es usar un componente .NET que genere estos menues de manera automática cargando un archivo XML. <br /> <br /> Un componente muy util es skmmenu, adjunto la dirección http://www.skmmenu.com/menu/, por si le quieren dar una mirada.<br /> <br /> Es cierto que se debe programar las web para que corran bajo la mayoría de los exoloradores, y se vean en la mayoria de las resoluciones que pudieran tener los monitores, pero no deben olvidarse que toda web tiene un objetivo y por lo tanto, un segmento de mercado, esta dirigida a un grupo específico de usuarios, pero según este artículo, todo sitio debe estar dirigido a todo el mundo, cosa que no es cierta.<br /> <br /> Saludos.<br /> </p><p class="fechacom">Enviado hace 4 años, 3 mess</p></dd><dt class="commentdd" id="18">#18 ¿que son los anemús desplasables y los submenús?<br /><span>Por Bengler Mara</span></dt> <dd class=""><p>quiero que si me pueden dar esa respuesta es para el viernes 26 de junio de 2009 ,es para el colegio ...<br /> GRASIAS </p><p class="fechacom">Enviado hace 1 año, 2 mess</p></dd></dl> <a name="fcomentarios"></a> <h2>Envía tu comentario</h2> <form action="comentar.php" method="post"> <p><label for="fnombre">Tu nombre *</label><br /><input type="text" size="25" name="nombre" id="fnombre" class="ftext" /></p> <p><label for="furl">Tu sitio web</label><br /><input type="text" size="25" name="url" value="http://" id="furl" class="ftext" /></p> <p><label for="ftitulo">Título del mensaje *</label><br /><input type="text" size="25" name="titulo" id="ftitulo" class="ftext" /></p> <p><label for="fcomentario">Tu comentario *</label><br /><textarea cols="25" rows="10" name="comentario" id="fcomentario" class="ftext" style="width:80%"></textarea> <input type="hidden" name="id_art" value="435" /> <input type="hidden" name="idautor" value="33" /> <p><strong>Para realizar tu comentario, por favor, responde a la pregunta siguiente...</strong></p><p>La palabra en la coordenada B-3 es...<input type="hidden" value="11" name="indice" /> <input type="text" value="" size="10" name="respuesta" /></p><table width="400" id="coord"> <tr><th width="20%"></th><th width="20%">A</th><th width="20%">B</th><th width="20%">C</th><th width="20%">D</th></tr> <tr><th>1</th><td>uva</td><td>naranja</td><td>aceituna</td><td>caballo</td></tr> <tr><th>2</th><td>coche</td><td>casa</td><td>cebolla</td><td>perro</td></tr> <tr><th>3</th><td>manzana</td><td>guisante</td><td>lechuga</td><td>tigre</td></tr> <tr><th>4</th><td>pera</td><td>fresa</td><td>tomate</td><td>tomate</td></tr> </table> <input type="Submit" class="boton" value="Enviar comentario" /> </form> </div> <!-- fin #contenido.aire --> </div> <div id="lateral3"> <div class="aire"> <div id="autor"> <div id="autor"> <a href="autor.php?id=33"><img src="imgautores/autor33.gif" width="120" height="90" alt="autor: Juan Carlos García"></a><br /> <p>Autor: <a href="autor.php?id=33"><strong>Juan Carlos García</strong></a></p> <p>Documentalista del <a href="http://www.um.es/siu/">Servicio de Información Universitario</a> de la <a href="http://www.um.es/">Universidad de Murcia</a>.</p> <p><a href="autor.php?id=33">Artículos publicados: <span>2</span></a></p> </div> </div> <h3>Busquedas</h3> <form action="buscar.php" method="GET"> <input type="text" name="busca" class="ftext" size="14" value="">  <input type="submit" name="k" class="boton" value="Buscar"></form> <h3>Otros artículos</h3> <ul> <li><a href="articulo.php?id_art=462" title="leer este articulo">Columnas, anchos de línea y legibilidad</a></li> </ul> <p><a href="archivo.php">Archivo »</a></p> <h3>Aviso de novedades</h3> <form name="boletin" method="post" action="boletin.php" onsubmit="return validar(this)"> <p>Recibe todas las novedades de alzado en tu correo.</p> <p><input type="text" name="email" class="ftext" size="14" value="email"> <input type="Hidden" name="accion" value="alta"> <input type="submit" name="Submit" class="boton" value="Alta"></p> </form> <h3>Todo sobre alzado</h3> <ul> <li><a href="quees.php">Sobre alzado</a></li> <li><a href="boletin.php">Aviso de novedades</a></li> <li><a href="actividades.php">Actividades</a></li> <li><a href="contacto.php">Contacto</a></li> </ul> <h3>De interés</h3> <ul> <li><a href="empleo.php">Bolsa de empleo</a></li> <li><a href="agenda.php">Eventos sector</a></li> </ul> <p><a href="publicar.php"><strong>Publicar en alzado</strong></a> »</p> <div class="hide"> <div class="vcard"> <a class="url fn" href="http://www.alzado.org/">Luis Villa</a> <div class="org">Alzado.org</div> <a class="email" href="mailto:lvilla [AT] grancomo.com">lvilla [AT] grancomo.com</a> <div class="adr"> <span class="locality">Madrid</span>, <span class="region">Madrid</span>, <span class="country-name">España</span> </div> </div><h3>Sindicación RSS</h3> <ul> <li><a href="xml/alzado.xml"><img src="temas/rss.gif" alt="RSS" /> Artículos</a></li> <li><a href="xml/empleo.xml"><img src="temas/rss.gif" alt="RSS" /> Ofertas de empleo</a></li> <li><a href="xml/agenda.xml"><img src="temas/rss.gif" alt="RSS" /> Agenda de eventos</a></li> </ul> <p><a href="xml/index.php"><strong>Qué es la sindicación</strong></a> »</p> </div> <!-- fin #contenido.aire --> </div> </div> <div id="pie"> <p>© Alzado.org | Algunos derechos reservados. <a href="http://creativecommons.org/licenses/by-nc-sa/2.1/es/" rel="license" title="Alzado está bajo Licencia Creative Commons">Licencia Creative Commons</a></p> </div> </div> <!-- fin #contenedor --> </body> </html>