7 terribles errores de navegación en el sitio web que debes evitar

La navegación de un sitio web es uno de los elementos más importantes en el diseño de un sitio. Los visitantes necesitan usar la navegación para recorrer el sitio web y encontrar la información que buscan rápidamente.

Si la navegación es confusa o si hace tropezar al usuario de alguna manera, corre el riesgo de que se sienta frustrado y abandone el sitio por completo. En pocas palabras, la navegación del sitio web debe ser clara e intuitiva. Para lograr estos rasgos, describo 7 errores que realmente debes evitar en el diseño de la navegación de tu sitio web.

1. Demasiadas opciones

Dale a una persona 15 opciones para elegir y le tomará más tiempo hacer una elección que si solo le hubieras dado 8 opciones. Cuantas menos opciones posibles pueda tomar alguien, más rápido podrá evaluar esas opciones y luego tomar una decisión.

Desafortunadamente, cuando se trata de la navegación del sitio web, muchas empresas intentan incluir todo lo posible en la barra de navegación principal de su sitio para que los visitantes tengan acceso inmediato a todas las opciones de la página.

Esto puede sonar como una buena idea, ya que hacer que el contenido sea de fácil acceso es un objetivo que vale la pena, pero una sobrecarga de enlaces de navegación en realidad terminará siendo contraproducente. En lugar de permitir que los visitantes vean fácilmente qué páginas están disponibles, se verán abrumados por la variedad de opciones y no podrán tomar una decisión rápida sobre qué hacer a continuación.

En el momento en que esas personas comienzan a preguntarse qué deben hacer a continuación, corre el riesgo de que lo que realmente hagan sea hacer clic en el botón "Atrás" que los aleja de su sitio y su confuso esquema de navegación.

Cuando planifique y diseñe la navegación principal de un sitio, sea agresivo en la edición de ese menú a la menor cantidad posible de opciones más importantes. Al presentar menos opciones por adelantado, en realidad alentará a las personas a tomar decisiones más rápidas y profundizar en su sitio.

2. Opciones incorrectas

Otro error que cometen las personas cuando planifican la navegación de un sitio, especialmente cuando comienzan a decidir qué dejar en la navegación principal y qué pasar a la navegación de subsección, es que cortan los elementos incorrectos y dejan enlaces que no son importantes para la navegación real de un sitio. audiencia.

Recuerde, un sitio web debe diseñarse para las necesidades de las personas que lo utilizarán. Como tal, el contenido o las características que son importantes para ellos son en lo que deben centrarse.

Un enlace como "Mensaje del presidente" puede ser importante para el director ejecutivo de una empresa, pero si los clientes de esa empresa no están buscando ese contenido, colocarlo en la fila de navegación es un error, especialmente si está allí en lugar de un enlace que en realidad es importante para los clientes del sitio!

3. Ve a lo grande o vete a casa

Los sitios web de hoy se visitan en una variedad de dispositivos y tamaños de pantalla. Los días en los que solo se usaban monitores de escritorio gigantes para acceder al contenido web han quedado atrás, por lo que para tener éxito en la Web hoy en día, los sitios y su navegación deben adaptarse a esta amplia gama de pantallas.

Con demasiada frecuencia, los esquemas de navegación se diseñan únicamente para monitores de pantalla grande. En pantallas más pequeñas, incluidas tabletas y teléfonos, esa navegación se descompondrá y quedará inutilizable. Esta es la razón por la cual los sitios web deben construirse con un enfoque receptivo para el soporte de múltiples dispositivos.

Con un sitio receptivo, la navegación se puede rediseñar para diferentes tamaños de pantalla para garantizar que siempre sea clara y fácil de usar. Una plataforma como Webydo, con su editor de respuesta perfecta de píxeles, es una excelente manera de diseñar diferentes esquemas de navegación para los diversos tamaños en los que se mostrará un sitio web, y con la plataforma de desarrollo sin código de Webydo, una vez que se diseñan la navegación y las páginas, se puede publicar fácilmente como páginas web de trabajo!

4. Mayhem del menú de salida

Mientras trabaja para reducir el número de opciones para el menú principal de un sitio, comenzará a encontrar enlaces y páginas que se presentan mejor como submenús. Por ejemplo, el navegador principal puede tener una opción para "Nuestra empresa", y debajo de este botón/sección puede tener otras opciones que, si bien son necesarias para el sitio, no son lo suficientemente importantes como para garantizar la ubicación del navegador principal. Estos podrían incluir:

• Historia de la Compañía
• Equipo de liderazgo
• Testimonios
• Carreras

Una de las formas en que puede presentar estos submenús es con un menú desplegable o flotante. Aquí es donde aparece un menú una vez que pasa el cursor del mouse sobre un enlace de nivel superior. Sin embargo, este tratamiento, aunque común, puede prevenir algunos problemas.

Por ejemplo, en los dispositivos de pantalla táctil donde técnicamente no hay un estado de "desplazamiento", desea asegurarse de que sus enlaces aún sean accesibles para los usuarios. También desea evitar los menús desplegables que tienen 3 o más niveles. A menudo es difícil navegar por los sistemas de menús que tienen menús flotantes que provienen de otros menús flotantes, así que evite estos menús difíciles de manejar en cualquier sitio que diseñe.

Si desea obtener más información sobre qué tipo de navegación es el más adecuado para su sitio, La importancia de los patrones de diseño de navegación analiza los diversos tipos de sistemas de navegación utilizando ejemplos de algunos de los sitios web y aplicaciones web más populares.

5. Inconsistencia

Una vez que una persona descubra cómo usar su menú de navegación y se sienta cómoda con el lugar donde está todo, ¡no cambie eso! Los sitios web deben tener una navegación constante a lo largo de toda la experiencia: para cada iteración de un menú, en todos los dispositivos e independientemente de la página en la que se encuentren. Los submenús pueden cambiar de una página a otra, pero la navegación principal o los controles deben ser inamovibles.

6. Demasiado largo

Es importante editar las opciones de navegación de un sitio para presentar menos opciones, pero también debe asegurarse de que la etiqueta de texto para las opciones restantes sea breve y sencilla.

Un enlace que dice "Todo sobre nuestra empresa" no es necesario cuando solo "Nuestra empresa", "Empresa", "Acerca de nosotros" o "Acerca de" funcionarían bien. Puede que esto no parezca una gran edición, pero hemos pasado de 4 palabras a solo 1 o 2.

Si edita de esta manera en toda una barra de navegación, habrá reducido a la mitad la cantidad de texto que las personas tienen que procesar y, al mismo tiempo, transmitirá el contenido adecuado para esos enlaces.

7. Tono incorrecto

Cada sitio web tiene un tono. Ese tono puede ser relajado y amistoso, profesional y directo, o cualquier otra posibilidad. Cualquiera que sea el tono de un sitio, el idioma de la navegación debe reflejarlo.

Si un sitio web está destinado a ser amigable y útil, un enlace que dice "Cómo podemos ayudar" puede ser más adecuado que uno que simplemente dice "Servicios". Al comprender el tono del mensaje de un sitio, puede diseñar una navegación que sea consistente con ese tono.

Sí, en este caso el primer texto es mucho más largo que el segundo, lo que parece contrario a otros consejos presentados en este artículo, pero recuerda que el objetivo no es necesariamente hacer que el texto sea lo más breve posible, sino tomar las decisiones correctas en general. Esto incluye la longitud de texto adecuada, pero también incluye el tono correcto, las opciones y más.

Si está buscando una solución de diseño o ideas para la navegación de su propio sitio, eche un vistazo a esta publicación.

Para concluir

El diseño de la navegación de un sitio web puede hacer o deshacer una experiencia. Al garantizar que la estructura de navegación sea clara y fácil de usar, alienta a los visitantes a pasar algún tiempo en un sitio y los ayuda a dirigirlos al contenido o las funciones que son importantes para ellos y para su negocio.