Despliégate menú
por Juan Carlos García, 25 de Julio de 2004
Los menús desplegables se pensaron para utilizarse en los formularios, lugar donde cumplen su función con eficacia.
Sin embargo, muchos diseñadores, llevados por un ansia de poner más contenidos en menos espacio, pensaron que unos cuantos menús desplegables les solucionarían el problema de disponer de una única pantalla de inicio para ofrecer las opciones principales. En lugar de seleccionar las opciones realmente importantes se ponen todas y un problema solucionado. Pues no, error, ya que así se crea un problema adicional en lugar de solucionarlo.
En otros casos, se fue más allá y, en lugar de utilizar el desplegable estándard, el típico de los formularios, se programó pequeños scripts para conseguir el efecto de un desplegable en cascada, con uno o incluso más niveles desplegables. Problema resuelto, pensaron, podemos poner absolutamente todas las opciones de navegación del sitio en un reducido espacio.
Pero no pensaron en que las interfaces quien las usa son los navegantes, no los diseñadores y que, por lo tanto:
- Un usuario no sabe, a priori, qué opciones hay en el desplegable de turno.
- No todos los usuarios tienen la suficiente habilidad psicomotriz para manejar un desplegable con soltura. Sí, sí, los hay, incluso hay personas con un mal pulso o con poca práctica en utilizar el endiablado ratón (¿recuerdas las primeras horas intentando usarlo?).
- Es mejor que las opciones disponibles se puedan ver de un vistazo, sin tener que ir tocando con el ratón varios desplegables hasta encontrar lo que se buscaba. En ocasiones, el enlace sólo funciona pulsando alguna de las opciones desplegables, pero no en el item que las encabeza, lo que desconcierta aún más.
- Además, los desplegables en cascada que hacen algunos diseñadores no parecen desplegables, con lo que las opciones que contienen suelen pasar desapercibidas a un usuario que no se imagina que ahí no hay un enlace, sino múltiples.
- En determinados formularios de introducción de datos pueden llegar a ser realmente desconcertantes los menús interactivos, esos que cambian sus valores en función de lo que el usuario haga en determinadas partes de la pantalla.
- En muchos casos, esos scripts no son compatibles con una o varias posibles configuraciones de usario. Con lo que el problema pasa a ser muy grave: impedimos totalmente al usuario navegar en nuestras páginas. Justo lo contrario de lo deseable ¿no?.
En un estudio con usuarios realizado por Bernard y Hamblin (2003) se analizaban tres formas de disponer los elementos de menú en la pantalla. Uno era mediante un índice de categorías y subcategorías en el centro de la pantalla (el típico de yahoo y similares). En otro caso se utilizaba un desplegable en cascada dispuesto horizontalmente y, en un tercer caso, el menú desplegable se disponía verticalmente en la parte de la izquierda de la pantalla.
Los resultados de dicho experimento mostraban que los usuarios terminaban mucho antes las tareas encomendadas usando el índice de categorías que con cualquiera de los otros dos sistemas. Además, indicaban expresamente preferir la navegación mediante el índice de categorías a los otros dos modos.
Con el desplegable horizontal tuvieron problemas incluso para identificarlo, al ubicarse en la parte superior de la pantalla. Tal vez ese problema obedezca al famoso fenómeno de ceguera a los banners.
En definitiva, si puedes usar un índice central de categorías, no te compliques la vida buscando formas originales y epatantes de mostrar las opciones de navegación con multidesplegables.
Artículos:
- Jakob Nielsen. Drop-Down Menus: Use Sparingly
- Ceguera a los banners, cómo se produce este fenómeno psicológico
- Michael Bernard & Chris Hamblin. Cascading versus Indexed Menu Design
- Yusef Hassan. Componentes problemáticos de interacción Web
