Prácticas recomendadas de navegación de sitios web: Ayude a los visitantes a encontrar su camino

Jazmie Jamaludin

La navegación es la parte del diseño web que nadie nota cuando está bien hecha y todo el mundo siente cuando está mal hecha. Si se hace bien, los visitantes se deslizan hacia lo que quieren sin pensarlo. Si se hace mal, se quedan haciendo clics con una ligera frustración, buscando una página que debería haber sido obvia, hasta que se rinden y se van. En la web, un visitante confundido es un cliente perdido, y la confusión suele empezar con el menú.

Lo alentador es que una buena navegación no se trata de un diseño inteligente; se trata de un pensamiento claro. Aquí están los principios que ayudan a los visitantes a encontrar su camino —y a realizar la acción que usted quiere que hagan— antes de que pierdan la paciencia.

Por qué la navegación hace o deshace un sitio

Su navegación es el mapa que los visitantes usan para moverse por su sitio. Si el mapa es claro, la gente encuentra lo que necesita y se mantiene comprometida. Si está desordenado, confuso o esconde las cosas importantes, se van —a menudo sin siquiera ver la página que los habría convencido. La navegación también da forma a cómo los motores de búsqueda entienden la estructura de su sitio, por lo que un menú lógico ayuda a su SEO, así como a sus visitantes. En resumen, la navegación no es decoración; es una de las influencias más directas en si su sitio convierte o no.

~50%
de las personas citan el diseño y la facilidad de navegación de un sitio web como el factor principal para juzgar la credibilidad de una empresa
Fuente: Stanford Web Credibility Research
Qué hacer y qué no hacer en la navegación
No
Mantenga el menú principal corto (5-7 elementos) Abarrote cada página que tenga
Use etiquetas sencillas y familiares Use una redacción ingeniosa o vaga
Ponga los elementos más importantes primero Entierre las páginas clave en submenús
Haga que funcione limpiamente en el móvil Esconda todo detrás de un menú diminuto
Manténgalo consistente en todas las páginas Cambie el menú de página en página

Mantenga el menú principal corto

El error de navegación más común es intentar poner todo en el menú principal. Cuando un menú tiene quince elementos, ninguno de ellos destaca, y los visitantes se sienten abrumados por la elección. Limite su menú principal a la media docena de cosas que la mayoría de los visitantes quieren —típicamente de cinco a siete elementos. Todo lo demás puede vivir en submenús, el pie de página o dentro de páginas relevantes. Un menú corto y enfocado hace que los caminos importantes sean obvios, y los caminos obvios se siguen.

Use palabras que la gente entienda

Las etiquetas de su menú deben ser claras al instante, no ingeniosas. "Servicios" es mejor que un término inventado bonito; "Contacto" es mejor que "Chateemos" si hay alguna duda. Los visitantes escanean los menús en una fracción de segundo, y cualquier cosa que les haga detenerse para decodificar una etiqueta es fricción. Use las palabras sencillas que la gente espera, y navegarán en piloto automático, que es exactamente lo que usted quiere.

Lidere con lo que más importa

El orden no es aleatorio. La gente presta más atención a los primeros y últimos elementos de un menú, así que coloque sus destinos más importantes —las páginas que generan consultas o ventas— en esas posiciones prominentes. Si su objetivo son las reservas, haga que el camino hacia la reserva sea imposible de pasar por alto. Estructure el menú en torno a sus prioridades comerciales y las necesidades más comunes de sus visitantes, no en torno a su organigrama interno.

Haga bien la navegación móvil

En un teléfono, el menú completo suele colapsarse en un único icono (la familiar "hamburguesa" de tres líneas). Eso está bien, pero significa que su navegación está oculta por defecto, por lo que lo que hay dentro tiene que ser especialmente claro y fácil de tocar. Haga que el icono del menú sea obvio, los elementos lo suficientemente grandes para los pulgares, y las acciones más importantes —llamar, reservar, comprar— accesibles sin buscar. Dado el volumen de tráfico que proviene de los teléfonos, la navegación móvil merece una atención real (consulte diseño web "mobile-first").

Ayude a los visitantes que están perdidos

Incluso con una excelente navegación, a veces la gente no encuentra lo que busca. Algunas redes de seguridad ayudan. Un cuadro de búsqueda permite a los visitantes que saben lo que buscan ir directamente a ello. Un logotipo que siempre enlaza a la página de inicio proporciona un botón de reinicio fiable. Las rutas de navegación en páginas más profundas muestran a la gente dónde están y cómo volver. Y una página útil y bien diseñada para cuando algo no se encuentra evita que un callejón sin salida se convierta en una salida sin retorno. Estos pequeños detalles captan a los visitantes que su menú principal no alcanza.

