Del cumplimiento al aprendizaje

2019Senior Software EngineerReact

01 — Resumen

¿Cómo hacer que la gente se involucre de verdad en una capacitación obligatoria?

En 2019, me sumé a Spot en una etapa temprana de su desarrollo y ayudé a crear una capacitación interactiva sobre acoso y discriminación en el ámbito laboral.

Me interesaba especialmente trabajar en este producto porque el tema me importa. Quiero crear cosas que tengan un impacto concreto en el mundo y puedan mejorar de verdad la vida de las personas.

El producto de capacitación ya no está disponible. Los diagramas de abajo son abstracciones, no capturas de pantalla.

02 — El problema

El acoso y la discriminación en el trabajo son temas serios. La capacitación sobre estos temas también tiene requisitos legales, pero cumplirlos no alcanza.

Es fácil que la gente vea una capacitación obligatoria como algo que hay que completar a los clics lo más rápido posible. Queríamos crear una experiencia que mantuviera la atención, comunicara temas difíciles con claridad y siguiera siendo accesible para una audiencia amplia.

Las condiciones de entrega también fueron exigentes. Tuvimos unos tres meses para lanzar el producto y trabajamos de forma remota y asincrónica, en un equipo interdisciplinario pequeño que reunía ingeniería, contenido, diseño, identidad de marca e ilustración en distintas zonas horarias.

La experiencia también tenía que funcionar para personas muy distintas. Eso implicó pensar con cuidado en la accesibilidad, la representación, el lenguaje, las decisiones visuales y las distintas formas de interactuar con el contenido y percibirlo.

03 — Mi contribución

Me encargué del frontend y de dar forma a la experiencia interactiva. Diseñé e implementé las interacciones, las animaciones, las transiciones y los distintos estados de la interfaz para que la capacitación se sintiera como una conversación, en lugar de una sucesión de pantallas que había que completar.

También trabajé para que la experiencia cumpliera con los requisitos de privacidad, seguridad y accesibilidad. Protegí los datos, preservé el anonimato cuando correspondía y aseguré la compatibilidad con tecnologías de asistencia y distintas formas de interacción.

Además del trabajo de implementación, contribuí a las conversaciones sobre accesibilidad y representación. Compartí observaciones sobre a quiénes representaba la experiencia y cómo podíamos hacerla más inclusiva.

Mantener la atención

Una experiencia que invitaba a participar

La capacitación se organizó en episodios compuestos por tarjetas. El progreso siempre estuvo visible y el botón para continuar se habilitó cuando la persona tuvo tiempo suficiente para leer el contenido.

continuarse completó durante el tiempo de lecturacontinuarse habilitó después de la lecturacontinuartarjeta 4 de 6: escenario

Cambiar la luz

Un solo control cambiaba los colores de toda la pantalla

El sistema de temas le dio un carácter visual propio a cada pantalla sin necesidad de diseñarlas por separado. Los colores se adaptaron al estilo de las ilustraciones y al tipo de contenido, mientras la interfaz subyacente mantuvo una apariencia consistente.

empezaríndice de episodioscontinuarinstruccionescontinuarescena nocturna
Un control, todos los elementos

Contar el tiempo real

Diez minutos de participación real

La capacitación tenía distintos requisitos de cumplimiento para supervisores y empleados. El tiempo solo se contabilizó mientras la persona participaba activamente: el temporizador se pausó cuando no hubo actividad y las reglas de finalización se adaptaron al rol.

empleados10m10m10m10m10m10m= 60 min
supervisores10m10m10m10m10m10m= 120 min
09:55continuarel temporizador avanzó durante la lecturaen pausa09:36 / 10:00reanudarse pausó tras 30 s sin actividad03:55 / 10:00EntendidoEs demasiado rápido. Revisa el contenido nuevamente

Responder para comprender

Preguntas para aprender, no para evaluar

Las preguntas aparecieron después de los escenarios correspondientes, pero ninguna respuesta provocaba que la persona desaprobara. Cada respuesta mostraba la definición legal pertinente y convertía la pregunta en otra parte del aprendizaje.

preguntasínoComprobar respuestapregunta después del escenarioexplicaciónconsultar con una persona expertacontinuarexplicación, no una puntuaciónexperiencias12345documentar un incidentecontinuarencuesta opcional sobre la experiencia

De la capacitación a la denuncia

La conversación podía convertirse en una denuncia

Al final de la capacitación, se preguntaba si alguna de las situaciones presentadas reflejaba una experiencia propia en el trabajo. Si era así, la persona podía pasar directamente al flujo conversacional de denuncias de Spot y elegir si quería mantener la denuncia en privado o enviarla.

preguntas frecuentessí, en mi lugar de trabajonopregunta al final de la capacitaciónpreguntas frecuentesprofundizaba en lo que la persona había contadopreguntas frecuentessí, enviarno, guardar para despuésdudas sobre privacidadopciones para guardar o enviar la denuncia

Llegar a todas las personas

Accesibilidad desde el principio

La interfaz incluyó opciones de accesibilidad para ajustar el contraste, el movimiento y el tamaño del texto, además de compatibilidad con lectores de pantalla.

preguntas frecuentesel menú siempre estuvo en el encabezadopreguntas frecuentestres niveles de tamaño de textopreguntas frecuentescontinuaralto contraste, mismo diseño
Cada persona elegía sus preferencias; no se detectaban automáticamente

04 — En retrospectiva

Lo que me llevo de este proyecto no es que hayamos inventado las interfaces conversacionales. No lo hicimos.

Sino que elegimos la conversación porque solucionaba el problema. Años antes de que hablar con sistemas de IA se volviera algo cotidiano, exploramos cómo una interfaz conversacional podía generar privacidad, atención y presencia alrededor de un tema sensible. La tecnología respondía a una necesidad humana. El proyecto también reunió muchas cosas que todavía me importan: la ejecución técnica, la sensibilidad visual, la accesibilidad, la colaboración entre disciplinas, la representación y crear cosas con consecuencias más allá de la pantalla.

Quiero crear cosas que tengan un impacto concreto en el mundo y puedan mejorar la vida de las personas.

Proyecto siguienteDesarrollo de una plataforma de moderación con IA