Educación

data quality

workflows

Proceso de consolidación de datos para la carga de destinatarios.

Diseño de un proceso de carga, validación y segmentación de destinatarios que garantiza calidad de datos y permite comunicaciones automatizadas.

Desirée Zahradnicek

–– ©2025

UX/UI Designer & Design System Specialist

NOTA: Este proyecto está protegido por un acuerdo de confidencialidad (NDA). Las pantallas y flujos mostrados han sido despersonalizados, manteniendo el enfoque en los problemas de UX resueltos.

Educación

data quality

workflows

Proceso de consolidación de datos para la carga de destinatarios.

Diseño de un proceso de carga, validación y segmentación de destinatarios que garantiza calidad de datos y permite comunicaciones automatizadas.

Desirée Zahradnicek

–– ©2025

UX/UI Designer & Design System Specialist

NOTA: Este proyecto está protegido por un acuerdo de confidencialidad (NDA). Las pantallas y flujos mostrados han sido despersonalizados, manteniendo el enfoque en los problemas de UX resueltos.

Educación

Proceso de consolidación de datos para la carga de destinatarios.

Diseño de un proceso de carga, validación y segmentación de destinatarios que garantiza calidad de datos y permite comunicaciones automatizadas.

Desirée Zahradnicek

–– ©2025

NOTA: Este proyecto está protegido por un acuerdo de confidencialidad (NDA). Las pantallas y flujos mostrados han sido despersonalizados, manteniendo el enfoque en los problemas de UX resueltos.

Project Overview

Plataforma web SaaS para instituciones educativas, diseñada para mejorar el éxito estudiantil mediante la automatización de procesos y decisiones basadas en datos.

Ed Machina (NDA)

Cliente

Figma

Herramientas

2 meses (marzo - abril 2025)

Duración

Educación

Industria

Aplicativo Web

Plataforma

UX/ UI Designer - UX Researcher

Rol

Project Overview

Plataforma web SaaS para instituciones educativas, diseñada para mejorar el éxito estudiantil mediante la automatización de procesos y decisiones basadas en datos.

Ed Machina (NDA)

Cliente

Figma

Herramientas

2 meses - 2025

Duración

Educación

Industria

Aplicativo Web

Plataforma

UX/ UI Designer - UX Researcher

Rol

Project Overview

Plataforma web SaaS para instituciones educativas, diseñada para mejorar el éxito estudiantil mediante la automatización de procesos y decisiones basadas en datos.

Ed Machina (NDA)

Cliente

Figma

Herramientas

2 meses (marzo - abril 2025)

Duración

Educación

Industria

Aplicativo Web

Plataforma

UX/ UI Designer - UX Researcher

Rol

Contexto del Problema

El personal educativo gestionaba la comunicación con estudiantes usando un flujo de trabajo fragmentado y manual. La dependencia de múltiples herramientas desconectadas —hojas de cálculo para las listas, procesadores de texto para los mensajes y plataformas de email para el envío— generaba ineficiencias y un alto riesgo de error debido a:


  • Dispersión de datos: Los destinatarios se encuentran distribuidos en diversos archivos y formatos, a menudo con columnas inconsistentes o baja calidad de datos.


  • Falta de trazabilidad: Impide el seguimiento integral del flujo de comunicación, dificultando la validación del éxito de las acciones o el impacto de los mensajes.


La dispersión de los datos y la falta de trazabilidad se convirtieron en una barrera crítica para la automatización en el módulo de "Workflows". El objetivo fue diseñar una solución integrada que permitiera cargar y gestionar listas de destinatarios de forma centralizada directamente en la plataforma.

El personal educativo gestionaba la comunicación con estudiantes usando un flujo de trabajo fragmentado y manual. La dependencia de múltiples herramientas desconectadas —hojas de cálculo para las listas, procesadores de texto para los mensajes y plataformas de email para el envío— generaba ineficiencias y un alto riesgo de error debido a:


Dispersión de datos: Los destinatarios se encuentran distribuidos en diversos archivos y formatos, a menudo con columnas inconsistentes o baja calidad de datos.


Falta de trazabilidad: Impide el seguimiento integral del flujo de comunicación, dificultando la validación del éxito de las acciones o el impacto de los mensajes.


La dispersión de los datos y la falta de trazabilidad se convirtieron en una barrera crítica para la automatización en el módulo de "Workflows". El objetivo fue diseñar una solución integrada que permitiera cargar y gestionar listas de destinatarios de forma centralizada directamente en la plataforma.

El personal educativo gestionaba la comunicación con estudiantes usando un flujo de trabajo fragmentado y manual. La dependencia de múltiples herramientas desconectadas —hojas de cálculo para las listas, procesadores de texto para los mensajes y plataformas de email para el envío— generaba ineficiencias y un alto riesgo de error debido a:


