Ir al contenido
andres@andresclavijo.comCurrículum (PDF) ↗LinkedIn ↗

Simplificar la Nómina

Un monitor sobre un fondo azul marino mostrando la pantalla de confirmar y correr la nómina con su panel de resumen.

Rediseñar un flujo financiero de alto riesgo para que los dueños de negocio puedan revisar, calcular y correr la nómina con confianza. En minutos.

Sobre Hourly

Hourly es una plataforma de nómina y gestión de personal para pymes con trabajadores por horas. La nómina es la acción de mayor riesgo del producto: los dueños de negocio están comprometiendo sumas importantes y necesitan precisión, claridad y confianza antes de enviarla.

Rol
Director de Diseño de Producto · Estrategia y ejecución
Periodo
2023
Ubicación
Remoto

El Problema

La experiencia de nómina existente generaba fricción e incertidumbre en el peor momento posible. Los usuarios no sabían qué incluía el pago, temían cometer errores irreversibles y no tenían visibilidad de lo que ocurría entre el cálculo y el envío. El resultado era ansiedad, errores y tickets de soporte en la acción más sensible al tiempo de todo el producto.

Los usuarios iban desde líderes de RR. HH. con soltura técnica hasta dueños de negocio con experiencia digital mínima. Las preocupaciones principales que salieron en investigación: no saber qué incluye el pago, miedo a cometer errores irreversibles, y necesitar una sensación de control antes de que el dinero se mueva. El flujo existente no daba ninguna de las tres.

Diagrama del flujo original de nómina, con un problema marcado en cada paso: un cálculo sin visibilidad de qué incluye, una pantalla de revisión donde las cifras no se entienden, y un envío sin confirmación.
El flujo original, paso a paso. Cada paso dejaba al usuario sin saber qué incluía o si había funcionado.

El Análisis

Los flujos financieros de alto riesgo fallan cuando el usuario no puede saber qué está a punto de pasar ni confirmar que pasó. Esa fue la idea central. Cada paso tenía que hacer un solo trabajo y señalar con claridad que ese trabajo estaba hecho antes de desbloquear el siguiente. Involucré a ingeniería y a cumplimiento desde temprano para mapear cada restricción técnica y requisito regulatorio dentro del diseño de interacción, en lugar de tratarlos como problemas a resolver después del handoff.

Comparación antes y después del flujo de nómina. El después agrega un resumen general al inicio, valores calculados revisables, un modal de confirmar y correr, y un estado de procesamiento que termina en un éxito explícito.
Antes y después: cada paso nuevo hace una sola cosa y confirma que terminó antes de habilitar el siguiente.

La Solución

Un flujo guiado e intuitivo: resumen de nómina, disparar el cálculo, revisar los valores calculados, modal de confirmar y correr, diálogo de confirmación, animación de procesamiento y estado de éxito. Cada paso se diseñó para eliminar una ansiedad concreta: envíos duplicados, montos poco claros, disparos accidentales, e incertidumbre sobre si el dinero realmente se movió.

El panel de nómina con los periodos de pago a la izquierda, sus montos y estado, junto a una tabla de empleados con horas y montos netos.
Paso uno, la vista general: cada periodo de pago con su monto y estado, junto a las personas a las que se les paga.
El modal de confirmar y correr: opción de entrega, dirección de envío, método de pago y fecha de pago a la izquierda, con un panel de resumen que muestra la fecha de débito y un total de 1.664,05 dólares junto al botón para correr la nómina.
El paso de confirmación: la fecha de débito y el total están junto al botón que mueve el dinero.
El estado de procesamiento, con un spinner y un mensaje sobre la tabla de nómina atenuada para que la ejecución nunca quede ambigua.
El procesamiento es un estado visible, así nadie se pregunta si la nómina se envió ni hace clic dos veces.

Impacto

Después del lanzamiento bajaron los errores manuales y los envíos duplicados: cada nómina pasa por una revisión explícita y una confirmación antes de que se mueva el dinero, así los clientes la corren a propósito y con confianza, no por accidente. La retención de clientes en la plataforma se mantiene en 94%, y en encuestas y entrevistas de feedback los clientes mencionan la facilidad de uso de la app entre lo que más valoran. Los dueños de negocio describían el flujo de nómina como “la razón por la que nos quedamos”.

El resultado manejaba procesos complejos por detrás (ciclos de pago, corridas fuera de ciclo, pagos de impuestos y transferencias bancarias) y aun así se sentía simple para quien lo estaba corriendo. Esa distancia entre la complejidad del backend y la claridad del frontend era todo el problema de diseño.

Reflexiones

Diseñar este flujo me enseñó que el diseño de interacción para procesos de alto riesgo es inseparable de las restricciones de ingeniería y cumplimiento que hay debajo. Las mejores decisiones salieron de traer a esos equipos a las revisiones de diseño temprano, no en el handoff.

También invertiría más en estados de error y casos borde desde el inicio. Priorizamos el camino feliz en las primeras iteraciones y añadimos los casos borde después. Eso generó retrabajo. En flujos financieramente críticos, los casos borde son el producto.

Más casos de estudio