(see the
* 'adobe' handle in functions.php — no async, no defer), so a page-load
* Target offer has already set `data-hdr` by the time this runs.
*
* An answer that lands after this point is inert rather than acted on:
* `apply()` finds the prune settled and does nothing, so the visitor
* keeps the nav they were served instead of watching it change. That is
* the deliberate trade-off — a late activity collects no data, but no
* visitor ever sees the wrong nav or waits for the right one.
*/
(function () {
var VARIANTS = ["a","b","c"];
var DEFAULT = "a";
var root = document.documentElement;
var settled = false;
function valid(v) { return VARIANTS.indexOf(v) !== -1; }
function prune(active) {
if (settled) return;
settled = true;
var list = document.querySelectorAll('#site-header > .header-variant');
for (var i = 0; i < list.length; i++) {
if (list[i].getAttribute('data-header-variant') !== active) {
list[i].parentNode.removeChild(list[i]);
}
}
root.setAttribute('data-hdr', active);
// Read by the Adobe Analytics client to attribute the test.
root.setAttribute('data-hdr-active', active);
if (typeof window.initHeaderNav === 'function') window.initHeaderNav();
/**
* `variant` is set before the event so late listeners can tell
* "already done" from "not yet". main.js is enqueued in the footer
* and therefore always misses the event itself.
*/
window.medalliaNav.variant = active;
document.dispatchEvent(new CustomEvent('medallia:nav-ready', {
detail: { variant: active }
}));
}
window.medalliaNav = {
variant: null,
apply: function (v) { if (valid(v)) prune(v); }
};
// `?hv=` sets this server-side; a Target offer in the blocking
// embed sets it before the body is parsed.
var pre = root.getAttribute('data-hdr');
if (valid(pre)) { prune(pre); return; }
/**
* Carried forward from an earlier pageview. Read client-side, never in
* PHP: WP Engine does not vary its page-cache key on arbitrary cookies,
* so server-side personalisation here would serve the first anonymous
* visitor's variant to everyone.
*/
var m = document.cookie.match(/(?:^|; )medallia_nav_variant=([^;]*)/);
if (m && valid(m[1])) { prune(m[1]); return; }
prune(DEFAULT);
})();
Experiencia Digital
Dise?o de la navegación de sitios web: 6 claves para una experiencia de usuario intuitiva
La navegación de su sitio web es la columna vertebral del mismo. La estructura general tiene un impacto significativo en las ventas, las conversiones y las tasas de rebote, por lo que es fundamental para el éxito general de sus objetivos de marketing.
El usuario medio se forma una opinión de un sitio web en y sólo permanece antes de decidir seguir adelante. Dispone de un corto espacio de tiempo para captar su atención y dirigirle hacia una acción. Si los usuarios de un sitio web no saben qué deben hacer al entrar en él, lo abandonarán para buscar una alternativa más fácil de usar, lo que supone una pérdida del de las ventas potenciales.
Ningún elemento afecta tanto a la experiencia del usuario y a los comportamientos de los usuarios digitales como la navegación por un sitio web. Si se desarrolla un recorrido claro para el usuario con rutas definidas, es más probable que los clientes potenciales conviertan y se conviertan en fieles defensores de la marca.
Para desarrollar una navegación web jerárquica que ayude a los usuarios a encontrar exactamente lo que necesitan, es esencial aplicar buenas prácticas que hagan que su estructura sea más intuitiva. Veamos por qué la navegación influye tanto en el éxito de tu sitio web y algunos consejos para llevarla a cabo.
?Por qué es importante la navegación?
Si suprimiera la navegación de su sitio web, los usuarios no tendrían ni idea de dónde encontrar sus precios, listas de productos, información de contacto, blog y mucho más. Al sentirse completamente confundidos y desanimados por su dise?o, abandonarían su sitio web y comprarían en otro de la competencia. De hecho, son menos propensos a volver a un sitio web después de una mala experiencia.
Las etiquetas y la estructura de su navegación no sólo organizan la jerarquía de su sitio web, sino que también desempe?an un papel fundamental en la optimización de su tasa de conversión global. Como regla general, los usuarios deberían poder aterrizar en cualquier página de su sitio web y encontrar rápidamente lo que necesitan en tres clics. Aunque los usuarios no seguirán siempre una ruta estándar, el objetivo es ayudarles a descubrir información e inspirarles para que sigan haciendo clic hasta que se suscriban a su boletín, compren un producto, etc.
A la hora de desarrollar la navegación de un sitio web, puede elegir entre varios tipos:
Menú superior: Alineado con la forma en que un usuario suele leer un sitio web: de arriba abajo y de izquierda a derecha.
Barra lateral: Situada a la derecha o a la izquierda de una subcategoría, suele incluir opciones de filtrado.
Pie de página: Situado en la parte inferior de un sitio web, el pie de página contiene enlaces a las páginas principales del sitio.
Migas de pan: Se encuentra en la parte superior de una página y se utiliza normalmente en sitios web de comercio electrónico o en grandes centros de contenido.
Aunque cada tipo de navegación tiene sus variaciones y sus mejores prácticas, decidir cuál aportará más valor a los usuarios es primordial para el éxito general de su sitio web.
Las principales métricas para medir el éxito de su navegación
Al desarrollar la navegación, es esencial establecer objetivos e indicadores clave de rendimiento (KPI) sobre cómo medir el éxito de la experiencia de usuario de su sitio web. Una buena experiencia de usuario no solo aumenta la tasa de conversión, sino que también tiene la oportunidad de persuadir a los usuarios para que vuelvan y amplíen su valor de vida del cliente (CLV).
?Cómo saber si su navegación ofrece una buena experiencia al usuario? Echa un vistazo a los siguientes elementos que deberías medir para empezar:
Facilidad de búsqueda/índice de finalización
Es hora de encontrar
Clic inicial
Camino del éxito
Dificultad/los elementos más difíciles de encontrar
Al medir los KPIs y las métricas de éxito adecuados, podrá presentar un argumento más sólido a las partes interesadas clave sobre el impacto financiero de la navegación en el ROI.
6 consejos para una navegación intuitiva en el sitio web
Ahora que comprende la importancia de la navegación de su sitio web, es esencial dise?ar teniendo en cuenta las mejores prácticas para aumentar su ROI y mejorar la experiencia del usuario. Si descubre que su sitio web está recibiendo tráfico, pero no logra generar conversiones, eche un vistazo a estos seis consejos para hacer que su navegación sea más intuitiva:
1. Elija una ubicación prevista
A la hora de dise?ar la navegación, siempre hay que mostrar de forma destacada lo más importante para los visitantes. Algunos dise?adores cometen el error de utilizar un menú hamburguesa para ahorrar espacio, lo que hace que la navegación sólo esté disponible cuando se necesita. Sin embargo, las navegaciones ocultas suelen tiempo de porque los usuarios no siempre saben lo que buscan.
Las expectativas de los usuarios deben guiar su estrategia de dise?o. En lugar de ocultar la navegación, coloque el menú donde los usuarios esperan encontrarlo: la barra superior, los encabezados de página, las barras laterales o el pie de página. Una vez fijada la ubicación, debe tener un aspecto visual diferente del resto del contenido de la página web. Considere la posibilidad de utilizar espacios en blanco para separar el contenido de la navegación, de modo que los usuarios puedan ver fácilmente en qué pueden hacer clic.
2. Sea descriptivo y breve
La navegación no debe ser una lista de títulos vagos y genéricos. Si el usuario no entiende qué significa cada opción del menú, es menos probable que vaya más allá de la página de inicio. En su lugar, considere el uso de palabras clave que sean exclusivas de su negocio para ayudar a establecer las expectativas del usuario y aumentar sus conversiones potenciales.
?Sabía que su memoria a corto plazo sólo puede a la vez? A medida que su sitio web crece con más páginas y contenidos, puede verse tentado a ampliar su menú con más opciones. Sin embargo, es necesario que el número de títulos de navegación sea breve, para que el usuario pueda recordar todas las opciones sin tener que volver atrás y releerlo todo. Se recomienda incluir sólo siete opciones de menú.
3. Desarrollar una ruta de usuario clara
Tanto si alguien entra en su sitio web a través de un artículo de blog como de una página de servicios, es posible que no sepa exactamente lo que quiere o adónde tiene que ir. Su navegación tiene que ser la estrella polar: guiarles para que pasen más tiempo en su sitio y acaben convirtiendo. Considere las siguientes formas sutiles de guiar a los usuarios:
Incluir el menú principal en la parte superior de cada página con una opción de llamada a la acción definida.
Muestre su logotipo en la parte superior izquierda de la pantalla que enlaza con su página de inicio
Mostrar migas de pan en la parte superior de cada página que muestren las páginas anteriores visitadas.
Incluir una barra lateral con páginas sugeridas para visitar a continuación
Con una navegación más intuitiva, puede dejar claro en qué parte de su sitio web se encuentra el usuario y permitirle avanzar.
4. Reducir menús desplegables
Los menús desplegables, una función de navegación habitual que ahorra espacio, pueden ser difíciles de navegar y crear una experiencia móvil complicada. Los menús desplegables hacen dudar a los usuarios si ven demasiadas opciones, les impiden hacer clic en las páginas de mayor valor y plantean problemas de accesibilidad. Si su menú desplegable sólo incluye unos pocos elementos, debe plantearse si merece la pena tenerlo.
La única excepción para los desplegables es desarrollar un mega menú para organizar su navegación si tiene un gran número de categorías o productos. Por ejemplo, grandes minoristas como Wayfair y Home Depot utilizan mega menús porque sería difícil encontrar una categoría específica sin utilizar la barra de búsqueda. Para que un mega menú sea más intuitivo, utilice subcategorías bajo la categoría principal para mantener sus páginas organizadas y claras para que los usuarios las encuentren.
5. Dise?o para todos los usuarios
Para desarrollar una navegación que ofrezca una experiencia de usuario excepcional, hay que dise?ar para todos los usuarios. Es esencial reconocer que, aunque tenga un público objetivo, todos son diferentes. Hay usuarios de ordenadores de sobremesa y móviles, personas con conocimientos tecnológicos y personas mayores, así como usuarios discapacitados con necesidades específicas. De hecho, hay más de en todo el mundo con discapacidades y diferencias visuales.
Para que la navegación tenga éxito, hay que identificar todas las dificultades que puedan plantearse a los usuarios y desarrollar soluciones en torno a ellas. Considera a?adir las siguientes soluciones para que tu navegación sea más accesible:
Desarrollar una X para cerrar la navegación o subnavegación
Incluir tama?os de letra más grandes
Aumentar el contraste entre colores para facilitar la lectura
Incluir texto alternativo en las imágenes y subtítulos en los vídeos
Al desarrollar teniendo en cuenta la accesibilidad, podrá crear una mejor experiencia de usuario para todos sus clientes potenciales, lo que podría traducirse en mayores tasas de conversión.
6. Prueba en el móvil
Con que acceden a Internet desde un smartphone, su navegación debe mostrarse correctamente en todos los tama?os de dispositivos móviles. Cada vez son más las personas que utilizan sus smartphones para todo, desde ir de compras hasta buscar una pizzería local, por lo que la navegación intuitiva de su sitio web debe ser 100% compatible con dispositivos móviles para satisfacer la demanda de los consumidores.
Cuando realice las pruebas, compruebe que las etiquetas de navegación son fáciles de leer y tienen un tama?o de fuente mayor. Para cumplir las normas de accesibilidad, un tama?o de fuente de 16px suele ser una buena opción por defecto. Las opciones de navegación también tienen que ser fácilmente clicables con un tama?o físico y táctil objetivo de unos .
Desarrolle experiencias de usuario memorables con una navegación sólida
Su navegación nunca ha sido tan importante. Con un panorama digital competitivo y más opciones disponibles para los consumidores, su navegación debe proporcionar las respuestas adecuadas a los usuarios que buscan soluciones. Una navegación sólida no solo guía a los usuarios a las páginas adecuadas, sino que también tiene más probabilidades de generar conversiones y futuras visitas al sitio web.
A la hora de desarrollar una navegación intuitiva, tenga en cuenta los siguientes consejos:
Elija una ubicación predecible para que sus usuarios la encuentren fácilmente
Las opciones de categoría deben ser breves y descriptivas
Crear un camino claro que guíe al usuario hacia la conversión
Eliminar los menús desplegables para suprimir el número de clics
Dise?o accesible para todos los usuarios
Prueba de navegación en todos los dispositivos móviles
Descargue The Essential Tools of Digital Experience Analytics para descubrir el lugar de cada herramienta en su estrategia de experiencia digital y cómo aprovecharlas al máximo para maximizar los insights accionables.
