Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

4 principios clave de navegación en la web

by
Difficulty:BeginnerLength:ShortLanguages:

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

Aquí te mostraré cómo lograr que la base de tu experiencia digital funcione sin problemas para que puedas ayudar a más usuarios a llegar a donde requieran ir.

1. Manten la navegación consistente

Tener la barra de navegación (el elemento que contiene todos los enlaces a varias áreas de su sitio web) en la misma ubicación, de una página a otra, ayuda a tus usuarios mediante el principio de consistencia. Al estar en una ubicación fija, hace que el contenido de la página actual sea más fácil de comprender; y ofrece contexto, sin importar en qué capa jerárquica profundice el usuario.

Si bien puede parecer de sentido común tener tu navegación fija en una ubicación predecible, con un comportamiento constante, la falta de ese comportamiento tan básico puede desorientar a un usuario, especialmente en un sitio con una gran cantidad de contenido y varios niveles de página.

Recuerda que la navegación de tu sitio web no es un lugar para sorpresas. Considéralo como un mapa de ruta funcional: debe ser claro, conciso y fácil de descubrir para dar rápidamente a tu usuario una idea hacia dónde puede ir para lograr una tarea.

2. Utiliza un alto contraste

Asegúrate de que tu navegación sea visualmente distinta del resto del contenido de la página. Ya sea mediante el color, la forma o el tamaño, la barra de navegación no solo debe ser coherente de una página a otra, sino también debe tener un alto contraste para que resalte a simple vista. Este es un punto especialmente importante desde una perspectiva de accesibilidad, ya que alguien con baja visión o discapacidad visual dependerá en gran medida de un patrón de navegación claro y predecible que sea estándar en todo tu sitio web.

Si es posible, evita ocultar la barra de navegación de una página. Una tendencia reciente de tener una navegación fija ayuda a descubrir maneras de recorrer un sitio web, sin importar qué tan lejos de la página pueda desplazarse un usuario. Para sitios web más complejos con contenido denso, un «breadcrumb» cerca de una barra de navegación puede complementar la página para brindar aún más contexto y ayudar al usuario a localizar donde estaban previamente con solo un clic.

3. Permite flexibilidad

Una buena navegación en un sitio web permite a los usuarios tener más de una manera para encontrar las cosas. Por ejemplo, en muchos sitios web orientados al consumidor minorista, la búsqueda y la navegación están integradas para una experiencia más poderosa. No solo puedes hacer una búsqueda general, sino que también puedes navegar en una categoría examinada antes de añadir tu parámetro de búsqueda (o viceversa).

Envato Elements uses a combination of search terms and taxonomies
Envato Elements usa una combinación de términos de búsqueda y taxonomías.

El contenido emergente con métodos alternativos como los carruseles de «las mejores historias» o «historias recientes» permite otra manera de navegar al contenido que los usuarios podrían encontrar más interesante.

La meta de un sistema de navegación flexible en un sitio web es apoyar correctamente las tareas clave para una variedad de usuarios.

Conclusión

Para maximizar la eficacia del diseño de la próxima navegación de tu sitio web, ten en cuenta los principios de consistencia, alto contraste y flexibilidad.

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.