Optimizando una Interfaz de Dashboard Clínico: Hierarchy y UX

En este post, analizamos una interfaz de dashboard clínico para proponer mejoras en la jerarquía visual, el peso de los botones y micro-interacciones que transforman un sistema funcional en una experiencia más pulida.

Hierarquía Visual: El diseño original tiene el panel izquierdo (datos del paciente) y el historial compitiendo por atención. La solución es hacer el panel izquierdo más compacto, casi como una ficha resumida, y darle más aire al timeline de eventos a la derecha. Incluso podrías fijar ese panel para que no se pierda al hacer scroll.

Además, el historial pide ser una línea de tiempo clara en lugar de una lista plana con fechas repetidas. Agrupar por fecha y usar una línea vertical con puntos ayuda mucho a la legibilidad, algo oro en sistemas clínicos.

Peso de los Botones: Hay demasiados botones naranjos con el mismo peso visual tanto arriba como abajo. Esto hace que nada lo sea realmente. La propuesta es dejar un único botón principal—por ejemplo, «Agregar evento»—y convertir los demás en secundarios o más suaves.

Finalmente, agregar micro-interacciones como un hover suave en cada evento o indicadores del evento más reciente cambia la sensación de «sistema antiguo» a algo bien cuidado. Estas optimizaciones no rompen la lógica, sino que seducen al usuario con una interfaz que siente control.