Diseños de menú creativo para sitios web y mejores prácticas

El uso del sitio debe ser una de las principales consideraciones al construir o mantener un sitio web. Si su sitio es difícil de usar, las personas se desanimará a usarlo o volver. Además, en muchos casos, el buen uso se traduce directamente en mejores resultados cuando se trata de SEO. Algunas de las características de un buen uso del sitio web incluyen:
Recepción móvil: cada vez más personas acceden a Internet a través de sus teléfonos móviles (y Google decreta esto como importante para clasificar en la búsqueda, como parte de su iniciativa para recibir en dispositivos móviles).
Velocidad de carga de la página: otra señal de clasificación de Google importante, debido a una correlación con la forma en que las personas interactúan con los sitios web. ¡Según KissMetrics, el 47% de los consumidores esperan que una página web cobre en 2 segundos o menos!
Navegación del sitio: según Orbit Media Studios, si su sitio es fácil de usar y el contenido es fácil de encontrar, esto afecta positivamente el tráfico del sitio que obtendrá de los motores de búsqueda. Gerry McGovern realizó un estudio de resultados que muestran que el 70% de las personas se han basado en la navegación que en la búsqueda al buscar algo, porque es más fácil y más rápido hacer clic en enlaces a ciertas páginas en un sitio web.
Para el propósito de este artículo, nos centraremos en el grado de uso en términos del diseño del sitio web, las mejores prácticas y la inspiración para el diseño del menú.
La navegación web de navegación del sitio es un término general que se refiere a la arquitectura interna de los enlaces de un sitio. Sobre todo, su objetivo principal es ayudar a los usuarios a encontrar fácilmente contenido relevante en su sitio. Ciertamente, hay varios aspectos que constituyen una navegación efectiva en el sitio, pero por el momento, nos centraremos especialmente en el menú, ya que este suele ser el primer elemento de página con el que los usuarios interactúan cuando llegan a un nuevo sitio web. A través del menú El menú de navegación tiende a ubicarse en el frente y el centro de un sitio web (en el sentido figurativo, un menú centrado sería interesante, sin embargo). Para sitios web con diferentes categorías, la funcionalidad del desplegable es una opción para preservar el espacio y para satisfacer la necesidad de categorización. Hoy en día, en una demostración de minimalismo (y usabilidad móvil), muchos sitios web han adoptado un diseño de menú de hamburguesas (esencialmente, un cuadrado con tres líneas horizontales cortas, lo que indica que el menú se puede ampliar con un clic). El tema de la tienda de WooCommerce ofrece un ejemplo útil en la esquina superior derecha:
Fuente de imagen El diseño del menú del sitio de Hamburger es el más extendido cuando se trata del diseño de sitios móviles, porque los desarrolladores tienen la tarea de crear una navegación utilizable en espacios muy pequeños. ¡Ciertamente puede ser difícil crear un menú utilizable en sitios móviles! Dicho todo esto, muchos diseñadores desprecian el menú de hamburguesas, lo que ha llevado a un nuevo movimiento de encontrar formas creativas de navegar por el sitio divertido y funcional. En vista de esto, una heurística común del diseño del menú del sitio web implica colocar el menú de navegación como un elemento permanente en la parte superior de cada página web, para que el usuario pueda encontrar fácilmente el camino de regreso “en el hogar” o buscar la página siguiente que suy. descubrir. Interesado en las mejores prácticas para navegar por el diseño del sitio web La mayoría de los temas de WordPress vienen con un diseño de menú predefinido para el sitio web. Ya sea que desee justificar mantenerlo mientras planea restaurarlo por completo, estas son las mejores prácticas para diseñar el menú, tener en cuenta el uso y SEO:

Cuando sea posible, evite los menús desplegables. A muchos sitios les gusta usar menús desplegables porque ahorran espacio, pero no se recomiendan, especialmente cuando se trata de SEO técnico. Las pruebas de uso del grupo NN han descubierto que a la mayoría de las personas no les gustan los menús desplegables. Esto se debe al hecho de que el ojo humano funciona más rápido que la mano, por lo que las personas piensan que es molesto cuando ya han decidido qué hacer clic y algo más, lo que conduce a una disminución en las visitas a ciertas páginas. Dicho todo esto, el menú “mega desplegable” es un poco más aceptable si el sitio web que diseña tiene tanto contenido que no puede perderse un diseño de menú desplegable. Deshágase de palabras genéricas como “servicios” o “productos”. En su lugar, especifique qué productos o servicios son, porque nadie está buscando las palabras genéricas “productos” o “servicios”. Mejor, antes de decidir los nombres exactos de los elementos del menú, justifique las inclusiones con la investigación de palabras clave SEO. Orbit Media recomienda el uso de etiquetas descriptivas, ya que esta práctica brinda beneficios tanto para los usuarios como para el acceso a los motores de búsqueda con rastreadores. La navegación ocurre en cada página, por lo que si usa un término relacionado con su industria, alerta a Google de que realmente le importa el tema. Recuerde que cada página individual se puede clasificar siempre que se centre en un tema específico.
Además, Orbit Media asesora a la navegación basada en el formato, como organizar páginas de acuerdo con el contenido, como todos los videos, todas las infografías, etc. Esto se debe al hecho de que las personas buscan de acuerdo con el sujeto y no el formato. El posicionamiento (o disposición) de los elementos en el menú de navegación es importante. Hay una lista general sugerida por las páginas que debe tener en un sitio web, como la página “Acerca de”, la página “Contacto”, etc. -Sas son las páginas más a menudo buscadas por los visitantes del sitio. Estas páginas prominentes, que a menudo tienen un alto tráfico (porque se muestran visiblemente) tienen bajas tasas de participación. Use Google Analytics para determinar sus páginas más importantes y encontrar oportunidades de optimización. Los elementos de navegación más importantes son los primeros (o arriba, dependiendo de la orientación de la barra de menú).
Mantenga los elementos del menú al máximo de 7. Los estudios han demostrado que las personas pueden recordar o tomar solo siete información a la vez. Tener demasiadas categorías de elementos de menú puede afectar su capacidad para clasificarlo, porque Google puede interpretar demasiadas categorías aparentemente no relacionadas como un signo de que su sitio no se ha establecido en un cierto nicho. Si sabe que necesitará más de 7 elementos de menú, divídalos en subcategorías.
En cuanto al punto mencionado anteriormente, el diseño del menú del sitio Unido es demasiado complicado: hay demasiadas opciones para que los usuarios los busquen:
La fuente de imagen, por otro lado, Cafebond.com ofrece un ejemplo bien organizado en términos de clasificación simple:
Auditar su menú de vez en cuando. Elimine los enlaces que rara vez están haciendo clic. Cambie el nombre de las etiquetas genéricas para que sean más descriptivas para sus visitantes humanos y para las arañas de los motores de búsqueda. Up o en el lado del contenido de la página principal), el botón de menú grande de la nave espacial se encuentra en el frente y en el centro de su página inicial.
Una vez que haga clic, los usuarios se dirigen a una nueva página con solo cuatro opciones de menú.
Después de elegir a dónde quiere ir, usted presenta opciones adicionales. Cada página ofrece estas nuevas opciones de submenú de diferentes formas convincentes y creativas. Por ejemplo, el enlace “funciona” conduce a fotos a las que se puede hacer clic, mientras que la página de “carrera” ofrece otro tipo de navegación en el menú, que muestra posiciones abiertas con flechas que, cuando se hace clic, ejecuta para mostrar las descripciones de cada uno artículo.


Los usuarios pueden volver fácilmente a navegar por el menú principal haciendo clic en el botón “Menú” (que se convierte en un menú de hamburguesas) en la parte inferior de la página.

Diseño de Equus
Esta agencia de marca y comunicación de Singapur muestra que el diseño minimalista del menú del sitio web no es aburrido. Hay un menú fijo en la parte superior de la página inicial de su sitio, pero al hacer clic en uno de los enlaces superiores, cada página tiene su propio estilo de navegación único. Por ejemplo, en su página “Acerca de”, a los visitantes se les presentan un diseño de una sola página en el diseño de navegación existente, que ofrece una experiencia de usuario interesante. Como en el caso del gran menú del sitio de la nave espacial mencionada. Up, los elementos principales del El menú está relacionado con páginas estructuradas con diferentes aspectos internos.

NKI Studio

Kni Studio tiene el menú en una ubicación no convencional: centrado en la parte inferior de la página. Además, puede hacer clic en “+” para obtener enlaces sociales relevantes. Tendencias en la navegación 2018 Según ImpactBND, muchos diseñadores buscan alternativas al menú mínimo de hamburguesas móviles. De hecho, Spotify ha eliminado su menú de hamburguesas a favor del menú Archivo, lo que condujo a un aumento del 30% en el menú de navegación. Irónicamente, el diseño del menú de hamburguesas todavía disfruta de muchos artículos sobre las tendencias de diseño del menú. Además, el uso del megașeni de caída y el menú fijo (ambas tendencias de diseño del menú de 2017) siguen siendo temas candentes que se mueven en 2018. Algunos menús fijos o mega menús comienzan a incluir elementos visuales como iconos, fotos o incluso un mapa.


El sitio web de Kellogg ofrece un buen ejemplo de menú de depósito de mega multidimensional:
Universal Navigation es otra tendencia de diseñar el menú del sitio web, que recientemente ha sido observada por muchos. En la parte superior de la página de inicio del sitio web hay un enlace de regreso al sitio principal. Esto es útil para empresas con muchas sucursales o franquicias, como Disney. Vea este concepto en acción sobre el subsitio congelado de Disney: los enlaces de esquina con mayúsculas son otra tendencia de diseño de menú creativo interesante. Esto le da al sitio web una sensación profesional que se siente intuitiva y simétrica.

Los sitios web que utilizan esta tendencia de diseño de menú, como Sprout Social, tienen mucho que compartir, pero que hagan esto de una manera que no abrume:

Abra sombras, fuentes sans-serif y espaciado adicional ayudan a funcionar esta tendencia de diseño del menú. Los diseños de menú creativo para sitios web y las mejores prácticas pensamiento creativo sobre los elementos de navegación de sitios pueden llevar a su sitio más memorable. Pero cuando diseñe, no se olvide del propósito real de navegar por el sitio: para ser más fácil para los usuarios buscar y acceder al contenido. Todas las campanas y silbatos en el mundo no pueden compensar por navegar en el sitio web que es inutilizable o que actúe contra otros esfuerzos de SEO.
¿Cuáles son algunos de los diseños de menú más creativos que ha encontrado últimamente? Distribuya ejemplos en los comentarios a continuación para inspirar a otros que buscan una nueva forma de llevar a cabo sus propios diseños de navegación.

Etiquetas:
menús

taxonomía