Tecnología · I Medio · Desarrollo de Aplicaciones y Experiencia de Usuario · 2do Semestre

Creación de Prototipos Interactivos

Los estudiantes utilizan herramientas de prototipado visual para crear maquetas interactivas de aplicaciones, enfocándose en la navegación y la experiencia del usuario.

• Objetivos de Aprendizaje (OA)
• OA TEC 1oM: Diseño de Soluciones Tecnológicas
• OA TEC 1oM: Experiencia de Usuario

Acerca de este tema

La creación de prototipos interactivos guía a los estudiantes de I Medio en el uso de herramientas de prototipado visual, como Figma o Adobe XD, para diseñar maquetas de aplicaciones que simulen la interacción real del usuario. Se centran en navegación fluida, botones intuitivos y flujos lógicos, respondiendo a preguntas clave como cómo simular interacciones o qué hace un prototipo fácil de usar. Esto cumple directamente con las OA TEC 1oM sobre diseño de soluciones tecnológicas y experiencia de usuario en las Bases Curriculares de MINEDUC.

En el contexto de la unidad de Desarrollo de Aplicaciones y Experiencia de Usuario, este tema fortalece habilidades prácticas: iteración basada en pruebas, empatía con el usuario y resolución de problemas de usabilidad. Los estudiantes conectan conceptos abstractos con resultados tangibles, preparando terreno para el desarrollo real de software y fomentando un diseño inclusivo.

El aprendizaje activo beneficia especialmente este tema, ya que las pruebas colaborativas de prototipos revelan fallos en tiempo real, las discusiones en grupo refinan diseños y las iteraciones rápidas convierten errores en aprendizajes memorables. Así, los conceptos de UX se vuelven prácticos y relevantes.

Preguntas Clave

1. ¿Cómo se simula la interacción del usuario en un prototipo?
2. ¿Qué elementos hacen que un prototipo sea fácil de usar y entender?
3. ¿Por qué es útil probar un prototipo antes de construir la aplicación real?

Objetivos de Aprendizaje

• Diseñar maquetas interactivas de aplicaciones utilizando herramientas de prototipado visual, demostrando la navegación y la experiencia del usuario.
• Evaluar la usabilidad de un prototipo de aplicación basándose en principios de diseño centrado en el usuario y la navegación intuitiva.
• Analizar cómo las interacciones simuladas en un prototipo reflejan el comportamiento esperado del usuario final.
• Criticar flujos de navegación y elementos de interfaz en prototipos para identificar áreas de mejora en la experiencia del usuario.

Antes de Empezar

Principios de Diseño de Interfaces Gráficas

Por qué: Los estudiantes necesitan comprender los elementos básicos de una interfaz (botones, menús, iconos) para poder incorporarlos en sus prototipos interactivos.

Fundamentos de la Experiencia de Usuario

Por qué: Es necesario tener una noción básica de qué es la experiencia de usuario y por qué es importante para que los estudiantes comprendan el propósito de crear prototipos centrados en el usuario.

Vocabulario Clave

Prototipo interactivo	Una simulación de alta fidelidad de una aplicación o sitio web que permite a los usuarios hacer clic y navegar a través de diferentes pantallas y funcionalidades.
Flujo de usuario	La ruta que sigue un usuario a través de una aplicación para completar una tarea específica, desde el punto de entrada hasta la finalización de la acción.
Experiencia de Usuario (UX)	La percepción y respuesta general de una persona al usar un producto, sistema o servicio, enfocándose en la facilidad de uso, eficiencia y satisfacción.
Navegación intuitiva	Un diseño de interfaz que permite a los usuarios moverse por una aplicación de manera lógica y predecible, sin necesidad de instrucciones explícitas.

Cuidado con estas ideas erróneas

Idea errónea común

Un prototipo debe verse perfecto y terminado desde el inicio.

Qué enseñar en su lugar

Los prototipos son maquetas rápidas para probar ideas, no productos finales. Las actividades de pares ayudan a mostrar que la iteración temprana ahorra tiempo, ya que los estudiantes ven cómo un diseño simple revela problemas antes de invertir en código.

Idea errónea común

La experiencia de usuario solo depende del color y diseño visual.

Qué enseñar en su lugar

La UX prioriza navegación y lógica de interacción sobre estética. Pruebas en grupos pequeños demuestran esto, pues los estudiantes identifican confusiones en flujos pese a diseños atractivos, fomentando discusiones sobre prioridades funcionales.

