Spanish
Spanish

Provider Cost of Quality Calculator

Provider Cost of Quality Calculator

Ayudar a los proveedores de cuidado infantil a estimar los costos operativos a través de una experiencia guiada.

Ayudar a los proveedores de cuidado infantil a estimar los costos operativos a través de una experiencia guiada.

ROL

Diseñador UX

LÍNEA DE TIEMPO

6 meses

TIPO

Diseño de producto

Mi rol

Lideré el rediseño de la Calculadora de Costos de Calidad de los Proveedores (PCQC), enfocándome en mejorar la orientación del usuario, reducir la carga cognitiva y crear una experiencia de finalización más guiada. Al trabajar en estrecha colaboración con gerentes de producto, desarrolladores y expertos en la materia, traduje flujos de trabajo financieros complejos en una experiencia más clara e intuitiva que ayudó a los proveedores de cuidado infantil a estimar sus costos operativos con mayor confianza.

  • Realicé evaluaciones de UX para identificar problemas de usabilidad y fricciones en el flujo de trabajo

  • Definí la estrategia de diseño para simplificar cálculos financieros complejos

  • Diseñé estructuras de alambre (wireframes), flujos de interacción y prototipos de alta fidelidad

  • Apoyé el desarrollo validando diseños y perfeccionando la experiencia a través de comentarios iterativos

El desafío

Los proveedores de cuidado infantil tuvieron dificultades para estimar el costo real del cuidado debido a flujos de trabajo fragmentados, terminología poco clara y una visibilidad limitada de cómo los insumos afectaban los cálculos.

Punto de partida poco claro

Los usuarios no estaban seguros de por dónde empezar
o qué información necesitaban
recopilar.

Cálculos complejos

La terminología técnica y las fórmulas financieras crearon barreras para los proveedores con menos experiencia.

Las páginas estatales carecían de jerarquía

Los usuarios no podían saber fácilmente en qué parte del proceso se encontraban ni cuánto les quedaba.

Resultados difíciles de interpretar

Los resultados financieros estaban separados del ingreso de datos, lo que obligaba a los usuarios a cambiar de contexto constantemente.

Proceso de diseño

Un enfoque centrado en el usuario para resolver los problemas correctos.

  1. Descubrir

Se revisaron los flujos de trabajo existentes, los requisitos de las partes interesadas

y los puntos críticos proporcionados.

Se revisaron los flujos de trabajo existentes, los requisitos de las partes interesadas

y los puntos críticos proporcionados.

  1. Definir

Identifiqué problemas de usabilidad, vacíos de información y fricciones en el flujo de trabajo que afectaron la finalización.

Identifiqué problemas de usabilidad, vacíos de información y fricciones en el flujo de trabajo que afectaron la finalización.

  1. Diseño

Creado diagramas de flujo, patrones de interacción y conceptos visuales enfocados en la claridad y la orientación.

  1. Validar

Soluciones perfeccionadas a través de los comentarios de las partes interesadas y revisiones iterativas de usabilidad.

Resultados de la investigación

Para comprender mejor la experiencia y el trayecto de un usuario que intenta obtener información sobre gastos de cuidado infantil, revisé el sistema existente y los hallazgos de una evaluación heurística realizada por另 un equipo.


Surgieron cuatro áreas clave que estaban generando fricción para los usuarios.

1

Experiencia de inicio de sesión confusa

El propósito del sitio no estaba claro a primera vista. Acciones importantes como iniciar sesión o crear una cuenta estaban sepultadas entre textos largos y descargos de responsabilidad, lo que podría confundir a los usuarios y desanimarlos a continuar.

2

El registro generó fricción

La única forma de acceder a la calculadora era registrándose. Los usuarios debían proporcionar detalles exhaustivos por adelantado, lo que creaba una barrera innecesaria, especialmente para aquellos que solo querían probar la herramienta o crear un escenario rápido.

3

Creación de escenarios desconectados

Los usuarios podían crear dos tipos de escenarios (Centros de Cuidado Infantil y Proveedores de Cuidado Infantil Familiar), pero la experiencia no comunicaba claramente la diferencia ni guiaba a los usuarios hacia el camino correcto. La navegación entre las opciones no era clara y carecía de dirección.

4

Los cálculos se ocultaron

Los usuarios tenían que cambiar constantemente entre la página en la que estaban trabajando y una página de "Cálculos" independiente para ver los resultados. Este vaivén interrumpía su flujo de trabajo y dificultaba comprender en tiempo real cómo influían los datos de entrada en los resultados.

