Interacción 01
Un concepto de navegación horizontal para productos con muchos reportes.
Una exploración de la navegación horizontal para productos con muchos reportes. Una maqueta funcional para un producto B2B de RR. HH., centrada en la experiencia de moverse por información compleja.
01 · Un concepto de navegación
Quise explorar qué podía aportar la navegación horizontal a un producto con muchos reportes, como Time Doctor.
La página usa un producto B2B de RR. HH. como escenario, pero es una maqueta y no un rediseño de un producto específico. El objetivo es explorar el concepto de navegación y hacerlo sentir tangible.
02 · Diseñada para revelarse
La interacción tiene que ver con el tiempo y la revelación progresiva. Los paneles se abren con el tiempo justo para que la jerarquía se sienta clara, mientras la interfaz se mantiene calmada y fácil de escanear.
Los íconos ayudan a quienes la usan por primera vez a entender adónde van. Las etiquetas pueden desvanecerse a medida que se familiarizan con el producto, dejando una navegación más compacta para quienes la usan todos los días.
03 · Pensada para el uso diario
Los usuarios avanzados pueden moverse por la navegación con atajos de teclado. Unas pocas combinaciones de teclas permiten cambiar de sección, recorrer una capa y ajustar la barra lateral sin recurrir al puntero.
Los atajos respaldan la misma estructura que la navegación visual, de modo que la interfaz se vuelve más rápida con la familiaridad.
04 · Un tono para cada capa
Cada capa tiene su propio tono: la navegación principal, el submenú y el área de contenido. El color ayuda a establecer la jerarquía antes de hacer clic en nada.
El sistema visual mantiene la navegación fácil de entender y le da a cada nivel un lugar claro dentro de la interfaz.