23/01/2013

¿Cómo lograr una buena navegabilidad en nuestro sitio web?

¿Cómo lograr una buena navegabilidad en nuestro sitio web?

Para que un sitio web sea usable (es decir, le permita al usuario obtener fácilmente lo que quiere), debe ser navegable. La navegabilidad es la facilidad con que pueden recorrerse las distintas secciones de un sitio web sin perderse en él.

Una buena navegabilidad es la que permite al usuario saber, en todo momento, dónde se encuentra y dónde hallar lo que desea. Una regla habitual establece que el usuario debe poder acceder a cualquier información realizando no más de tres clics. Si bien esta regla no debe ser adoptada a rajatabla (puede obligar a concentrar demasiada información en pocas páginas), es una buena referencia para tener en cuenta. Hay muchos recursos para mejorar la navegabilidad:

  • El menú de navegación hacia las principales secciones del sitio web debe repetirse en todas sus páginas. Es deseable que siempre mantenga el mismo formato. Pueden usarse dos menús, uno de acceso rápido (en el encabezado de la página) y otro más detallado (en el pie).
  • Los breadcrumbs o migas de pan son ayudas visuales, generalmente situadas en el encabezado de la página, que nos indican nuestra ubicación actual y su nivel jerárquico dentro de la estructura del sitio web. Por ejemplo, si accedimos a un sitio web de comercio electrónico por su página de inicio y navegamos hasta encontrar bicicletas rodado 26, el breadcrumb puede indicar: «Inicio > Deportes > Ciclismo > Bicicletas > Rodado 26». Cada nivel debe estar enlazado, para que podamos subir varios escalones en la jerarquía sin necesidad de utilizar la opción Atrás del navegador varias veces.
  • El mapa del sitio muestra todas sus páginas internas organizadas jerárquicamente. Si el usuario quiere acceder a una página de nivel muy profundo pero no recuerda la sucesión de enlaces necesaria para llegar a ella, el mapa del sitio le proporcionará un enlace directo.

Una buena navegabilidad agiliza la experiencia de navegación por nuestro sitio web, eliminando cualquier obstáculo entre el usuario y la información que busca. Puede ser el principio de una relación cordial entre la marca y sus potenciales consumidores.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce