Desnudar un sitio web hasta su mínima expresión, ignorando por un momento, el contenido que solo es texto e imágenes, toda una experiencia de navegación es, es navegación. Hace clic en enlaces que lo llevan a otras páginas con más enlaces. La navegación principal de su sitio es una parte crucial de esto, ya que representa la entrada persistente a las páginas más importantes de su contenido.
Muchos sitios también tienen navegación secundaria, relegada al final del sitio, que contiene "cosas aburridas" como Términos de uso o enlaces de Política de privacidad; tiene sentido no tener esos enlaces en su navegación principal; no quiere que arruinen su página de destino. Pero aquí hay una pista, si tiene que tener un mapa del sitio incluido en esa barra de navegación secundaria, lo está haciendo mal.
Un buen diseño requiere una buena organización. Necesita averiguar qué información es necesaria para el usuario y luego dividirla en secciones. Este es un proceso estándar para los diseñadores web, y a menos que su sitio sea de desplazamiento de página / paralaje único, querrá ponerlo en páginas individuales para que sea más fácil de digerir, al que tradicionalmente se accede a través de una barra de navegación principal. El formato estándar para esto es una barra horizontal a lo largo de la parte superior del sitio, y mientras que usted puede pensar que tener una navegación bonita o caprichosa involucrará al usuario; o cree que puede redefinir 'navegación' y hacer que sea más útil teniendo un enlace que se subdivide a través de enlaces de anidamiento en las páginas; no funcionará
La mayoría de los usuarios no quieren trabajar para usar el sitio, por desgracia, esperarán ver el formato estándar. Por mucho que me gustaría ver diseños innovadores y procesos de navegación, el usuario promedio no lo hace, y se apagará instantáneamente. Tener una interfaz no estándar para su navegación principal, en pocas palabras, aumentará su tasa de rebote al instante. Lo más importante aquí, sin embargo, no es el estilo, sino la persistencia. Tener la navegación en cada página es importante, junto con la coherencia de la ubicación, ya que es un hito en su página, atando la experiencia de navegación de su usuario.
En este punto, probablemente ya habrás notado el punto que estoy tratando de decir: el diseño web es tan importante para destacar, pero tu navegación no es el lugar indicado para hacerlo.
El segundo error que a menudo se comete es pensar que la navegación es contenido. No lo es Imagina si fuiste invitado a una fiesta, buena comida, buena gente y conversación; sin embargo, la invitación no te dice esto, no es lo que esperas en absoluto. En lugar de decirle dónde, cuándo o qué va a ser la fiesta, le da un nombre elegante, tal vez 'John's Fancy Pants Party of the Century'. Entiendes la idea. La navegación debe ser descriptiva, es solo un enlace, la gente necesita saber qué esperar. No olvides que es parte de tu SEO, por lo que si alguien selecciona tus PRODUCTOS en Google, serán llevados a tu página de Productos, a menos que, por supuesto, lo etiquetes como "Nuestras creaciones", o algo igual de hermoso y único.
Si miras los sitios que han ganado premios de diseño, es muy probable que rompan una de las reglas de navegación que he expuesto aquí. Sin embargo, su uso del espacio en blanco y el diseño elegante es a costa de la usabilidad. Este tipo de sitio que funciona mal usa lo que se conoce de forma despectiva en la industria del diseño web como 'Mystery Meat Navigation' o MMN. Puede parecer genial y tener total sentido para el diseñador: "¿No es obvio que al pasar el ratón sobre el lado izquierdo de la página, a 45.1 cm de la página aparecen los enlaces a la página que resaltan mis puntos de vista políticos? Es claramente una referencia a Farenheit 451, mi libro favorito, y las opiniones políticas de izquierda que comparto con él. ¡Duh! "Dejando a un lado los escenarios extremos, MMN puede ser una pesadilla para un usuario que realmente quiere usar su sitio, no solo para ver lo bonito que es. ¡Imagine la tasa de rebote de un sitio que pasa por cada enlace, como un servicio telefónico automático que pasa por opciones! ¡MMN es lo mismo! 'Coloca el mouse sobre 1 para: Inicio ', 'Pasa el mouse sobre 2 para: Acerca de ' ... entiendes la idea. Tienes que ir a través de cada enlace para encontrar lo que quieres, y para cuando hayas llegado al final de la navegación, ¡has olvidado lo que buscaste! Esto también se aplica a la retroalimentación de ubicación, que básicamente se destaca, por lo general con un cambio de color, en el sitio en el que se encuentra el usuario, a través de la navegación.
La navegación es el portal familiar para contenido nuevo e interesante. Aunque anteriormente le he estado diciendo que se adhiera a las convenciones por motivos de familiaridad, y para mantener su tasa de rebote lo más baja posible (siempre que su contenido sea bueno), hay algunos de los elementos de navegación que debería evitar.
El delincuente primario es el menú desplegable temido, el mayor pecado si no tiene una interfaz móvil por separado. A menudo no se extiende a los rastreos del motor de búsqueda, y es malo para la usabilidad si el usuario no lo espera. Ven los enlaces superiores (padres) y hacen su elección según las opciones que tienen allí, y de repente hay otras páginas. No ingrese sitios secundarios anidados a su navegación principal, es desordenado. Esto contribuye a un punto general, tener muchas páginas diluye sus visitas y, por lo tanto, tiene un impacto negativo en su SEO relacionado con el tráfico. Si necesita más páginas de las que puede caber en una barra de navegación estándar, tiene un contenido malo, detallado y sufrirá como resultado.
Si aún no lo ha adivinado, es crucial mantener el número de elementos en su navegación hacia abajo. La sobrepoblación es especialmente evidente en los menús de navegación de la barra lateral, donde los diseñadores piensan que pueden extenderse indefinidamente ya que el usuario está acostumbrado a desplazarse verticalmente. Ahora suponiendo que el menú es fácilmente reconocible como se mencionó anteriormente, tener menos elementos los hace más fáciles de memorizar en el corto plazo, lo que significa que su sitio es más útil para el usuario promedio, ya que puede recordar cuáles son sus páginas principales y enlaces.
A menudo se menciona que la memoria a corto plazo puede contener solo 7 elementos, por hasta 20 segundos, lo que significa que debe restringir su navegación a 7 elementos o menos. Si bien esto tiene una lógica lógica, y odiaría respaldar la navegación con más elementos, si tiene enlaces muy específicos a su sitio, puede relegar los más familiares a zonas menos importantes de la barra (que explicaré más adelante). encendido), como los usuarios esperarán, y saben que están allí sin tener que buscar demasiado.
En esto, la era de Google, todos sabemos cuán importante es el buen SEO; y por 'buen SEO' no me refiero a comprometer su contenido y su sitio para una mayor clasificación de búsqueda, porque eso es solo un mal SEO. La optimización de su sitio para los rastreadores de motores de búsqueda no siempre implica usar tantas palabras clave como sea posible ni nada de eso, puede ser tan simple como no usar botones en su navegación. Siempre use enlaces para su navegación, es una buena opción de diseño a largo plazo, y puede ser detectada por los motores de búsqueda. También hará que su sitio sea más útil (siempre que esté bien diseñado). Los usuarios con mala vista, por ejemplo, que aumentan su tamaño de texto, se beneficiarán particularmente de esto; así como los usuarios de dispositivos móviles tendrían que esperar más para cargar las imágenes de sus botones, y luego esperar un poco más después de hacer clic en ellos mientras se cargaba su estado de actualización. Imposible utilizar imágenes de botones como navegación, usar imágenes reales sin subtítulos es una mala idea. Este tipo de navegación nunca se recomienda, siempre se debe usar el texto, y como se indicó muchas veces anteriormente, en un formato estándar.
Finalmente, llegamos a la más cuestionada y psicoanalítica de todos los consejos de navegación, ¡el orden! A menudo se afirma, con una lógica bastante sólida, que el primer y el último enlace de una barra de navegación estándar tienen la máxima prioridad para el subconsciente, por lo que muchos sitios usan un banner como enlace de página de inicio o de destino actualmente. de tener un enlace Home tradicional al inicio de la navegación. Lo que sucede con el omnipresente enlace de Home es que a menudo se pasa por alto por la simple expectativa de que estará allí. Hace muy poca diferencia en la experiencia de navegación del usuario promedio, ya sea que lo sea o no, y por lo tanto no se cuenta realmente como el "primer enlace" si decide colocar uno allí.
Aparte de eso, los usuarios verán de forma natural los enlaces de izquierda a derecha, suponiendo que son occidentales y se leen de esa manera, como es probable que hagan la mayoría de sus usuarios. Esto significa que los enlaces con el menor impacto individual serán aquellos en el medio del menú de navegación, sin embargo, pueden tener un efecto colectivo que puede tener repercusiones en cómo el subconsciente del usuario percibe la experiencia de su sitio. Esto se detalla más en mi artículo sobre contando historias con tus diseños , donde explico cómo el orden en el que coloca los elementos del menú cuenta una historia sobre la progresión de un usuario a través de su sitio. Esta teoría es principalmente especulativa, sin embargo, tiene sentido que tener un enlace de soporte directamente después de una tienda / productos en su menú puede inferir que no se entregarán sus productos, y que se necesita soporte y se usa lo suficiente para garantizar un lugar en su principal Menú de Navegación.
Si bien todos estos consejos son relevantes para la mayoría de los sitios web tradicionales, y mejorarán la usabilidad para el usuario promedio, no tome estos consejos como un evangelio. Todos los sitios y diseños son diferentes, y algunos pueden beneficiarse al ignorar algunas de las pautas enumeradas anteriormente. Sobre todo, haga que su sitio se pueda usar primero y, en segundo lugar, su porcentaje de rebote disminuirá y podrá aprovechar lo que tiene.
Eche un vistazo a la navegación de otros sitios y trate de pensar qué hace que funcione, que no funcione o que incluso lo haga inutilizable. Tomar RockPaperShotgun , por ejemplo. Tiene una barra de navegación, sí, ¡y habría sido estándar hace unos 10 años! Funciona, pero su formato básico y numerosos enlaces lo hacen sentir muy secundario, y el sitio parece que falta algo en el gran agujero al lado del título, donde iría una barra de navegación; una actualización a un diseño con pestañas podría mejorar esto.
O tomar Google.com , un ejemplo obvio, por supuesto, este es un poco diferente, sin embargo, ya que tienen un banner de navegación persistente para una red de sitios. Notarás que el enlace para YouTube (el único vínculo donde el menú del banner no persiste) se coloca en el medio. Esto se debe a que YouTube se usa a menudo como un sitio independiente, en lugar de ser parte de la red de Google, por lo que se lo relega al lugar menos importante de la barra. La pestaña desplegable 'más' está al final para que se sienta como una extensión de la barra original, sin elementos que obstruyen el banner principal. Los otros que probablemente ha resuelto usted mismo; el botón Buscar es el primero que utiliza el mismo razonamiento que el botón "Inicio", y el vínculo Imágenes es el segundo más utilizado, lo que significa que necesita un mínimo de desplazamiento del ojo y del mouse para hacer clic en él. Una vez que comience a descomponerlo, probablemente comenzará a ver cuánto piensa Google en esto, y puede ver por qué son uno de los principales innovadores en las esferas de diseño en línea.
Eche un vistazo y vea si puede averiguar por qué el resto de los enlaces se colocaron donde están, y luego piense si hay alguna mejora que pueda realizar en su navegación.
¿Te apegas a los consejos aquí? ¿Está a favor de la navegación de un solo nivel o desplegables completos? Háganos saber en los comentarios.
Imagen / miniatura destacada, imagen de poste indicador a través de Shutterstock.