Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Navigation Design
Webdesign

5 Formas de Navegación de la Página Web de la Sobrecarga

by
Length:ShortLanguages:

Spanish (Español) translation by Richter Domagas (you can also view the original English article)

La navegación es sin lugar a dudas entre las características más importantes de cualquier sitio Web. Es el alma de proporcionar una gran experiencia de usuario (UX). Y debe ser una consideración primordial en cualquier diseño y la funcionalidad de decisiones que tomamos. El objetivo es proporcionar el camino más fácil y más intuitivo para los usuarios encontrar lo están buscando.

Así que si usted está construyendo un nuevo sitio web o está buscando el para actualizar uno ya existente, es imprescindible que su navegación sea lo mejor que puede ser. Con esto en mente, echemos un vistazo a cinco maneras para que la navegación de su sitio hasta el siguiente nivel.

Le mostraremos lo fácil que puede ser implementar estas mejoras usando una selección de plugins de WordPress primo. Cada una está disponible con la suscripción anual a Envato Elements. Encontrarás más de 400 enchufar de WordPress de alta calidad y los temas, junto con más de 440,000 recursos de diseño disponibles para descargas ilimitadas.

1. Hazlo móvil amigable

Estos días, tiene una ya que la navegación de un sitio web debe ser optimizada para dispositivos móviles. Pero todavía hay por ahí muchos sitios mayores que no han tomado las medidas necesarias para garantizar que los usuarios pueden navegar fácilmente, independientemente del tamaño de la pantalla. Mientras que las cosas no tienen que ver exactamente el mismo en todas las pantallas, se debe hacer un esfuerzo para mantener la uniformidad en cuanto a fuentes, colores y otros elementos visuales como iconos.

TapTap
TapTap

TapTap es un plugin de WordPress que puede traer móvil amigable, varios niveles de navegación a cualquier sitio. Cada elemental visual puede ser personalizado, por lo que puede modificar las cosas para que coincida con la apariencia de su sitio. También puede elegir cuando aparece el menú móvil (y cuando ocultado la versión de escritorio).

2. Diseño en su estructura de contenidos

Menús de navegación se diseñan en base de lo que se ve bastante a menudo, pero que no necesariamente sirven a los intereses de los usuarios. Es importante considerar cómo está estructurado el contenido de su sitio al determinar cómo la navegación tanto se ve y funciona. Por ejemplo, si su sitio tiene varios niveles de contenido, usted querrá pensar acerca de la mejor manera de ayudar a los usuarios donde tienen que irme. En este caso, algunos estilos de navegación va a ser más fácil de usar que otros.

Superfly
Superfly

Aquellos que buscan cierta flexibilidad en su configuración de navegación quiere desproteger Superfly. El plugin ofrece una variedad de estilos de navegación vertical. Menús se oculta detrás de un icono de "hamburguesa" o establecidos en siempre visibles. Navegación de varios niveles es especialmente agradable, como quitar niveles posteriores y son fáciles de usar con un ratón o una pantalla táctil. El menú de la Advanced Toolbar también es bastante práctico, ya que incluye la posibilidad de añadir características como una barra de búsqueda, los iconos de redes sociales y compras icono de carro a sus menús.

3. Proporcionar indicaciones visuales

A veces, menús de navegación se pueden conseguir un poco demasiado verboso. Esto es especialmente un problema en los dispositivos móviles, donde la pantalla es extremadamente limitada. Una alternativa eficaz es añadir algunas señales visuales accesibles, tales como los iconos que proporcionan a los usuarios con algún contexto para varios enlaces. Esto funciona particularmente bien para utilidad menús – los que muestran los enlaces para la búsqueda, compra carros, inscribir/login de usuario, etcétera.

Touchy
Touchy

Estos tipos de representaciones visuales son qué hacen Touchy una solución muy útil. Utilizar para crear menús basados en iconos – con o sin texto descriptivo. También puede crear menús de combinación, donde una selección de artículos son visibles, mientras que el resto son accesibles a través de un icono de la hamburguesa. Los menús son altamente personalizables y se pueden colocar en la parte superior o inferior de la pantalla.

4. Mantenga el enfoque de usuario en mente

Páginas tienden a ponerse a trabajar, con elementos de diseño como deslizadores masivas y distracción a menudo los usuarios de otras áreas importantes de la animación. Así que cuando la navegación es una preocupación principal, tenemos que encontrar maneras creativas para mantener las distracciones al mínimo. En algunos casos, agregando espacios en blanco o un color atrevido que un menú puede ser suficiente. Otras situaciones podrían requerir medidas más drásticas como un menú de pantalla completa.

WP Smart Fullscreen Menu
WP Smart Menú de Pantalla Completa

WP Smart Menú de Pantalla Completa permite el uso de menús completos y libres de distracciones. El plugin incluye algunos poderosa lógica condicional que se puede utilizar para mostrar productos específicos en función de si se cumple una condición. También puede usarse para procesos de múltiples pasos, mostrando cada paso a lo largo de un camino conjunto. Menús se pueden colocar en la parte superior de la pantalla o incluso conectados a un enlace existente.

5. Asegúrese de que todo está a su alcance

Uno de los aspectos más frustrantes de la navegación es tener que haga clic, buscando esa página esquiva uno que necesita encontrar. Es un problema inherente en algunos sitios de contenido pesado. Afortunadamente, esto es un problema que puede ser fija (y prevenir) con un diseño práctico. En muchos casos, un menú bien elaborado mega puede hacer maravillas para ayudar a los usuarios a moverse en un sitio grande. Puesto que los artículos se pueden dividir en filas y columnas, se pueden organizar cosas de una manera que hace la experiencia menos dolorosa para todos.

WP Mega Menu Pro
WP Mega Menu Pro

Limpiar el desorden de la navegación con WP Mega Menu Pro. Elegir del menú horizontal o vertical y les estilo hasta con uno de los 14 diseños incluidos. El plugin incluye un constructor de diseño visual, por lo que fácilmente añadir podrás y organizar las cosas a su gusta. Además de estándar WordPress páginas y entradas, puede colocar cualquier tipo de contenido dentro de su menú. Formularios de inscripción, WooCommerce carros, campos de búsqueda, widgets y mucho más pueden ayudarlo a poner todo al alcance de un usuario.

Que la navegación una prioridad

Un sitio web con navegación pobre está perjudicando significativamente sus probabilidades de éxito. Es por eso que seguro que es fácil de usar y accesible en todos los dispositivos es una prioridad.

Navegación se debe adaptar también a un contenido y objetivos de su sitio. Si los usuarios tienen que hacer clic en varias páginas para acceder a algo importante, probablemente no van a hacer el esfuerzo. Implementar una estructura de menú que permitirá a las personas a encontrar lo que necesitan lo antes posible.

Sobre todo, es sobre la creación de un menú sencillo e intuitivo.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.