5 tipos de navegación del sitio web a considerar

click fraud protection

La navegación es un elemento clave de cualquier sitio web: es la forma en que el usuario pasa de una sección a otra y de un contenido específico. La mayoría de la navegación de sitios web en la actualidad sigue un puñado de formatos específicos que, debido a que son familiares, no dejarán a los visitantes de su sitio confundidos acerca de cómo acceder a su contenido.

Texto horizontal

Sitio web de Microsoft con navegación horizontal de texto

La navegación horizontal basada en texto es probablemente el estilo más común que se encuentra en línea. Este tipo de navegación consiste en una lista horizontal de las secciones del sitio, generalmente nombradas con una o dos palabras cada una. Puede crearse con gráficos o texto HTML directo, los cuales pueden tener rollovers para un poco de interacción del usuario.

Submenús

Diseño de submenús de Microsoft

En algunos casos, es posible que desee presentarle al usuario la profundidad de la información, incluso sin un menú desplegable. Tener un submenú debajo de los títulos de navegación principales ocupa más espacio y es menos convencional, aunque permite a los visitantes ver claramente lo que está disponible y llegar a donde quieren.

instagram viewer

A menudo verá este estilo confinado al final de la página, donde los requisitos de bienes raíces para el menú no son tan importantes. De hecho, muchas empresas, incluida Microsoft, combinan un menú de texto horizontal en la parte superior y un sistema de submenús en la parte inferior de ciertas páginas web orientadas al consumidor.

Texto vertical

Barra de navegación vertical de Wikipedia
Captura de pantalla 

La navegación de texto vertical también es bastante común y se usa a menudo para sitios que requieren una lista más larga de elementos de la barra de botones, navegación expandible o para títulos de mayor longitud. La navegación vertical se encuentra más comúnmente a lo largo del lado izquierdo de la página web, aunque la navegación del lado derecho puede ser efectiva si está diseñada correctamente o si es para una navegación secundaria. La navegación vertical se usa a menudo para una segunda barra de botones, como para las subsecciones de una sección principal que se encuentra en una barra horizontal en la parte superior de la página.

Menús desplegables

Menús desplegables de eBay
Captura de pantalla

Los menús desplegables se utilizan a menudo junto con la navegación horizontal y permiten al usuario saltar no solo a las secciones principales del sitio, sino también a muchas de las subsecciones clave. Los sitios con mucho contenido ciertamente pueden beneficiarse de los menús desplegables, ya que eliminan un clic en su contenido.

Iconos o gráficos

navegación twitter

La integración de iconos u otros gráficos en su navegación puede crear una interfaz intuitiva. El usuario asociará los iconos con el contenido que representan, creando un enfoque aún más claro a una barra de botones. Se debe crear un conjunto de iconos de navegación con un estilo coherente entre sí y con el sitio en su conjunto, ya que deberían mejorar el diseño del sitio en lugar de crear una distracción. También debe quedar claro lo que representan. Agregar íconos solo para hacer que un diseño se vea mejor puede no ser beneficioso para el sitio.

instagram story viewer