Dispersión de datos: Los destinatarios se encuentran distribuidos en diversos archivos y formatos, a menudo con columnas inconsistentes o baja calidad de datos.


Falta de trazabilidad: Impide el seguimiento integral del flujo de comunicación, dificultando la validación del éxito de las acciones o el impacto de los mensajes.


La dispersión de los datos y la falta de trazabilidad se convirtieron en una barrera crítica para la automatización en el módulo de "Workflows". El objetivo fue diseñar una solución integrada que permitiera cargar y gestionar listas de destinatarios de forma centralizada directamente en la plataforma.

Contexto del Problema

El Proceso
El Proceso

El proceso comenzó con una hipótesis simple: un centro de carga de archivos para que los administradores importaran sus listas de contactos.


Las pruebas de flujo y las revisiones de diseño nos mostraron rápidamente las limitaciones de este enfoque: forzaba a los usuarios a descargar archivos de la nube y era impráctico para añadir contactos individuales, generando fricción.


Durante las revisiones de diseño y al validar los flujos iniciales, se hizo evidente que depender de un único método de carga, aunque efectivo, no era suficiente.

Para resolver los puntos de dolor, iteramos hacia una solución más completa.

El "centro de carga" se expandió a un sistema flexible con tres vías de entrada diseñadas para diferentes contextos:

  • Carga por Archivo: Para grandes volúmenes de datos.

  • Carga por URL: Para eliminar pasos intermedios con listas alojadas en la nube.

  • Entrada Manual: Para adiciones rápidas y correcciones sin salir de la plataforma.

Este proceso iterativo, que partió de la investigación y evolucionó a través de la crítica y la anticipación de necesidades, aseguró que la solución final no solo resolviera el problema inicial, sino que lo hiciera de una manera integral, flexible y verdaderamente útil para el día a día del administrador.

Vista general de los flujos trabajados (NDA)
Vista general de los flujos trabajados (NDA)

Aclaración sobre Confidencialidad: Este proyecto está protegido por un acuerdo de confidencialidad. Las pantallas detalladas que se muestran son recreaciones conceptuales que he desarrollado para ilustrar mi proceso. La identidad visual (logos, colores, fuentes) y los datos han sido eliminados o modificados para resguardar la confidencialidad del cliente. El propósito de esta representación conceptual es enfocar la narrativa en la arquitectura de la información, la lógica de interacción y las decisiones de UX que resolvieron los desafíos del usuario.

Aclaración sobre Confidencialidad: Este proyecto está protegido por un acuerdo de confidencialidad. Las pantallas detalladas que se muestran son recreaciones conceptuales que he desarrollado para ilustrar mi proceso. La identidad visual (logos, colores, fuentes) y los datos han sido eliminados o modificados para resguardar la confidencialidad del cliente. El propósito de esta representación conceptual es enfocar la narrativa en la arquitectura de la información, la lógica de interacción y las decisiones de UX que resolvieron los desafíos del usuario.

Aclaración sobre Confidencialidad: Este proyecto está protegido por un acuerdo de confidencialidad. Las pantallas detalladas que se muestran son recreaciones conceptuales que he desarrollado para ilustrar mi proceso. La identidad visual (logos, colores, fuentes) y los datos han sido eliminados o modificados para resguardar la confidencialidad del cliente. El propósito de esta representación conceptual es enfocar la narrativa en la arquitectura de la información, la lógica de interacción y las decisiones de UX que resolvieron los desafíos del usuario.

Fujo representativo
Fujo representativo
Vista del Centro de Carga
Vista del Centro de Carga

El proceso se segmenta en etapas para que el usuario no se abrume con la información que ve en pantalla; el acordeon de carga al estar desplegado (por defecto en el caso sin registros cargados) lleva la atención del usuario la acción de carga.


Cuando el usuario ya tiene destinatarios cargados, el acordeon se muestra en su estado colapasado para dar lugar a la sección “Recipients Center”:

Para transformar la gestión de datos de una tarea frustrante a un proceso de control total para el usuario, diseñé un sistema de edición con tres características clave:

  • Filtros Inteligentes: Permiten al usuario aislar rápidamente los registros con problemas (ej. "Email inválido" o "No encontrado") sin tener que revisar manualmente listas interminables.


  • Visibilidad del Estado del Sistema (Nielsen): El sistema informa proactivamente al usuario sobre el estado de cada registro y cada lote de datos. Esta retroalimentación inmediata permite un diagnóstico rápido y fomenta la confianza y el control.


  • Edición In-Line: La funcionalidad de mayor impacto. Permite corregir cualquier celda con un doble clic, directamente en la tabla. Esto elimina el frustrante ciclo de descargar un archivo, editarlo en una hoja de cálculo y volver a subirlo.


  • Acciones en Lote: Una vez que los datos están limpios, el usuario puede seleccionar múltiples registros para descargarlos o eliminarlos de forma masiva, agilizando la gestión de la lista.

