Son muchas las ocasiones en las que surge la duda eterna entre elegir un menú horizontal o un menú vertical cuando estás diseñado la navegación de la web que tienes entre manos.

Hoy he leído dos artículos contrapuestos escritos por  Louis Lazaris y Kyle Meyer (vía Torres Buriel). Es complicado posicionarse a favor o en contra de cualquiera de ellos dos. Ambos tienen sus razones de peso.

En mi opinión, es la propia naturaleza del proyecto la que elige el tipo de navegación que más le conviene. Por lo general, suelo elegir menús verticales en web corporativas y proyectos con una jerarquía de navegación extensa y proclive a crecer aún más. Mientras que los menús horizontales suelen ser los elegidos en aplicaciones web y proyectos con un número limitado (aposta) de secciones.

Es cierto que, como dice Torres Buriel, en nuestro caso también suele ser el menú horizontal el que mejor se adapta a los objetivos de nuestros clientes. Diría más, suele ser la opción elegida cuando tienes tiempo para analizar, meditar y diseñar con tiempo el menú más adecuado a los objetivos de un proyecto web.

Nunca nos cansaremos de repetir que una de las cosas que debes hace siempre para mejorar la experiencia de usuario en tus aplicaciones es buscar la simplificación por encima de todo, por ejemplo en el diseño de tus selectores, esas componentes que tanto usas en tus formularios y que muchos usuarios nunca terminan de entender.

En The magic rule of seven (and the banality of alphabetical order) tienes dos pistas para diseñar los selectores que aparecen en tus formularios:

1. Si el selector tiene más de 7 opciones, algo esta fallando. La memoria humana tiene límites.
2. Para listas incompletas, la ordenación alfabética no tiene mucho sentido.

Evidentemente, siempre hay excepciones, pero si no tienes más remedio que añadir una lista interminable de opciones en alguno de tus formularios, intenta agruparlas (con la etiqueta optgroup) y/o coloca las opciones más populares al comienzo de la lista.

Recientemente, Smashing Magazine ha publicado una lista de diez descubrimientos en el mundo de la usabilidad que pueden mejorar la experiencia de usuario en el desarrollo de sitios web:

1. Las etiquetas de los formularios funcionan mejor si están situadas encima de su campo asociado. Fuente: Label Placement in Fonts.
2. Los usuarios centran su atención en los rostros que aparecen en las páginas. Fuente: You look where they look.
3. La calidad del diseño es un indicador de la credibilidad. Fuentes: Stanford-Makovsy Web Credibility Study 2002: Investigating What Makes Web Sites Credible Today, What Makes A Web Site Credible? A Report on a Large Quantitative Study y The Elements of Computer Credibility.
4. La mayoría de los usuarios utilizan la barra de desplazamiento. Fuentes:
   Unfolding the Fold, Paging vs. Scrolling: Looking for the Best Way to Present Search Results y Blasting the Myth of the Fold.
5. El azul es el mejor color para los enlaces.
6. La anchura ideal para una caja de búsqueda es de 27 caracteres.
7. La existencia de espacios blancos mejora la comprensión.
8. El test de usuario efectivo no tiene porqué ser extensivo. Fuente: Why You Only Need to Test with 5 Users.
9. Las páginas de producto informativas ayudan a la toma de decisiones.
10. La mayoría de los usuarios son ciegos ante los anuncios. Fuente: Banner Blindness: Old and New Findings