Rediseño de Plataforma de Gestión
Laboral SaaS
Rediseño de Plataforma de Gestión Laboral SaaS
Rediseño de Plataforma de Gestión Laboral SaaS
Rediseño conceptual de una plataforma de RRHH con foco en reducir el
tiempo de búsqueda de documentos y mejorar la eficiencia operativa de
empleados y gestores.
Rediseño conceptual de una plataforma de RRHH con foco en reducir el
tiempo de búsqueda de documentos y mejorar la eficiencia operativa de empleados y gestores.
Rediseño conceptual de una plataforma de RRHH con foco en reducir el
tiempo de búsqueda de documentos y mejorar la eficiencia operativa de
empleados y gestores.
01 — EL PROBLEMA
El problema
La plataforma original de gestión de RRHH presentaba serios obstáculos
que afectaban la productividad de los usuarios y generaban fricción en
procesos críticos.
Búsqueda y localización de documentos lenta: formularios, contratos, certificados, solicitudes... provocando tiempos muertos y estrés innecesario.
Filtros y categorías poco intuitivas y visualmente poco claras, dificultando la navegación.
Navegación manual y verbosa: el usuario necesitaba demasiados clics para encontrar la información.
Jerarquía visual débil: la información relevante se perdía entre elementos secundarios y carga cognitiva excesiva.
01 — EL PROBLEMA
El problema
La plataforma original de gestión de RRHH presentaba serios obstáculos
que afectaban la productividad de los usuarios y generaban fricción en
procesos críticos.
Búsqueda y localización de documentos lenta: formularios, contratos, certificados, solicitudes... provocando tiempos muertos y estrés innecesario.
Filtros y categorías poco intuitivas y visualmente poco claras, dificultando la navegación.
Navegación manual y verbosa: el usuario necesitaba demasiados clics para encontrar la información.
Jerarquía visual débil: la información relevante se perdía entre elementos secundarios y carga cognitiva excesiva.
01 — EL PROBLEMA
El problema
La plataforma original de gestión de RRHH presentaba serios obstáculos
que afectaban la productividad de los usuarios y generaban fricción en
procesos críticos.
Búsqueda y localización de documentos lenta: formularios, contratos, certificados, solicitudes... provocando tiempos muertos y estrés innecesario.
Filtros y categorías poco intuitivas y visualmente poco claras, dificultando la navegación.
Navegación manual y verbosa: el usuario necesitaba demasiados clics para encontrar la información.
Jerarquía visual débil: la información relevante se perdía entre elementos secundarios y carga cognitiva excesiva.
02 — OBJETIVOS
Objetivos del rediseño
A partir de los problemas detectados, se definieron los siguientes
objetivos claros.
01
Reducir tiempo de búsqueda
Reducir el tiempo medio de búsqueda de documentos de 45s a menos de 15s.
03
Clarificar acciones
Clarificar estados de documentos y acciones disponibles para cada tipo.
02
Mejorar la legibilidad
Mejorar legibilidad y jerarquía visual de la información con contraste WCAG AA.
04
Diseño escalable
Crear un diseño escalable y moderno que facilite futuras iteraciones.
02 — OBJETIVOS
Objetivos del rediseño
A partir de los problemas detectados, se definieron los siguientes
objetivos claros.
01
Reducir tiempo de búsqueda
Reducir el tiempo medio de búsqueda de documentos de 45s a menos de 15s.
03
Clarificar acciones
Clarificar estados de documentos y acciones disponibles para cada tipo.
02
Mejorar la legibilidad
Mejorar legibilidad y jerarquía visual de la información con contraste WCAG AA.
04
Diseño escalable
Crear un diseño escalable y moderno que facilite futuras iteraciones.
02 — OBJETIVOS
Objetivos del rediseño
A partir de los problemas detectados, se definieron los siguientes
objetivos claros.
01
Reducir tiempo de búsqueda
Reducir el tiempo medio de búsqueda de documentos de 45s a menos de 15s.
03
Clarificar acciones
Clarificar estados de documentos y acciones disponibles para cada tipo.
02
Mejorar la legibilidad
Mejorar legibilidad y jerarquía visual de la información con contraste WCAG AA.
04
Diseño escalable
Crear un diseño escalable y moderno que facilite futuras iteraciones.
03 — PROCESO
Proceso y decisiones clave de diseño
El rediseño se abordó desde una perspectiva de producto, priorizando
claridad, eficiencia y accesibilidad.
1
Diagnóstico y entendimiento del problema
Auditoría de la interfaz actual y detección de patrones problemáticos. Identificación de inconsistencias estructurales entre empleados y gestores de RRHH.
Heurísticas
Auditoría UX
Análisis
2
Definición de arquitectura y flujos
Simplificación del flujo crítico: búsqueda → resultado → acción → "Mis documentos". Reducción de pasos innecesarios para acciones frecuentes.
User Flows
IA
Wireframes
3
Diseño visual y sistema de componentes
Definición de foundations (tipografía, espaciado, color) con criterios de accesibilidad. Mejora de contraste, legibilidad y feedback visual.
Design System
WCAG AA
Tokens
4
Validación y refinamiento
Análisis de card sorting con empleados y gestores para detectar fricciones finales. Iteración del diseño visual final basada en hallazgos.
Testing
Iteración
Feedback
03 — PROCESO
Proceso y decisiones clave de diseño
El rediseño se abordó desde una perspectiva de producto, priorizando
claridad, eficiencia y accesibilidad.
1
Diagnóstico y entendimiento del problema
Auditoría de la interfaz actual y detección de patrones problemáticos. Identificación de inconsistencias estructurales entre empleados y gestores de RRHH.
Heurísticas
Auditoría UX
Análisis
2
Definición de arquitectura y flujos
Simplificación del flujo crítico: búsqueda → resultado → acción → "Mis documentos". Reducción de pasos innecesarios para acciones frecuentes.
User Flows
IA
Wireframes
3
Diseño visual y sistema de componentes
Definición de foundations (tipografía, espaciado, color) con criterios de accesibilidad. Mejora de contraste, legibilidad y feedback visual.
Design System
WCAG AA
Tokens
4
Validación y refinamiento
Análisis de card sorting con empleados y gestores para detectar fricciones finales. Iteración del diseño visual final basada en hallazgos.
Testing
Iteración
Feedback
03 — PROCESO
Proceso y decisiones clave de diseño
El rediseño se abordó desde una perspectiva de producto, priorizando
claridad, eficiencia y accesibilidad.
1
Diagnóstico y entendimiento del problema
Auditoría de la interfaz actual y detección de patrones problemáticos. Identificación de inconsistencias estructurales entre empleados y gestores de RRHH.
Heurísticas
Auditoría UX
Análisis
2
Definición de arquitectura y flujos
Simplificación del flujo crítico: búsqueda → resultado → acción → "Mis documentos". Reducción de pasos innecesarios para acciones frecuentes.
User Flows
IA
Wireframes
3
Diseño visual y sistema de componentes
Definición de foundations (tipografía, espaciado, color) con criterios de accesibilidad. Mejora de contraste, legibilidad y feedback visual.
Design System
WCAG AA
Tokens
4
Validación y refinamiento
Análisis de card sorting con empleados y gestores para detectar fricciones finales. Iteración del diseño visual final basada en hallazgos.
Testing
Iteración
Feedback
04 — SOLUCIÓN
Solución Final
Diseño más limpio
Filtros más visibles y accesibles, con estados claros y feedback visual inmediato.
Tags claros para estado de firmas
Iconos estandarizados y etiquetas semánticas que comunican el estado sin ambigüedad.
Acciones rápidas accesibles
Botones contextuales que aparecen donde el usuario los necesita, reduciendo clics.
Experiencia mejorada y accesible
Garantizando que el diseño sea accesible y cumpla con estándares WCAG AA.
-67%
Tiempo de búsqueda
+40%
Satisfacción usuario
AA
Contraste WCAG
04 — SOLUCIÓN
Solución Final
Diseño más limpio
Filtros más visibles y accesibles, con estados claros y feedback visual inmediato.
Tags claros para estado de firmas
Iconos estandarizados y etiquetas semánticas que comunican el estado sin ambigüedad.
Acciones rápidas accesibles
Botones contextuales que aparecen donde el usuario los necesita, reduciendo clics.
Experiencia mejorada y accesible
Garantizando que el diseño sea accesible y cumpla con estándares WCAG AA.
-67%
Tiempo de búsqueda
+40%
Satisfacción usuario
AA
Contraste WCAG
04 — SOLUCIÓN
Solución Final
Diseño más limpio
Filtros más visibles y accesibles, con estados claros y feedback visual inmediato.
Tags claros para estado de firmas
Iconos estandarizados y etiquetas semánticas que comunican el estado sin ambigüedad.
Acciones rápidas accesibles
Botones contextuales que aparecen donde el usuario los necesita, reduciendo clics.
Experiencia mejorada y accesible
Garantizando que el diseño sea accesible y cumpla con estándares WCAG AA.
-67%
Tiempo de búsqueda
+40%
Satisfacción usuario
AA
Contraste WCAG
¿Hablamos de tu proyecto?
Si estás buscando mejorar la usabilidad, claridad o eficiencia de tu plataforma interna de RRHH, gestión laboral o cualquier herramienta SaaS similar, me encantaría ayudarte.
¿Hablamos de tu proyecto?
Si estás buscando mejorar la usabilidad, claridad o eficiencia de tu plataforma interna de RRHH, gestión laboral o cualquier herramienta SaaS similar, me encantaría ayudarte.
¿Hablamos de tu proyecto?
Si estás buscando mejorar la usabilidad, claridad o eficiencia de tu plataforma interna de RRHH, gestión laboral o cualquier herramienta SaaS similar, me encantaría ayudarte.