No olvide el pie de página

El pie de página es el caballo de batalla silencioso de la navegación. Es donde los visitantes buscan instintivamente enlaces secundarios —datos de contacto, políticas, perfiles sociales, páginas menos prominentes— y aparece en cada página. Úselo para mantener los enlaces útiles pero no primarios que abarrotarían su menú principal, manteniendo la navegación superior limpia y, al mismo tiempo, haciendo que todo sea fácil de encontrar. Un pie de página bien organizado también refuerza la estructura de su sitio tanto para los visitantes como para los motores de búsqueda.

Navegación y conversión van de la mano

En última instancia, la navegación no se trata solo de ayudar a la gente a navegar; se trata de guiarlos hacia la acción. Cada página debe facilitar el siguiente paso lógico, ya sea profundizar en sus servicios o ir a la caja o al contacto. Una navegación clara reduce la fricción entre el interés y la acción, que es el corazón de convertir visitantes en clientes (vea qué hace que un sitio web convierta). Funciona de la mano con tener las páginas principales correctas en primer lugar: una buena navegación es tan útil como las páginas que conecta.

Regla general. Si un visitante primerizo no puede saber dónde hacer clic en unos pocos segundos, el menú está haciendo demasiado. Recórtelo hasta que los caminos importantes sean obvios, y luego deje que los submenús y el pie de página hagan el resto.

Preguntas frecuentes

¿Cuántos elementos debe tener mi menú principal?+
Para la mayoría de los sitios de pequeñas empresas, entre cinco y siete elementos principales es lo ideal. Menos puede parecer escaso; muchos más empiezan a abrumar y diluir los caminos importantes. Mantenga el menú centrado en lo que la mayoría de los visitantes quieren, y mueva los enlaces secundarios a submenús o al pie de página.
¿Debo usar menús desplegables?+
Los desplegables pueden ayudar a organizar sitios más grandes, pero úselos con moderación y manténgalos poco profundos. Los menús profundamente anidados frustran a los visitantes, especialmente en el móvil, donde son difíciles de usar. Si se encuentra enterrando páginas importantes a varios niveles de profundidad, es una señal de que su estructura necesita ser simplificada.
¿Es necesario un cuadro de búsqueda?+
Para sitios pequeños con pocas páginas, a menudo no, una navegación clara hace el trabajo. Para sitios más grandes, tiendas con muchos productos o sitios con mucho contenido, un cuadro de búsqueda se vuelve realmente valioso, permitiendo a los visitantes que saben lo que quieren ir directamente a ello.
¿Dónde debe ir mi botón de llamada a la acción en la navegación?+
Un botón prominente y visualmente distinto en la navegación —"Reservar ahora", "Obtener presupuesto"— funciona bien, porque permanece visible mientras los visitantes navegan. Hacer que su acción principal forme parte de la navegación persistente significa que las personas pueden actuar en el momento en que están listas, desde cualquier página.

En resumen

Una buena navegación es invisible: los visitantes encuentran lo que quieren tan fácilmente que nunca piensan en el menú. Manténgalo corto, etiquételo en lenguaje sencillo, lidere con lo que importa, haga que funcione perfectamente en el móvil y añada redes de seguridad para los perdidos. Trate su pie de página como una navegación secundaria útil, y recuerde que el objetivo principal es guiar a las personas hacia la acción, no solo dejarlas deambular. Si la navegación se hace bien, todas las demás partes de su sitio funcionan mejor, porque la gente puede realmente llegar a ellas.

Si desea ayuda para estructurar un sitio que sea fácil de navegar, puede explorar cómo lo aborda un servicio de diseño web personalizado o ponerse en contacto.

Referencias

  1. Stanford Web Credibility Research. “Stanford Guidelines for Web Credibility.” credibility.stanford.edu.
  2. Nielsen Norman Group. “The Hamburger Menu and Navigation.” nngroup.com.
Regresar al blog

AUTOMATICE. OPTIMICE. DOMINE.

Optimice sus operaciones y ofrezca una experiencia de cliente fluida. Deje que nuestros expertos implementen tecnología de vanguardia y flujos de trabajo optimizados para que pueda concentrarse en lo que mejor sabe hacer.