Hoy vamos a analizar el sitio web de una red de peluquerías de Argentina; encontré un detalle de diseño que claramente no ayuda en la usabilidad.

En la sección “Servicios” se abre una barra de navegación vertical en el sector izquierdo de la pantalla. La barra posee las categorías. Si hacemos clic dentro de cada una, se abrirán las sub-categorías debajo.

Hay dos observaciones sobre esta interfaz:

1 – Las subcategorías se abren en un menú desplegable, pero no son cliqueables.

Queda un espacio en blanco a la derecha constantemente mientras navego en esta página. Esto me hace dudar. Pensé: “Tal vez al hacer clic en alguna sub-categoría se despliegue algún contenido a la derecha.” Sin embargo esto no pasa en ningún momento.

2 – ¡Algunas categorías son cliqueables pero no poseen sub-categorías dentro!

Al hacer clic en “Extensiones” por ejemplo, cambia el color en el menú pero no se abren sub-categorías debajo. ¿Por qué puedo cliquear sobre una opción si no pasa nada al hacerlo?

Una forma de resolver este problema hubiese sido tomando dos acciones:

1 – Cargando siempre las sub-categorías a la derecha para que no quede un espacio vacío.

2 – Colocando las categorías vacías dentro del menú lateral, pero abajo del todo. Sacaría la funcionalidad del cambio de color al posicionar el cursor sobre ellas y obviamente no permitiría que se pueda hacer clic.

Seguro hay una mejor opción para solucionar este problema de usabilidad web. ¿Se te ocurre alguna?