Tecnología · 7o Básico

Ideas de aprendizaje activo

Herramientas de Prototipado Digital

Las herramientas de prototipado digital enseñan a los estudiantes a validar ideas rápidamente, algo clave en el diseño tecnológico. Al manipular elementos interactivos en tiempo real, desarrollan pensamiento computacional sin frustrarse con código complejo, lo que aumenta su confianza y compromiso con el aprendizaje.

• Objetivos de Aprendizaje (OA)
• OA TEC 7oB: Elaboración de Prototipos

• 30–50 min
• Parejas → Toda la clase
• 4 actividades

Actividad 01

• Enseñanza entre Pares
• 45 min · Parejas

Enseñanza entre Pares: Prototipo de App de Tareas Escolares

En parejas, los estudiantes eligen una herramienta como Figma o Canva y crean un prototipo interactivo de una app para registrar tareas. Agregan pantallas de inicio, lista y recordatorios con transiciones. Prueban el flujo mutuamente y ajustan basado en feedback.

¿Qué ventajas ofrecen las herramientas de prototipado digital sobre los prototipos físicos?

Consejo de Facilitación

En la actividad de pares, pida a los estudiantes que intercambien roles: uno simula el usuario y el otro observa las dificultades en la navegación para identificar problemas reales.

Qué observar

Entregue a cada estudiante una tarjeta con el nombre de una herramienta de prototipado digital (ej. Figma, Adobe XD, Balsamiq). Pida que escriban dos ventajas de usar esa herramienta para crear prototipos de aplicaciones y un ejemplo de aplicación donde sería útil.

• Comprender
• Aplicar
• Analizar
• Crear
• Autogestión
• Habilidades de Relación

Actividad 02

• Aula Invertida
• 50 min · Grupos pequeños

Grupos Pequeños: Competencia de Prototipos Interactivos

Divida la clase en grupos de 4. Cada grupo diseña un prototipo de sitio web para una feria escolar, simulando navegación. Rotan para probar prototipos ajenos y votan el más usable. Discuten mejoras colectivamente.

¿Cómo un prototipo interactivo ayuda a visualizar el flujo de una aplicación?

Consejo de Facilitación

En la competencia de grupos pequeños, limite el tiempo a 20 minutos para fomentar decisiones rápidas y creativas con las plantillas básicas.

Qué observar

Los estudiantes presentan su prototipo interactivo a un compañero. El evaluador debe completar una lista de verificación: ¿La navegación es clara? ¿Se puede completar la tarea principal? ¿Hay al menos 3 pantallas conectadas? El compañero debe escribir una sugerencia específica para mejorar el prototipo.

• Comprender
• Aplicar
• Analizar
• Autogestión
• Autoconciencia

Actividad 03

• Aula Invertida
• 40 min · Toda la clase

Clase Completa: Galería de Prototipos Digitales

Los estudiantes suben sus prototipos a una plataforma compartida. Realicen un recorrido guiado donde cada uno presenta su flujo en 2 minutos. La clase da feedback en post-its digitales y vota por innovaciones.

¿Qué características son esenciales en una herramienta de prototipado para principiantes?

Consejo de Facilitación

En la galería de clase, asigne a cada grupo un rol de 'crítico' que debe encontrar al menos dos aspectos que mejorar en otros prototipos antes de dar feedback positivo.

Qué observar

Muestre a los estudiantes una captura de pantalla de una interfaz de aplicación. Pregunte: '¿Qué elemento de diseño falta para que este sea un prototipo interactivo?'. Luego, muestre un flujo de usuario simple y pregunte: '¿Cuál es el siguiente paso lógico en este flujo?'

• Comprender
• Aplicar
• Analizar
• Autogestión
• Autoconciencia

Actividad 04

• Aula Invertida
• 30 min · Individual

Individual: Iteración Rápida de Prototipo

Cada estudiante crea un prototipo básico de una app de recetas en 10 minutos. Luego, itera tres veces basado en una rúbrica de usabilidad: flujo claro, botones intuitivos y simulación realista. Reflexionan en un diario digital.

¿Qué ventajas ofrecen las herramientas de prototipado digital sobre los prototipos físicos?

Consejo de Facilitación

Para la iteración individual, entregue una lista de verificación impresa que los estudiantes marquen al revisar su propio trabajo antes de compartirlo.

Qué observar

Entregue a cada estudiante una tarjeta con el nombre de una herramienta de prototipado digital (ej. Figma, Adobe XD, Balsamiq). Pida que escriban dos ventajas de usar esa herramienta para crear prototipos de aplicaciones y un ejemplo de aplicación donde sería útil.

• Comprender
• Aplicar
• Analizar
• Autogestión
• Autoconciencia

Algunas notas para enseñar esta unidad

Enseñe el prototipado digital como un proceso iterativo, no como un producto final. Evite mostrar solo ejemplos perfectos; en su lugar, use errores comunes de estudiantes para discutir cómo mejorarlos. La investigación muestra que los estudiantes aprenden mejor cuando ven el fracaso como parte del diseño, no como un obstáculo.

Al finalizar, los estudiantes explican por qué los prototipos digitales son útiles para probar flujos de usuario y mejoran sus diseños mediante iteraciones guiadas. Cada prototipo debe incluir al menos tres pantallas conectadas y una tarea principal clara que un usuario pueda completar sin instrucciones.

---

Cuidado con estas ideas erróneas

• Durante la actividad 'Prototipo de App de Tareas Escolares', algunos estudiantes pueden pensar que su prototipo no sirve porque no es una app verdadera.

  Recuérdeles que el valor está en probar flujos de usuario. Pídales que simulen usar la app con un compañero: si la navegación falla en la prueba, es señal de que deben iterar. Usen esta actividad para destacar que los prototipos digitales están hechos para fallar rápido y mejorar.

• Durante la 'Competencia de Prototipos Interactivos', algunos pueden creer que crear prototipos digitales es tan difícil como programar.

  En grupos pequeños, guíe una exploración de 10 minutos donde todos manipulen las herramientas básicas: arrastrar botones, cambiar colores y conectar pantallas. Después, pida que compartan qué fue lo más fácil de hacer y por qué. Esto desmitifica la complejidad al mostrar que el foco está en el diseño, no en la tecnología.

• Durante la 'Galería de Prototipos Digitales', algunos pueden insistir en que un prototipo físico es mejor para visualizar el flujo de una app.

  En la galería, coloque junto a cada prototipo digital una captura de pantalla de un prototipo físico similar. Pídales que comparen cómo cada uno muestra transiciones entre pantallas. Luego, discutan en qué casos el digital supera al físico, como en cambios instantáneos o pruebas remotas.

---

Metodologías usadas en este resumen

• Enseñanza entre Pares
• Aula Invertida