« Artículos « BlogTutorialesDownloads

No, este post no es sobre asuntos culinarios… :) Es sobre los menús de navegación de los sitios Web. Y no tiene que ver con su colocación espacial o con su diseño, sino con los items que se eligen para llenarlo. Veamos algunos puntos clave para tomar en cuenta a continuación.

Uno: El Menú Principal Es Como Un Hall

El menú puede compararse con el hall central en un edificio, y lo que se coloque en él vienen a ser las puertas: éste viene a ser el lugar donde se definen los ambientes del sitio Web. Tal como en un hall, las puertas que veas te dirán hacia dónde puedes ir. Si un espacio es realmente importante, pondrás un acceso a él desde el hall central.

El hall suele cumplir, además, una función de referencia (“nos juntamos en el hall”), o ubicación (“anda al hall, y sube las escaleras de la izquierda”). Ambas cosas se aplican también al menú de navegación. El menú hace que sepamos dónde estamos parados en una página y hacia dónde nos podemos ir. Si como usuario, te llegas a perder en un sitio, el menú es tu salvavidas. Por eso es tan importante que, en especial en sitios con finalidad comercial y/o informativa, el menú sea siempre el mismo a lo largo de todas las páginas.

(¿Te imaginas guiando a un usuario por teléfono en un sitio donde el menú no es consistente y cambia caprichosamente según la página donde se esté?)

Dos: Orienta Tu Menú Según Tus Perfiles De Visitante…

Este es un consejo que se aplica especialmente a los siguientes tipos de sitios:

• Empresas con varios rubros de servicio (ej: un negocio con fotocopias, artículos de oficina y ciber café)
• Negocios que prestan el mismo servicio a clientes marcadamente diferentes (ej: venta de café para casinos, venta de café a mayoristas y venta de café a vending machines)
• Empresas muy amplias, holdings, organizaciones con muchas ramas de acción (ej: una ONG que ofrece voluntariado, solicitud de donaciones y realiza activismo social)

La idea es enfocar la navegación en función de lo que los usuarios desean encontrar y no de lo que tú, como organización, quieres mostrar. Compara este ejemplo de menú:

Inicio | Sobre Nosotros | Misión | Servicios | Productos | Contacto

con este otro:

Inicio | Mayoristas | Casinos | Vending | Sobre Nosotros

¿Cuál habla más de lo que hace la empresa? El segundo. ¿Cuál está más enfocado en lo que el visitante quiere? El segundo. ¿Cuál es aburrido, repetido y no dice nada sobre el problema que el usuario viene a resolver al sitio? El primero.

Enfoca tu navegación en lo que la gente viene a buscar de ti. El sitio es para ellos, no para ti. (Se supone)

Tres: … Pero No Categorices Al Usuario

Esto lo digo porque muchos sitios, en su afán de guiar al visitante, organizan su navegación así:

Inicio | Clientes | Interesados | Público en General

Esto no funciona, porque obliga al usuario a definir quién es en relación a tu sitio. ¿Y para qué querría hacerlo? El usuario sólo viene a visitar tu sitio, no a buscar identidad, y de todos modos, suele no tener idea de qué tipo de visitante es.

Además, esta categorización sigue estando centrada en la organización (“cómo nosotros clasificamos a nuestros visitantes”) y no en el usuario (“qué necesita el visitante de nosotros”). Y más aún, hace sentir al usuario que, si no calza en alguna de estas categorías, simplemente no tiene cabida en el sitio.

Está claro que hay excepciones. Un buen ejemplo son los sitios de universidades o institutos, donde ofrecer una sección “Postulantes” guía a aquéllos, usualmente desorientados, para conseguir la información precisa que necesitan. Pero, nuevamente, éste es un mal ejemplo:

Postulantes | Alumnos | Académicos | Funcionarios | Visitantes

y, en cambio, éste está bastante mejor:

Inicio | Carreras | Extensión | Posgrados | Secretaría | Postulantes

Cuatro: Reduce Items y Prioriza

Sé que no se puede generalizar en esto, pero creo que un buen criterio para un menú de navegación es tener entre cuatro y siete ítems. Más de siete, queda un menú demasiado ancho y se confunde al usuario con tantas opciones; y menos de cuatro, se corre el riesgo de agrupar demasiadas sub-secciones, y de generalizar demasiado, confundiendo igualmente al usuario. Obviamente, aquí el criterio que la lleva es el del diseñador/arquitecto de información.

De todas formas, suelen ser más comunes los sitios donde abundan los items, y por eso el título de este consejo es Reduce y Prioriza. Si tus giros de negocio o perfiles de visitante están dejando demasiadas opciones en el menú, quizá no sea tan necesario incluir “Blog”, “Galería de Fotos” o “Contáctanos” en la navegación principal. Fíjate qué ítems son más importantes para orientar al visitante y satisfacer sus necesidades más usuales.

(Es la razón por la que en un hall central no necesitamos una puerta directa al cuarto de los útiles de limpieza)

Cinco: Sí, Lamentablemente Aún Necesitamos Un Vínculo Al Inicio

Si se fijaron, la mayoría de los ejemplos de menú que puse anteriormente empiezan por, valga la redundancia, “Inicio”. Tengo muy claro que, desde hace harto tiempo, nos han dicho que la convención y lo correcto es que el logo de la página sea el link hacia la portada. Y en base a eso, nos dicen que un vínculo hacia “Inicio” es una redundancia innecesaria.

Pero tengo noticias de último minuto: la mayoría de la gente no conoce esta convención. Ya me ha pasado demasiadas veces que el cliente pregunta, viendo un prototipo de sitio, “¿Y cómo vuelvo al inicio?”. Y cuando le explico la famosa convención (que no conocía), me dice “Ah, son de esas cosas que saben ustedes los tecnologizados” (o geeks/computines/jóvenes, según como te veas ese día).

Como sea, tal como sucede con los RSS, Twitter, los Microformatos y los Mashups, el “logo con link al inicio” es algo que el 80% de la gente no conoce. Hay que pensar en ellos. Mal que mal, son un porcentaje grande.

¿Dudas, consultas, opiniones? Hazte parte en los comentarios.