Idea errónea común

Probar un prototipo no es necesario si el diseñador lo entiende bien.

Qué enseñar en su lugar

El usuario final piensa diferente al creador. Sesiones de galería de clase exponen esto, ya que feedbacks inesperados refinan diseños y enseñan empatía a través de observación directa.

Ideas de aprendizaje activo

Enseñanza entre Pares: Prototipo Básico de App

Los estudiantes eligen un app cotidiana, como una agenda escolar, y crean un prototipo de 3 pantallas con navegación en herramienta visual. Intercambian con su par para probar clics y flujos. Ajustan basado en feedback recibido.

45 min·Parejas

Grupos Pequeños: Pruebas de Usabilidad

Dividan la clase en grupos de 4. Cada grupo prueba prototipos de otros, cronometrando tareas como 'encuentra un evento'. Registran problemas de navegación y sugieren mejoras. Discuten hallazgos en plenaria.

50 min·Grupos pequeños

Clase Entera: Galería de Prototipos

Exhiban prototipos en pantalla compartida. Toda la clase vota por el más intuitivo y prueba uno por uno. Recopilen feedback colectivo para iteraciones finales.

30 min·Toda la clase

Individual: Iteración Rápida

Cada estudiante refina su prototipo original incorporando al menos 3 feedbacks de pruebas previas. Exportan versión final y autoevalúan usabilidad con rúbrica.

35 min·Individual

Conexiones con el Mundo Real

• Los diseñadores UX en empresas tecnológicas como Google o Meta crean prototipos interactivos para probar nuevas características de aplicaciones móviles antes de invertiren su desarrollo completo, asegurando que sean fáciles de usar para millones de personas.
• Agencias de diseño de experiencia de usuario, como Huge o Accenture Interactive, trabajan con clientes de diversas industrias, desde la banca hasta el comercio minorista, para prototipar y validar la interfaz y la navegación de sus plataformas digitales.

Ideas de Evaluación

Evaluación entre Pares

Los estudiantes presentan sus prototipos interactivos a un compañero. El evaluador debe completar una lista de verificación que incluya: ¿Es fácil navegar entre pantallas? ¿Los botones son claros y funcionales? ¿El flujo de usuario para completar una tarea X es lógico? El evaluador escribe una sugerencia de mejora.

Boleto de Salida

Entregue a cada estudiante una tarjeta con la pregunta: 'Describe una interacción simulada en tu prototipo y explica por qué la diseñaste de esa manera para mejorar la experiencia del usuario.' Recoja las tarjetas al final de la clase.

Verificación Rápida

Muestre en pantalla un prototipo simple con un error de navegación obvio. Pregunte a los estudiantes: '¿Qué problema de usabilidad identifican en este prototipo y cómo lo solucionarían?' Use una herramienta de sondeo rápido para recopilar respuestas.

Preguntas frecuentes

¿Cómo simular interacción en prototipos interactivos?

Usen herramientas como Figma para agregar hotspots, transiciones y estados hover que imiten clics reales. Guíen a estudiantes a mapear flujos usuario-tarea primero, luego enlazar pantallas. Pruebas tempranas validan si la simulación refleja uso natural, ajustando para intuición.

¿Qué elementos hacen un prototipo fácil de usar?

Incluyan navegación clara con menús consistentes, botones grandes y etiquetas directas. Eviten sobrecarga visual y aseguren retroalimentación inmediata en interacciones. Actividades de pruebas de usabilidad ayudan a estudiantes a priorizar estos, midiendo tiempo de tareas para iterar efectivamente.

¿Por qué probar prototipos antes de la app real?

Detecta errores de usabilidad temprano, reduce costos de reprogramación y valida suposiciones sobre usuarios. En aula, esto enseña iteración ágil: estudiantes ven cómo un cambio simple resuelve confusiones masivas, alineando con estándares de diseño TEC.

¿Cómo el aprendizaje activo ayuda en creación de prototipos?

Actividades como pruebas en pares y galerías colectivas hacen tangible la UX: estudiantes experimentan frustraciones reales al usar prototipos ajenos, generando feedback auténtico. Esto acelera iteraciones, fortalece colaboración y retiene conceptos mejor que lecturas pasivas, con gains en habilidades de I Medio.