KITS

Cada pantalla se multiplica en la app, la web móvil, la web de escritorio, la web para docentes y la de administración. Ajustar las pantallas con la diseñadora y el cliente fue más trabajo que el propio código, así que rehicimos juntos un proceso de feedback que perdía puntos cuando las peticiones eran vagas o se acumulaban.

Ingeniería de diseño

Ejemplo

Qué cambió

1. 01

   Revisión responsive

   Antes

   Estirar y encoger la ventana de Chrome, una pantalla cada vez

   Después

   Un tablero de revisión con 55 pantallas y 39 modales en vertical y horizontal a la vez. Cada pantalla tiene su caja de comentarios, y el comentario de la diseñadora pasa a ser una instrucción de trabajo tal cual.

   55 / 55pantallas de tableta revisadas · 0 errores

2. 02

   Enviar feedback

   Antes

   Sesenta notas de texto en un solo mensaje de Slack

   Después

   Un widget para señalar el botón o el texto real en pantalla y reportarlo, añadido a las cuatro apps: app, web, docentes y admin.

   41reportes de la diseñadora en un solo día

3. 03

   Seguimiento

   Antes

   Un documento de revisión de 613 líneas actualizado a mano; había que preguntar para saber qué estaba corregido

   Después

   Reporte → sistema interno → issue en Linear → aviso en Slack, todo automático. Al publicar un arreglo, Slack recibe qué cambió y un enlace al tablero.

   301+reportes con estado controlado

Resultados

Lo que dijeron

Pantallas