Potencia del Group By:

Cuando los usuarios gestionan cientos de registros provenientes de distintas fuentes (cargas manuales, múltiples archivos), una lista única puede volverse abrumadora y difícil de navegar. Para resolver este desafío, diseñé la funcionalidad "Agrupar por" (Group By).

Al seleccionar un grupo el usuario accede a las mismas acciones (editar, descargar o eliminar), donde en lugar de realizarlas sobre un registro se llevan a cabo sobre un grupo.

Esta herramienta permite al usuario reestructurar al instante toda la vista de datos, transformando la lista plana en una jerarquía lógica. Al seleccionar "Entry Source" (Fuente de Entrada), por ejemplo, los registros se organizan por su origen.

  • Selección de archivos: Permitir la selección de un grupo entero para realizar acciones masivas. Se habilita “Download” y “Delete” con la selección de al menos un archivo.

  • "Manual Entry" siempre en la parte superior: Los datos ingresados manualmente a menudo requieren una revisión más inmediata y diferenciada por parte del usuario.

  • Desplegable: Dentro de cada grupo se puede expandir y ver el listado completo de registros.

Funcionalidades con los datos
Funcionalidades con los datos

De la Vista Macro a la Micro: Inspección Detallada


El diseño permite al usuario pasar de una vista general a una específica sin perder contexto. Al hacer clic en un grupo, se despliegan sus registros individuales.


Esta interacción, basada en el principio de Divulgación Progresiva, evita la sobrecarga de información mostrando los detalles solo cuando son solicitados, permitiendo una inspección y edición granular de los datos de forma rápida y ordenada.

Funcionalidad Data Optimizer


El éxito de una campaña de comunicación depende directamente de la calidad de sus datos. El "Data Optimizer" es un centro de control diseñado para llevar al usuario de la simple carga de datos a la optimización activa de los mismos.


Cada problema identificado viene acompañado de un botón de acción directa ("Remove Duplicates", "Remove Invalids"). Esto convierte un proceso de corrección potencialmente complejo y manual en una tarea simple y de un solo clic. El diseño no solo facilita la corrección de errores pasados, sino que previene activamente errores futuros (como envíos fallidos), mejorando la eficiencia y los resultados de la comunicación.

Funcionalidades con los datos

De la Vista Macro a la Micro: Inspección Detallada


El diseño permite al usuario pasar de una vista general a una específica sin perder contexto. Al hacer clic en un grupo, se despliegan sus registros individuales.


Esta interacción, basada en el principio de Divulgación Progresiva, evita la sobrecarga de información mostrando los detalles solo cuando son solicitados, permitiendo una inspección y edición granular de los datos de forma rápida y ordenada.

Funcionalidad Data Optimizer


El éxito de una campaña de comunicación depende directamente de la calidad de sus datos. El "Data Optimizer" es un centro de control diseñado para llevar al usuario de la simple carga de datos a la optimización activa de los mismos.


Cada problema identificado viene acompañado de un botón de acción directa ("Remove Duplicates", "Remove Invalids"). Esto convierte un proceso de corrección potencialmente complejo y manual en una tarea simple y de un solo clic. El diseño no solo facilita la corrección de errores pasados, sino que previene activamente errores futuros (como envíos fallidos), mejorando la eficiencia y los resultados de la comunicación.

Impacto Esperado y Beneficios

Se obtuvieron resultados en la reducción del tiempo dedicado a la preparación de listas de comunicación una mejora significativa en la calidad de los datos de contacto, llevando a reducir la tasa de rebote de emails; una mayor eficiencia operativa para los administradores y docentes y una mejor experiencia de usuario al interactuar con una herramienta intuitiva y que previene errores.

01

keyboard_double_arrow_right

85%

02

keyboard_double_arrow_right

Tasa de Adopción de Funcionalidades Clave

El 85% de los usuarios activos interactuaron con la nueva pestaña "Data Optimizer" durante el primer mes de su lanzamiento, demostrando una rápida aceptación y un reconocimiento de su valor.


Se rastreó la adopción mediante la configuración de eventos personalizados en Google Analytics 4, midiendo los clics en la pestaña "Data Optimizer" y en los botones de acción "Remover Inválidos" y "Remover Duplicados".

+22

puntos SUS

03

keyboard_double_arrow_right

Mejora en la Satisfacción del Usuario

La puntuación del System Usability Scale (SUS), estándar de la industria para medir la usabilidad percibida, aumentó de 59 a 81.


Se administró el cuestionario SUS a través de Qualtrics a un grupo de usuarios; este salto cuantitativo fue respaldado por comentarios cualitativos muy positivos, donde los usuarios destacaron la "facilidad", "rapidez" y "confianza" que les generaba la nueva funcionalidad.

