Diseño de barras o menús de navegación
por M.Benítez (13/12/02) En uno de los artículos anteriores, Anticípate a tu usuario hablé de cómo la planificación y diseño de la estructura de navegación del web podía ser crítica para las acciones del usuario una vez llega a la página web. Veamos ahora algunos consejos básicos para planificar una buena barra de navegación, que cumpla su único objetivo: orientar y guiar al usuario durante su visita. En los menús o barras de navegación, colocamos símbolos o texto con sus correspondientes enlaces a los distintos contenidos del web, para que el usuario pueda fácilmente encontrar lo que está buscando. Del párrafo anterior se desprende que el diseño de esta navegación debe cumplir 2 requisitos claves: simplicidad y claridad.
Clara.
Cuando el usuario entra en la web, siguiendo un esquema mental que ha aprendido de sus visitas a otras webs, buscará la barra de orientación (lateral, superior, inferior).
La estructura de navegación debe poder ser fácilmente identificable como tal, en tan sólo unos segundos, y una vez localizada en la página, rápida de comprender y de utilizar.
Simple.
Un vistazo a esa estructura de navegación debe permitir al usuario hacerse una idea de lo que puede encontrar en el web, le ayuda a decidir si se queda o bien se marcha a buscar en otra página o si le conviene más empezar la visita por un determinado enlace u otro.
Cuanto más simple sea la estructura de navegación, más rápido y fácil será interpretarla y reconocer así las distintas alternativas que ofrece la web.
Siguiendo con la idea de claridad, los contenidos de la estructura de navegación, que serán habitualmente o texto o imágenes o símbolos, requerirán:
El texto en los enlaces (la etiqueta), debe facilitar información suficiente e inequívoca de los contenidos que se encontrarán al hacer clic sobre él.
Si colocas expresiones extrañas o misteriosas (como dice Jakob Nielsen "de tu cosecha"), desconcertantes o difíciles de reconocer, o bien nombres propios de productos o servicios que el usuario no puede reconocer, ese enlace no cumple su objetivo de orientar y sólo clicaran en él por eliminación de los otros enlaces o por deducción.
Facilítales el trabajo de localización de contenidos rápidamente y tendrás más oportunidades de que encuentren lo que tú quieres que lean.
En las etiquetas a veces será contraproducente ser muy creativo. Los usuarios ya han aprendido el significado de "Política de Privacidad", "Site Map", "Homepage", "Sobre nosotros" como norma general que sean lo más cortas posible pero que a su vez aporten el máximo de información.
Los símbolos o iconos deberían ser también fáciles de interpretar visualmente o si no, incluir una texto alternativo que muestra la etiqueta correspondiente al colocar el mouse encima.
Más necesidades a tener en cuenta para la estructura de navegación:
Consistente.
Una vez el usuario ha "aprendido" cómo usar el menú de navegación, ésta estructura ha de mantenerse de manera consistente en todas las páginas para facilitar la comodidad y velocidad para encontrar la información.
La consistencia debe ser tanto en su localización en la página, colores y fuentes y etiquetas y para los distintos submenús que pueda ser necesario desplegar.
Los contenidos de la barra de navegación deben ser adecuados al comportamiento que anticipemos del usuario.
Puesto que pretendemos conocer al usuario que usará el web, anticipemos sus necesidades de información y la respuesta a las preguntas más habituales que le surgirán, para decidir que enlaces incluiremos en el menú de navegación y qué nombre le daremos a los enlaces.
También el orden de los contenidos debe intentar seguir una lógica para el usuario, según las páginas de mayor interés o una agrupación coherente de los enlaces del web.
Ayudar al usuario
Es importante que el usuario pueda distinguir qué símbolos tienen un enlace y los que no, para ahorrarle el tiempo de irlos probando.
Hay que estudiar la profundidad de enlaces que se incluirán en la barra de navegación, a veces será bueno incluir distintos niveles de carpetas o directorios que despliegan más enlaces sucesivamente pero también será importante mantener la claridad y así no intentar mostrar todo en el menú, no sea que tantas opciones despisten al hacer al usuario dudar en su decisión rápida de dónde clicar.
Incluir siempre un enlace a la página principal y un Mapa del Sitio (site map) por si el usuario se encuentra desorientado o en páginas muy profundas en la estructura y desea regresar a niveles superiores.
Al ayudar al usuario a orientarse no sólo optimizas su tiempo sino que le puedes dirigir a aquellas páginas que te interese que vea, encaminarlo inconscientemente hacia el objetivo que buscabas. Todos los caminos deben llevar a Roma :-)
©Copyright Magali Benítez
por M.Benítez (13/12/02) En uno de los artículos anteriores, Anticípate a tu usuario hablé de cómo la planificación y diseño de la estructura de navegación del web podía ser crítica para las acciones del usuario una vez llega a la página web. Veamos ahora algunos consejos básicos para planificar una buena barra de navegación, que cumpla su único objetivo: orientar y guiar al usuario durante su visita. En los menús o barras de navegación, colocamos símbolos o texto con sus correspondientes enlaces a los distintos contenidos del web, para que el usuario pueda fácilmente encontrar lo que está buscando. Del párrafo anterior se desprende que el diseño de esta navegación debe cumplir 2 requisitos claves: simplicidad y claridad.
Clara.
Cuando el usuario entra en la web, siguiendo un esquema mental que ha aprendido de sus visitas a otras webs, buscará la barra de orientación (lateral, superior, inferior).
La estructura de navegación debe poder ser fácilmente identificable como tal, en tan sólo unos segundos, y una vez localizada en la página, rápida de comprender y de utilizar.
Simple.
Un vistazo a esa estructura de navegación debe permitir al usuario hacerse una idea de lo que puede encontrar en el web, le ayuda a decidir si se queda o bien se marcha a buscar en otra página o si le conviene más empezar la visita por un determinado enlace u otro.
Cuanto más simple sea la estructura de navegación, más rápido y fácil será interpretarla y reconocer así las distintas alternativas que ofrece la web.
Siguiendo con la idea de claridad, los contenidos de la estructura de navegación, que serán habitualmente o texto o imágenes o símbolos, requerirán:
El texto en los enlaces (la etiqueta), debe facilitar información suficiente e inequívoca de los contenidos que se encontrarán al hacer clic sobre él.
Si colocas expresiones extrañas o misteriosas (como dice Jakob Nielsen "de tu cosecha"), desconcertantes o difíciles de reconocer, o bien nombres propios de productos o servicios que el usuario no puede reconocer, ese enlace no cumple su objetivo de orientar y sólo clicaran en él por eliminación de los otros enlaces o por deducción.
Facilítales el trabajo de localización de contenidos rápidamente y tendrás más oportunidades de que encuentren lo que tú quieres que lean.
En las etiquetas a veces será contraproducente ser muy creativo. Los usuarios ya han aprendido el significado de "Política de Privacidad", "Site Map", "Homepage", "Sobre nosotros" como norma general que sean lo más cortas posible pero que a su vez aporten el máximo de información.
Los símbolos o iconos deberían ser también fáciles de interpretar visualmente o si no, incluir una texto alternativo que muestra la etiqueta correspondiente al colocar el mouse encima.
Más necesidades a tener en cuenta para la estructura de navegación:
Consistente.
Una vez el usuario ha "aprendido" cómo usar el menú de navegación, ésta estructura ha de mantenerse de manera consistente en todas las páginas para facilitar la comodidad y velocidad para encontrar la información.
La consistencia debe ser tanto en su localización en la página, colores y fuentes y etiquetas y para los distintos submenús que pueda ser necesario desplegar.
Los contenidos de la barra de navegación deben ser adecuados al comportamiento que anticipemos del usuario.
Puesto que pretendemos conocer al usuario que usará el web, anticipemos sus necesidades de información y la respuesta a las preguntas más habituales que le surgirán, para decidir que enlaces incluiremos en el menú de navegación y qué nombre le daremos a los enlaces.
También el orden de los contenidos debe intentar seguir una lógica para el usuario, según las páginas de mayor interés o una agrupación coherente de los enlaces del web.
Ayudar al usuario
Es importante que el usuario pueda distinguir qué símbolos tienen un enlace y los que no, para ahorrarle el tiempo de irlos probando.
Hay que estudiar la profundidad de enlaces que se incluirán en la barra de navegación, a veces será bueno incluir distintos niveles de carpetas o directorios que despliegan más enlaces sucesivamente pero también será importante mantener la claridad y así no intentar mostrar todo en el menú, no sea que tantas opciones despisten al hacer al usuario dudar en su decisión rápida de dónde clicar.
Incluir siempre un enlace a la página principal y un Mapa del Sitio (site map) por si el usuario se encuentra desorientado o en páginas muy profundas en la estructura y desea regresar a niveles superiores.
Al ayudar al usuario a orientarse no sólo optimizas su tiempo sino que le puedes dirigir a aquellas páginas que te interese que vea, encaminarlo inconscientemente hacia el objetivo que buscabas. Todos los caminos deben llevar a Roma :-)
©Copyright Magali Benítez
tel.
93.817.57.40