Conclusión clave

La experiencia anterior carecía de claridad, mostraba la información demasiado tarde y creaba barreras innecesarias, lo que hacía que una herramienta ya de por sí compleja fuera aún más difícil de usar.

Explorando soluciones

La investigación ayudó a identificar dónde experimentaban fricción los usuarios, pero el diseño de esquemas (wireframing) nos permitió explorar cómo se podían resolver esos problemas. Los primeros conceptos se centraron en simplificar los flujos de trabajo complejos, mejorar la navegación y hacer que la información financiera fuera más accesible a lo largo de toda la experiencia.


En lugar de comprometernos con una sola dirección, exploramos múltiples patrones de interacción, probamos suposiciones con las partes interesadas y realizamos iteraciones rápidamente antes de pasar al diseño de alta fidelidad. Este proceso garantizó que cada decisión de diseño se basara en las necesidades del usuario y no en preferencias visuales.


A continuación se muestran algunos ejemplos de los conceptos de diseño.

La experiencia final

La experiencia rediseñada de PCQC simplifica los flujos de trabajo complejos, presenta los cálculos en contexto y capacita a los proveedores para tomar decisiones financieras informadas con confianza.

1

Reimaginando la experiencia de entrada

Exploramos formas de comunicar claramente el valor de la herramienta y permitir a los usuarios comenzar sin la barrera de tener que crear una cuenta.

Decisiones de diseño
  • Propuesta de valor clara arriba de la mitad de la página (above the fold)

  • Acceso de invitado para explorar la herramienta

  • Acciones primarias destacadas

  • Indicadores de confianza y diseño simplificado

IU de la experiencia de entrada que muestra las vías de inicio de sesión y creación de cuentas

2

Creación de rutas de escenario claras

Probamos un diseño de panel que facilita la comprensión y elección de los dos tipos de escenarios, con orientación y recursos al alcance de la mano.

Decisiones de diseño
  • Dos tarjetas de trayectorias distintas

  • Recursos útiles en la navegación

  • Patrón coherente en toda la herramienta

  • Lenguaje claro y centrado en las tareas

La vista del panel de control muestra dos escenarios que los usuarios pueden utilizar para comenzar su recorrido

3

Llevando los cálculos al contexto

Exploramos resúmenes de cálculos persistentes que se actualizaban en tiempo real, manteniendo los resultados a la vista para que los usuarios puedan comprender el impacto de sus datos de entrada a medida que avanzan.

Decisiones de diseño
  • Panel de resumen persistente

  • Alternar entre los niveles de Base de referencia y Calidad

  • Actualizaciones en tiempo real después de cada guardado

  • Reducción del cambio de contexto

Un ejemplo de un escenario doméstico con los gastos mostrados en el lado derecho

CONCLUSIONES CLAVE

Resultados y reflexiones

Resultados y reflexiones

PCQC reforzó lecciones clave sobre el diseño de herramientas complejas, el equilibrio de las necesidades del usuario

y el trabajo dentro de las limitaciones del mundo real.

01

Simplificando la complejidad

PCQC reforzó que diseñar herramientas complejas no se trata de añadir más orientación en todas partes, sino de saber qué simplificar, qué mostrar y qué mantener en segundo plano para que los usuarios puedan concentrarse en sus objetivos.

02

Diseñar para la confianza

Una parte fundamental del rediseño consistió en ayudar a los proveedores a sentirse más orientados y con el control de todo el proceso. Eso significaba reducir la ambigüedad, clarificar los flujos de trabajo y presentar los cálculos y resultados de una manera que resultara más transparente y práctica.

03

Modernización dentro de las limitaciones

Dado que PCQC era un producto heredado, el trabajo requirió equilibrar mejoras significativas en la experiencia de usuario (UX) con las realidades técnicas y organizativas. El proyecto fortaleció mi capacidad para tomar decisiones de diseño pragmáticas que mejoraron la experiencia.

Construyamos algo significativo.

Siempre me entusiasma conectar con equipos y personas reflexivas que se preocupan por crear mejores experiencias digitales.

Construyamos algo significativo.

Siempre me entusiasma conectar con equipos y personas reflexivas que se preocupan por crear mejores experiencias digitales.

Construyamos algo significativo.

Siempre me entusiasma conectar con equipos y personas reflexivas que se preocupan por crear mejores experiencias digitales.