10 formas de diseñar menús que no maman
Existen formas definidas correctas e incorrectas de diseñar menús de navegación. Esta parte básica de un sitio web a menudo se pasa por alto en el proceso de diseño y se muestra en términos de usabilidad.
Clunky, hacinamiento o navegación faltante son los problemas más comunes y francamente pueden hacer que su sitio web simplemente apesta. No seas ese chico (o chica). Use estos consejos para asegurarse de estar utilizando patrones de navegación modernos en los proyectos de su sitio web para obtener elementos de navegación geniales y creativos que no son desagradables. (Y son muy útiles)
1. Deshazte de los Mega Menus
Los mega menús eran una moda de diseño que los clientes amaban, incluso cuando los diseñadores lo odiaban. El estilo de menú de gran tamaño que incluye "todo menos el fregadero de la cocina" es abrumador para los usuarios y no proporciona ningún valor real.
Solo unos pocos minoristas importantes pueden salirse con la suya al utilizar mega menús, y el objetivo es mostrar la escala del inventario. La utilidad del elemento de navegación sobrecargado es cuestionable.
A menudo, se selecciona una opción de mega menú porque es muy difícil restringir qué poner en la navegación. Toma las decisiones difíciles Excavar análisis para ver lo que los usuarios están buscando. Honestamente, la mayoría de los usuarios que desean algo muy específico lo encontrarán utilizando la búsqueda de todos modos.
2. Haga que la búsqueda sea prominente
Y hablando de búsqueda: hazlo prominente. La búsqueda debe estar en cada página. Debería estar en la navegación principal. Y debe ser grande y de fácil acceso.
La funcionalidad de búsqueda excelente es el enlace que mantendrá a los usuarios en un sitio web. Si lo que están buscando no está disponible, es probable que la próxima opción lo busque. (Puede agradecer a Google por este primer proceso de reflexión).
No intentes luchar contra eso. Trabaja con los usuarios e incluye la búsqueda como parte de la navegación principal. (Y asegúrese de que la caja sea lo suficientemente grande como para teclear y ver completamente las frases comunes).
3. Limite el número de opciones de navegación
Es su trabajo anticipar a qué contenido querrán acceder los usuarios a continuación. Limite las opciones de navegación a las páginas e información más populares en el diseño del sitio web.
Casi todos los menús de navegación deben incluir búsqueda, una página de contacto o de acercamiento y los sitios de comercio electrónico siempre deben incluir un carrito o comprar ahora. Después de eso, los elementos de navegación deberían ser impulsados por el contenido del sitio.
4. Desarrollar menús de navegación inteligente
Una buena navegación ayudará a los usuarios a pasar de un bit de contenido al siguiente punto lógico. Este contenido a menudo es diferente en diferentes partes del sitio web.
Cree múltiples configuraciones de navegación para que los usuarios tengan fácil acceso al contenido que es el siguiente paso lógico en su camino alrededor del diseño. Si bien algunos elementos pueden superponerse, otros ayudan a los usuarios y les ayudan a profundizar en el diseño.
Estamos en una era en la que los usuarios esperan ciertos niveles de personalización. Amazon hace un gran trabajo con elementos de navegación que incluso llaman a los usuarios por su nombre. Eche un vistazo de cerca a la navegación la próxima vez que inicie sesión para ver [Amazon] de su nombre]. La navegación secundaria incluye información como la donación anual del usuario para usuarios de Smile, el historial reciente de pedidos e incluso créditos a otros servicios de Amazon. (Todo a partir de entonces también es bastante personalizado).
5. Ordene los elementos de navegación a propósito
El orden de los elementos de navegación es tan importante como la decisión de usarlos. Los elementos al principio y al final del elemento de navegación serán más efectivos, más visibles y más cliqueados. Usuario estas posiciones cuidadosamente.
Incluso hay algo de ciencia para respaldar esto. los efecto de posición de serie es la tendencia de una persona a recordar los primeros y los últimos ítems en una lista de mayor consistencia. Además, los usuarios tienden a recordar mejor los artículos más recientes (efecto de actualidad) y los primeros elementos de una lista se recuperan mejor que los elementos medios (efecto de primacía).
Observe los patrones de flujo de los usuarios en su análisis de sitios web para ayudar a determinar exactamente qué páginas y elementos deben estar al frente y al centro. Incluya las páginas a las que los usuarios llegarán desde la página de inicio y el contenido con el que desea que se conecten los usuarios. Elimine los elementos de navegación que no controlan el flujo de usuarios.
6. Utilice la navegación fija para páginas con desplazamiento largo
No permita que los usuarios pierdan el control de la navegación. Ya sea que se adhiera a la parte superior, inferior o lateral de la pantalla, cualquier página con un formato de desplazamiento largo debe incluir un menú adhesivo. La razón detrás de esto es simple: no haga que los usuarios trabajen para seguir interactuando con su sitio web.
Cuanto más fácil sea moverse y experimentar el contenido, más probable es que los usuarios lo hagan. Cuanto más tiempo pase un usuario en su sitio web con su diseño, más probabilidades tendrá de realizar una acción de usuario deseada.
7. No oculte la navegación
Diminutos elementos de menú, enlaces escondidos en la parte inferior de la pantalla o solo en el pie de página, y una navegación emergente oculta detrás de íconos extraños y la falta de navegación en las páginas interiores solo evitarán que los usuarios hagan clic. No oculte la navegación del sitio web. Debe estar al frente y al centro. Debería estar en cada página.
Los usuarios pueden acceder a su sitio web de muchas maneras. Asegúrese de que haya un elemento de navegación esperándolos cuando lleguen.
8. Use etiquetas descriptivas
Desde las palabras de navegación hasta los iconos, cada elemento debe indicarle a los usuarios exactamente qué sucederá con un clic. Use iconos comúnmente aceptados, como una tarjeta de compra para retirar o una lupa para buscar o incluso un ícono de hamburguesa para los estilos de menú emergente.
Luego, vaya un paso más allá y use etiquetas de texto que le digan al usuario exactamente qué información contiene. Intente evitar etiquetas excesivamente genéricas como servicios u ofertas, si hay una palabra que explique mejor el contenido.
9. Considere la navegación a página completa
Algunas veces el diseño es la navegación. Si hay algunos elementos clave que son vitales para los usuarios, muéstrelos con navegación a pantalla completa.
Si bien esto no será apropiado para cada proyecto, puede ser efectivo para sitios web más pequeños, carteras o proyectos.
10. Go Vertical
La navegación vertical está de moda en este momento y por una buena razón Es fácil de ver y llama la atención porque es algo diferente.
La navegación lateral orientada verticalmente es una buena opción para los sitios web que necesitan un poco más de espacio para la cantidad de elementos de navegación. Con un menú más profundo, el diseño puede acomodar más elementos de navegación sin sentirse abarrotado y manteniendo el espacio adecuado entre los elementos.
