Suite Profesores
Ocho herramientas de IA para docentes que viven dentro del campus virtual de cada institución. Un rediseño completo con una tesis explícita — y con la restricción más dura bajo la que he diseñado: la pantalla no es mía.
⌐ LAS DEMOS SON RECONSTRUCCIONES INTERACTIVAS — EL PROTOTIPO REAL, AL FINAL DEL CASO
El profesor nunca sale de su campus. El producto tampoco puede.
La suite acompaña al docente donde ya trabaja: dentro de su curso, en el LMS de su institución. Ahí prepara sus clases, genera material y sigue a sus alumnos, todo con IA.
La versión anterior organizaba todo eso como un menú de tarjetas: ocho opciones, elige una. Funcionaba como catálogo. No funcionaba como lugar de trabajo.
El home no es un menú, es un dashboard.
El rediseño partió de cambiar la pregunta: no "¿qué herramienta quiere abrir el profesor?" sino "¿qué necesita el profesor cuando entra?". De esa tesis se derivó todo lo demás:
- Un saludo con contexto real: el producto sabe el curso, la sección y el momento del ciclo, porque vive dentro del LMS. Usarlo es cortesía mínima.
- Un hero conversacional: el centro del home es un campo de chat directo, no una tarjeta más. Refleja la arquitectura real del producto: la IA es la columna vertebral, no una opción del catálogo.
- Atajos con contexto: chips de prompts sugeridos según el curso y la semana.
- Las ocho herramientas siguen visibles como tarjetas: la descubribilidad no se sacrifica, se reordena.
- El historial se movió a la navegación: es navegación, no contenido.
Lo que decidí no llevar al home.
La tentación obvia era llenar el dashboard de gráficas: el producto tiene métricas de uso y reportes, y los dashboards con charts se venden solos. Dije que no, y lo documenté. Las métricas viven en su propia herramienta; al home solo sube un aviso breve cuando algo requiere atención.
Ocho herramientas: un asistente y siete atajos.
La suite no son ocho herramientas sueltas: el Asistente Instruccional es la columna vertebral, y el resto son atajos a flujos específicos de esa conversación. Cada uno resuelve un trabajo concreto del profesor sin que tenga que saber pedírselo al chat. Y se alimentan entre sí: el reporte sugiere una acción, Doc la genera, y el recurso queda en la biblioteca.
Diseñar en 1188 × 677 píxeles que no controlo.
Embebido en el curso, el producto vive en un marco que el LMS decide. En un laptop típico quedan 1188 × 677 píxeles reales, con la navegación del campus rodeándolo por dos lados. Ese es el lienzo, y cambia cuando el host colapsa sus propios menús.
- Construí un simulador del entorno: una réplica de la interfaz del LMS que envuelve el prototipo y muestra en vivo las dimensiones reales disponibles. Diseñar contra el marco real, no contra un lienzo idealizado.
- El responsive se deriva del host: los puntos de quiebre replican cómo el campus colapsa su propia interfaz. Adentro, el layout se acomoda solo, sin reglas propias que pelearse con las del anfitrión.
Dos marcas en un producto, resueltas por regla.
Vivir en casa ajena también es un problema de identidad. Dentro de la herramienta manda la marca del producto: el docente sabe qué está usando. En el material que sale al estudiante, el nombre y el color de la institución. La regla de negocio detrás: la institución firma su material, no su proveedor.
Ocho herramientas, un manual y specs listas para backend.
La suite rediseñada viene con su propio manual interactivo para el profesor final. Cada herramienta tiene su spec con la misma estructura: qué hace, cómo se llega, estados, decisiones de diseño y pendientes para backend.
Un espejo con costo asumido.
Reportes y Métricas son un espejo deliberado del dashboard de instituciones: esas vistas tienen un solo dueño canónico, y la suite las recorta a lo que el profesor necesita ver. El costo es mantener el espejo sincronizado: la re-sincronización tiene procedimiento propio, escrito después de que una pasada dejara cuatro correcciones.
El prototipo real, vista por vista.
Las demos de arriba están reconstruidas para contar el diseño. Esto es el prototipo tal cual corre, incluido el simulador de Canvas con que se desarrolla, con data sintética. Click para abrir en grande.
EL LIENZO REAL — DENTRO DE CANVAS, CON EL IFRAME MEDIDO EN VIVO
EL HOME — UN DASHBOARD DE ACCIÓN, NO UN MENÚ
ASISTENTE INSTRUCCIONAL — "¿CÓMO VA MI CLASE?"
REPORTES — TEMAS CON DUDAS Y ACCIÓN SUGERIDA
COMPRENSIÓN LECTORA — EJERCICIOS Y SU CICLO DE VIDA
EL MANUAL — CADA HERRAMIENTA, EXPLICADA PASO A PASO