Este proyecto reforzó la importancia de la validación temprana de datos para garantizar la calidad de la información en plataformas críticas. También destacó la necesidad de diseñar soluciones flexibles que se adapten a diversas fuentes de entrada de datos.

04

––

Se obtuvieron resultados en la reducción del tiempo dedicado a la preparación de listas de comunicación una mejora significativa en la calidad de los datos de contacto, llevando a reducir la tasa de rebote de emails; una mayor eficiencia operativa para los administradores y docentes y una mejor experiencia de usuario al interactuar con una herramienta intuitiva y que previene errores.

01

keyboard_double_arrow_right

85%

02

keyboard_double_arrow_right

Tasa de Adopción de Funcionalidades Clave

El 85% de los usuarios activos interactuaron con la nueva pestaña "Data Optimizer" durante el primer mes de su lanzamiento, demostrando una rápida aceptación y un reconocimiento de su valor.


Se rastreó la adopción mediante la configuración de eventos personalizados en Google Analytics 4, midiendo los clics en la pestaña "Data Optimizer" y en los botones de acción "Remover Inválidos" y "Remover Duplicados".

+22

puntos SUS

03

keyboard_double_arrow_right

Mejora en la Satisfacción del Usuario

La puntuación del System Usability Scale (SUS), estándar de la industria para medir la usabilidad percibida, aumentó de 59 a 81.


Se administró el cuestionario SUS a través de Qualtrics a un grupo de usuarios; este salto cuantitativo fue respaldado por comentarios cualitativos muy positivos, donde los usuarios destacaron la "facilidad", "rapidez" y "confianza" que les generaba la nueva funcionalidad.

Este proyecto reforzó la importancia de la validación temprana de datos para garantizar la calidad de la información en plataformas críticas. También destacó la necesidad de diseñar soluciones flexibles que se adapten a diversas fuentes de entrada de datos.

04

––

Se obtuvieron resultados en la reducción del tiempo dedicado a la preparación de listas de comunicación una mejora significativa en la calidad de los datos de contacto, llevando a reducir la tasa de rebote de emails; una mayor eficiencia operativa para los administradores y docentes y una mejor experiencia de usuario al interactuar con una herramienta intuitiva y que previene errores.

keyboard_double_arrow_down

01

85%

Tasa de Adopción de Funcionalidades Clave

02

keyboard_double_arrow_down

El 85% de los usuarios activos interactuaron con la nueva pestaña "Data Optimizer" durante el primer mes de su lanzamiento, demostrando una rápida aceptación y un reconocimiento de su valor.


Se rastreó la adopción mediante la configuración de eventos personalizados en Google Analytics 4, midiendo los clics en la pestaña "Data Optimizer" y en los botones de acción "Remover Inválidos" y "Remover Duplicados".

+22

puntos SUS

Mejora en la Satisfacción del Usuario

La puntuación del System Usability Scale (SUS), estándar de la industria para medir la usabilidad percibida, aumentó de 59 a 81.


Se administró el cuestionario SUS a través de Qualtrics a un grupo de usuarios; este salto cuantitativo fue respaldado por comentarios cualitativos muy positivos, donde los usuarios destacaron la "facilidad", "rapidez" y "confianza" que les generaba la nueva funcionalidad.

03

keyboard_double_arrow_down

Este proyecto reforzó la importancia de la validación temprana de datos para garantizar la calidad de la información en plataformas críticas. También destacó la necesidad de diseñar soluciones flexibles que se adapten a diversas fuentes de entrada de datos.

04

––

Otros Proyectos

Experiencia de pago simple y cotidiana con criptomonedas —

finanzas

criptomonedas

Diseñando soluciones financieras accesibles y seguras que permiten a todos los usuarios participar en la economía digital.

Experiencia de pago simple y cotidiana con criptomonedas —

finanzas

criptomonedas

Diseñando soluciones financieras accesibles y seguras que permiten a todos los usuarios participar en la economía digital.

Experiencia de pago simple y cotidiana con criptomonedas —

finanzas

criptomonedas

Diseñando soluciones financieras accesibles y seguras que permiten a todos los usuarios participar en la economía digital.

Optimización del embudo de compras para aumentar la conversión —

próximamente

Mejora de la conversión del sitio de Google Merchandise Store usando Google Analytics 4.

Optimización del embudo de compras para aumentar la conversión —

próximamente

Mejora de la conversión del sitio de Google Merchandise Store usando Google Analytics 4.

Experiencia de pago simple y cotidiana con criptomonedas —

próximamente

Diseñando soluciones financieras accesibles y seguras que permiten a todos los usuarios participar en la economía digital.

Desirée Zahradnicek

–– ©2025

UX/UI Designer & Design System Specialist