Noticias y consejos sobre Marketing Online

Diseño web: componentes clave de usabilidad y navegacion web

Publicado por Eric Lehoucq

Encuéntrame en:

20/09/12 15:17

usabilidad webLa navegación de su sitio web es un componente clave que directamente le afecta desde una perspectiva empresarial y de marketing. Después de todo, la navegación es a menudo lo que se interpone entre el usuario y lo que desea que haga el usuario en su web. Como vendedor, querrá hacer esa distancia tan corta como sea posible.

Es por esto que necesita asegurarse de que la navegación de su sitio web ofrece una experiencia positiva desde el punto de vista de usabilidad. En otras palabras, diseñar la navegación de una manera que tenga sentido para los usuarios del sitio web y no hacer que sus visitantes hagan un montón de trabajo para alcanzar su objetivo - si el objetivo del usuario es localizar su página de precios, por ejemplo, ayudarles a llegar a ella rápidamente.

¿Qué debe hacer una navegación web?

La navegación de información puede hacerse de tres formas principales: Desplazamiento (panorámica), vinculación (saltos) y el zoom. Con el fin de desarrollar un sistema de navegación sólido, los diseñadores tienen que permitir al usuario moverse fácilmente de un lugar a otro lugar, y promover la fluidez.

En concreto, la navegación deberá:

  • Permite a los usuarios elegir entre una pequeña selección de páginas a visitar.
  • Proveer etiquetas claras para las páginas en las pestañas de navegación.
  • Adaptar su sitio web para que coincida con las necesidades del usuario.
  • Mostrarle a la gente dónde se encuentran en la web y cómo volver.
  • Proporcionar una función de búsqueda.

Componentes de un sistema de navegación web

Con el fin de alcanzar estos objetivos, un sistema de navegación bien diseñada debe incluir tres componentes principales:

  • Localizador: o identificador de sitio. Es una manera para los usuarios sepan en qué parte del sitio web estan. Por ejemplo, al seleccionar una pestaña concreta en la navegación web, ¿cambia la aparición de ese elemento para indicar que se ha seleccionado? Si vemos por ejmplo la página web de Apple: cuando un usuario selecciona un ítem del menu se vuelve más oscuro que el resto de la navegación.

usabilidad web menu resized 600

  • Método de navegación: Para los visitantes, esta es la manera de saber donde se puede ir - y cómo llegar allí. Le da acceso a las secciones principales de contenido y a continuación  los lugares a los que se puede llegar que no forman parte de la jerarquía de contenido primario. Por ejemplo, cuando usted visita el sitio web de Apple y hace clic en la pestaña iPod, verá que la información se organiza en un orden jerárquico: se puede elegir entre los productos iPod o aplicaciones relacionadas con el iPod.

usabilidad web metodo navegacion resized 600

  • Routa: Esta es una manera para que pueda encontrar en la página web donde ha estado. Esto también se conoce como un vínculo y responde a la pregunta, "¿Cómo puedo volver al punto de partida?" En el caso de la web de Apple, sólo tiene que hacer clic en el icono de Apple para volver a la página principal.
  • Busqueda: para permitir encontrar rápidamente información específica que podría estar buscando.

Al incorporar estos componentes en la navegación de su web y proporcionar navegación coherente en todo el sitio web permite a los usuarios que se sientan seguros de que saben dónde están y que puedan encontrar lo que están buscando.

 

Descarga aquí la guía sobre

 

Tipos de Sistemas de Navegación

Veamos las opciones para los sistemas de navegación. Hay tres tipos principales de sistemas de navegación.

  • Navegación Global: La navegación global es un sistema de navegación para todo el sitio que permite el acceso a las áreas clave o funciones. Por lo general, aparece en cada página y puede contener varios niveles de jerarquía. La web de Apple es un ejemplo de un sistema de navegación global.
  • Navegación Local: permite al usuario explorar el área inmediata o un subconjunto del sitio. Si visita Amazon.com, por ejemplo, verá una barra de navegación izquierda que permite explorar la sección específica de la página web donde se encuentr.
  • Navegación contextual: proporciona una navegación en línea con el contenido (por ejemplo hipervínculos). En este caso, el propósito principal de la navegación web es ayudar a la gente a seguir adelante, no decirles dónde han estado, o donde podrían haber ido.

Patrones de Navegación

Dependiendo del contexto, puede tomar varios enfoques diferentes para la organización de su sitio web:

  • Basado en Tareas: Su útil para proporcionar una o más puntos de entrada a su sitio basados en tareas
usabilidad web navegacion tareas resized 600
  • Basado en Contenido: las opciones de navegación aparecen consistentemente a través de todas las páginas. Puede representar la estructura plana o jerárquica.
  • Con Menús: Un menú principal proporciona acceso a sub-menus aislados donde la navegación entre sub-menús  no es posible.
  • Transaccional: Proporciona información acerca de dónde está en un proceso secuencial, y ofrece la opción de retroceder a un paso anterior. Su diseño debe comenzar pensando como el usuario se mueve entre páginas o pantallas.

usabilidad web navegacion pasos resized 600

Ejemplo de una buena navegación web: En esta nota de blog, se ha elegido el sitio web de Apple que hace un gran trabajo en dirigir a los usuarios a diferentes lugares de su sitio web a través de su navegación.


¿Qué otros grandes ejemplos de navegación web recomendaría? Compártalos con nosotros.

 

Temas: desarrollo web