Sei sulla pagina 1di 53

DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC

Todos los derechos reservados @ Telefonica Educación Digital


MÓDULO 4:
Design Thinking y su
aplicación en la educación
En este módulo, integrarás la metodología Design Thinking,
innovando en tu práctica docente.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Unidad 1: Design Thinking para fomentar la creatividad

Unidad 2: Planificación de clases con Design Thinking

Unidad 3: Prototipo con Design Thinking

65%: PUNTAJE: 185


TEMARIO

Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Unidad 3: Prototipo con Design Thinking

1.Prototipar en Design Thinking


1.1. Prototipo
1.2. Prototipar
1.3. Formas de prototipar

2. Diseñar prototipos
2.1. Desarrollo del prototipo
2.2. Esquema para la presentación del desarrollo de un prototipo
2.3. Hacer prototipos con empatía
2.4. Hacer prototipos para evaluar
2.5. Hacer prototipos para decidir

3. Herramientas para prototipar


3.1. Aspectos generales
3.2. Herramientas para crear mockups
3.3. Herramientas para crear storyboard
3.4. Otras herramientas para prototipar
DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Los recursos tecnológicos están revolucionando la manera de enseñar, no
solo en el contenido, sino también en la retención del conocimiento y
experiencia del estudiante. Así, la metodología Design Thinking ofrece la
oportunidad de innovar en el aula a través de sus distintas etapas.

Ideas clave La etapa prototipar, por ejemplo, permite disponer de un primer acercamiento a
de la unidad un producto funcional con el que distintas personas pueden comenzar a
interactuar. De esta forma, es posible disponer de un feedback directo que
contribuya a realizar mejoras desde una fase muy temprana del proyecto.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Como has podido observar a lo
largo del programa, la tecnología
está cambiando los hábitos de las
personas y se está insertando con
rapidez en la educación.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Cada vez aparecen nuevos recursos
educativos que fomentan la
innovación en el aula. El Design
Thinking permite crear soluciones a
distintos problemas reales y, para ello,
es muy útil hacer prototipos.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Y, ¿cómo se elaboran los
prototipos de acuerdo a
esta metodología?

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Ahora, revisaremos cómo se realiza
la construcción de un prototipo,
aplicando la metodología Design
Thinking. ¡Iniciemos con algunas
definiciones importantes!

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

1 Prototipar en Design Thinking

Todos los derechos reservados @ Telefonica Educación Digital


1.1. Prototipo

Es el primer modelo de estudio de algo, que más tarde podrá ser desarrollado, copiado,
replicado o escalado. Es el primer original que forma parte de una etapa de descubrimiento
en el proceso de creación y desarrollo (donde más adelante vendrán las versiones alfa, beta
y viva).

Posiblemente, el prototipo iniciará con garabatos y esquemas en papel e irá tomando


forma mediante el proceso de creación y experimentación que se haya trazado el equipo.
El prototipo es una representación o simulación del producto final que permite aprender
rápido, probando y testeando para incluir las modificaciones en la fase de desarrollo.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

1 Prototipar en Design Thinking

Todos los derechos reservados @ Telefonica Educación Digital


1.2. Prototipar

Esta es la cuarta fase dentro del proceso de Design Thinking, que es una metodología orientada a la acción en la
que se buscan procesos cortos e iterativos. Aquellos que, a través del feedback dado por el usuario, permitan
ajustarse cada vez más a la satisfacción de sus necesidades y deseos.

Las ideas van a ser aterrizadas y a convertirse en tangibles para que, de esa manera, el usuario no solo imagine
propuestas, sino que pueda tocarlas. Prototipar implicará inicialmente:

1.Entender las necesidades de los usuarios/destinatarios/afectados.


2.Diseñar una estrategia/camino/método para alcanzar esas necesidades con una propuesta
novedosa.
3.Estimar el esfuerzo necesario para lograrlo (tiempo, recursos humanos/conocimientos,
recursos materiales/técnicos/económicos) y gestionar los recursos.

Para mayor información, revisa “Prototipar en Design Thinking”: https://bit.ly/33Zhcfi

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

1 Prototipar en Design Thinking

Todos los derechos reservados @ Telefonica Educación Digital


1.3. Formas de prototipar

Existen muchas formas de prototipar. Desde las más rápidas y sencillas, hasta otras más elaboradas y que implican
más coste y tiempo de elaboración. Conoce las dos formas a continuación.

Selecciona cada botón para ver la información.

Formas de prototipar rápidas y Formas de prototipar rápidas y


baratas baratas

Observa “Prototipar” para mayores referencias aquí: https://bit.ly/2ZpSNfi

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Formas de prototipar rápidas y baratas

1 Prototipar en Design Thinking


Role playing: Es una representación de la forma de uso de un producto o de un

Todos los derechos reservados @ Telefonica Educación Digital


servicio. Se trata de simular la interacción, incluyendo las características que resultan
1.3. Formas de prototipar
relevantes para el usuario.
Existen muchas formas de prototipar. Desde las más rápidas y sencillas hasta otras más elaboradas y que implican
más coste y tiempo dePlano
elaboración. Conoce las dosSe
de producto/servicio: formas a continuación.
elabora un diseño en el que se recoge la forma y
características del producto o servicio. Un ejemplo de aplicación podría ser una
Selecciona cada botónnueva
para ver la información.
bicicleta con distintas características. Se mostraría la forma de sus ruedas, la
del manillar, asiento, etc. En definitiva, todo lo relevante que se quiera validar con el
usuario. Si es pertinente, pueden hacerse diferentes planos que muestren distintas
perspectivas y foco en algunos detalles.

Formas de prototipar rápidas y Formas de prototipar rápidas y


baratas
Storyboard: baratas
Este prototipo gráfico representa la interacción del usuario con el
producto o servicio. En él se recoge “la película” que cuenta sus funcionalidades y
cómo estas dan solución a las necesidades del usuario. No hace falta contar con
grandes ilustraciones en su diseño, pero sí con dibujos que permitan entender
claramente lo que cada viñeta representa.

Observa “Prototipar” para mayores referencias aquí: https://bit.ly/2ZpSNfi

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Formas de prototipar rápidas y baratas

Todos los derechos reservados @ Telefonica Educación Digital


Folleto: La característica adicional que incluye el folleto dentro de la categoría de
prototipos es que incluye un discurso comercial, además de fotos, ordenamiento y
priorización de la información. Es mejor utilizarlo en fases avanzadas de prototipado
de un producto o servicio, en el que además exista alguna noción de tono de
comunicación e identidad de marca.

Pantallazos: En los casos anteriores el prototipo podría crearse con lápiz y papel. Si
decidimos sofisticarlo, podemos recurrir al ordenador y al diseño de pantallazos que
permitan no solo recoger la historia del producto o servicio, sino también como se
integrarían dentro de una web.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

1 Prototipar en Design Thinking

Todos los derechos reservados @ Telefonica Educación Digital


1.3. Formas de prototipar

Existen muchas formas de prototipar. Desde las más rápidas y sencillas hasta otras más elaboradas y que implican
más coste y tiempo de elaboración. Conoce las dos formas a continuación.

Selecciona cada botón para ver la información.

Formas de prototipar rápidas y Formas de prototipar rápidas y


baratas baratas

Observa “Prototipar” para mayores referencias aquí: https://bit.ly/2ZpSNfi

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Formas de prototipar que requieren de más tiempo e inversión

Todos los derechos reservados @ Telefonica Educación Digital


Landing Page: Se trata de una página web desde la que se muestra el producto o
servicio y también una llamada a la acción, como si ya estuviese en venta. Hoy
contamos con gestores de contenidos que permiten, en muy poco tiempo, tener una
web a nuestra disposición. De todos ellos, el más utilizado es WordPress. Con poco
dinero y recursos como bancos de fotografía, resulta sencillo generar un prototipo. La
desventaja es que si nadie en el equipo sabe cómo utilizar WordPress se perderá
agilidad en posibles interacciones, dado que se necesitará hacer cambios constantes
de acuerdo al feedback que vaya dando el usuario.

Vídeo: Más caro y costoso, representa también la forma más completa de mostrar el
diseño de un producto o servicio. Muchas startups utilizan la animación para
crearlos. La razón habitual es que es mucho más sencillo a nivel de producción, uno
de los mayores casos de éxito fue el de Dropbox.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Autoevaluación

Todos los derechos reservados @ Telefonica Educación Digital


Enfrenta el primer reto y gana diez puntos.

1. Prototipar es una fase del Design Thinking, que a través del _______________ dado por el usuario,
permite ajustarnos cada vez más a la satisfacción de sus necesidades y deseos.

Completa el enunciado, marcando una opción.

a. Feedback

b. Prototipo

c. Storyboard

d. Bosquejo

Enviar respuesta

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Autoevaluación

Todos los derechos reservados @ Telefonica Educación Digital


Adquiere más puntaje con la siguiente pregunta.

1. Lisbeth comenta con Moisés que hay formas rápidas y baratas para prototipar, entre las que destacan
dos:

Selecciona dos opciones.

a. Wordpress

b. Storyboard

c. Videos

d. Folletos

Enviar respuesta

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.1. Desarrollo de prototipo

Empatizar Definir Idear Prototipar Testear o


evaluar

• La cuarta fase del Design Thinking consiste en desarrollar un prototipo o producir un modelo tangible a partir de
las ideas generadas, una vez que son tamizadas de acuerdo con los recursos y competencias de las que
disponemos. Se trata de elaborar una propuesta viable tras el proceso de expansión creativa vivida en la fase
anterior. No se trata de presentar la idea del proyecto de forma oral, sino con un artefacto, digital o físico,
dependiendo el tipo de propuesta que se formule.

• Prototipar nos ayuda a pensar como creadores y a comunicarnos con el cliente o usuario. Además, es un método
más barato para optimizar un producto o un proceso a través de aproximaciones progresivas a una solución
satisfactoria mediante un procedimiento de fallo y error. El resultado de esta fase es el diseño de un prototipo que
resuelva el problema o reto que se ha definido en la segunda fase del proceso de Design Thinking.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.2. Esquema para la presentación del desarrollo de un prototipo.

Para presentar el desarrollo de un prototipo, es necesario tener en cuenta el siguiente esquema:

1. Nombre del proyecto/prototipo.


2. Definición concreta del problema que se pretende resolver.
3. Objetivos perseguidos.
4. Destinatarios (a quiénes afecta la solución propuesta, quiénes son los usuarios y/o
implicados).
5. Recursos que se necesitan para llevarlo a cabo (recursos materiales y humanos).
6. Acciones que incluye el plan.
7. Indicadores de evaluación (cómo se medirá si la solución propuesta alcanza los
objetivos proyectados).
8. Temporalización (cómo se va a desarrollar el proyecto).

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.3. Hacer prototipos con empatía

El testear los prototipos con los usuarios durante la etapa de evaluación es una práctica común en el proceso de
diseño, sin embargo, el hacer y evaluar prototipos con los usuarios en etapas iniciales nos entrega información
importante que no sucederá ni con entrevistas ni observaciones.

Además, siempre se puede desarrollar prototipos o crear situaciones diseñadas específicamente para adquirir
empatía sin ni siquiera tener una solución en mente o haber llegado a la etapa de evaluación. De la misma manera
que un prototipo para una solución ayuda a entender el concepto, también un prototipo con empatía ayuda a adquirir
conocimientos sobre el contexto, el espacio y el usuario.

Presiona el ícono para obtener algunas ideas.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Ideas para hacer prototipos con empatía

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.3. Hacer prototipos con empatía
• Pedirle al usuario que dibuje algo: Por ejemplo, “dibuja lo que piensas sobre gastar
El testear los prototiposdinero"
con los usuarios
o “dibuja durante
sobre cómola etapa
vas de evaluación
al trabajo”, es una
para después prácticasobre
conversar común en el proceso de
el dibujo.
diseño, sin embargo, el hacer y evaluar prototipos con los usuarios en etapas iniciales nos entrega información
importante que no sucederá ni con entrevistas ni observaciones.
• Inventar un juego y hacerlo más interactivo para explorar temas que interesen: Por
ejemplo, se puede crear un simple cantidad de cartas con las soluciones dibujadas y
Además, siempre se puede
hacerdesarrollar prototipos
que el usuario o crear
elija entre situaciones
las que diseñadas
encuentre más específicamente para adquirir
relevantes.
empatía sin ni siquiera tener una solución en mente o haber llegado a la etapa de evaluación. De la misma manera
que un prototipo para una solución ayuda a entender el concepto, también un prototipo con empatía ayuda a adquirir
conocimientos sobre el• Simular o actuar
contexto, aspectos
el espacio del usuario para poder comprenderlo de mejor manera:
y el usuario.
Por ejemplo, si el usuario es el dueño de casa que tiene que armar un mueble con un
cuchillo,
Presiona el ícono para obtener trata de
algunas armar un mueble con un cuchillo de tu cocina.
ideas.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.4. Hacer prototipos para evaluar

El objetivo es desarrollar una generación iterativa de prototipos de baja resolución o pequeña escala (simples y
que tomen poco tiempo en armarlos) que representen diferentes aspectos de la solución de diseño. El desarrollar
prototipos para evaluarlos con los usuarios es una excelente oportunidad para examinar tanto las soluciones de
diseño como la percepción sobre los usuarios y sus necesidades.

Presiona el ícono para obtener algunas ideas.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Ideas para hacer prototipos con evaluar

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.4. Hacer prototipos para•evaluar
Empezar a construir: Aún cuando no estés seguro de lo que estás haciendo, el solo
acto de recoger algunos materiales será suficiente para empezar a hacer algo (unos
El objetivo es desarrollar una generación
buenos materiales iterativa de prototipos
pueden ser, de baja
papel, cartón, resolución
masking o a pequeña
tape, tijeras escala (simples y
y pegamento).
que tomen poco tiempo en armarlos) que representen diferentes aspectos de la solución de diseño. El desarrollar
prototipos para evaluarlos
• Nocon los usuarios
perder demasiadoes una excelente
tiempo oportunidad
en un prototipo: para
Deja examinar
ir al prototipotanto las soluciones
apenas te de
diseño como la percepción sobrealos
empieces usuarios
sentir y sus necesidades.
emocionalmente comprometido.

Presiona el ícono para obtener algunas


• Construir con unideas.
usuario en mente: ¿Qué piensas evaluar con el usuario cuando el
prototipo esté listo? ¿Qué tipo de comportamiento esperas? Estas respuestas te
ayudarán a mantener el enfoque en el prototipo y también recibir un feedback
significativo en la etapa de evaluación.

• Identificar una variable: Reconoce el estudio y la evaluación de cada prototipo. Un


prototipo debería contestar una pregunta en particular cuando sea evaluado.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.5. Hacer prototipos para decidir

Durante el proceso de diseño, muchas veces llega un punto en que no se sabe cómo seguir adelante, especialmente
cuando llega la hora de tomar decisiones sobre un camino u otro.

Crear y evaluar prototipos puede ser la mejor manera de informar decisiones de diseño. Si una idea ya ha sido
prototipada y ha superado una revisión o evaluación del grupo, es una buena señal que merece avanzar más
adelante en el proceso.

Presiona el ícono para obtener algunas ideas.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Ideas para hacer prototipos con decidir

2 Diseñar prototipos

Todos los derechos reservados @ Telefonica Educación Digital


2.5. Hacer prototipos para decidir

Durante el proceso de diseño, muchas veces llega un punto en que no se sabe cómo seguir adelante, especialmente
cuando llega la hora de tomar decisiones
• Desarrollar sobre
solo los un caminoque
modelos u otro.
tengan buen potencial y diseño, manteniendo la
calidad de baja resolución o al menos lo más posible.
Crear y evaluar prototipos puede ser la mejor manera de informar decisiones de diseño. Si una idea ya ha sido
prototipada y ha superado una revisión o evaluación del grupo, es una buena señal que merece avanzar más
adelante en el proceso. • Asegurarse de filtrar bien la información a solo algunos discretos elementos de
diseño para tener en mente las variables que se están evaluando. Después de eso,
jugar con los prototipos lo más que se pueda, con los colegas y compañeros de
Presiona el ícono para obtener algunas
equipo y, si esideas.
posible, llevárselo al usuario para que lo pruebe y así recibir el feedback.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Autoevaluación

Todos los derechos reservados @ Telefonica Educación Digital


Demuestra lo aprendido con el siguiente ejercicio.

3. Pedirle al usuario que, por ejemplo, “dibuje el proceso de elaboración de un mueble” para después
conversar sobre el dibujo. Corresponde a:

Selecciona una opción.

a. Hacer prototipos para evaluar

b. Hacer prototipos para decidir

c. Hacer prototipos con Design Thinking

d. Hacer prototipos con empatía

Enviar respuesta

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Autoevaluación

Todos los derechos reservados @ Telefonica Educación Digital


Observa la pregunta y contesta acertadamente.

4. Jorge comenta que un prototipo para evaluar tiene como objetivo desarrollar una generación iterativa
de prototipos de baja resolución o a pequeña escala que representen diferentes aspectos de la
solución de diseño. ¿Esta afirmación es verdadera o falsa?
Escoge una opción.

a. Verdadera

b. Falsa

c. Hacer prototipos con Design Thinking

d. Hacer prototipos con empatía

Enviar respuesta

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.1. Aspectos generales

El prototipo es un modelo preliminar de la solución y puede ser un dibujo a mano, una simulación, una prueba o
una implementación a baja escala que pueda dar información de su funcionamiento. En e-learning, puede ser un
storyboard, un sketch o un mockup. A través de estas pruebas, se recopila información de la interacción del
usuario con el producto. Los prototipos enseñan mucho, por lo que debemos aprender de las pruebas y digerir el
feedback como un aprendizaje para implementarlo.

Algunas herramientas a utilizar durante todo el proceso:

• Lápiz y papel (para todas las instancias del proceso).


• Moqups (herramienta online, específicamente para prototipos low-fi).
• Sketch (herramienta de diseño digital, ideal para prototipos high-fi y
diseños finales de cualquier producto digital).
• InVision (plataforma idónea para todas las instancias del proceso, desde
moodboards de inspiración, pasando por AB testing, hasta el hand-off del
diseño a programación).

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.2. Herramientas para crear mockups

Un mockup o maqueta es un diseño digital de una web y/o aplicación. Las maquetas se utilizan en la fase de
diseño inicial para visualizar ideas y conceptos en el contexto del diseño. A continuación, algunas herramientas para
crear mockups.

Selecciona los botones.

Moqups Balsamiq Lucidchart MarvelApp

Desde el navegador, sin descargar ni instalar nada. Moqups permite crear prototipos desde
un entorno profesional repleto de opciones para hacer un diseño profesional y muy próximo
al producto final, en especial en el caso de aplicaciones o sitios web.

Para más información, lee “10 herramientas imprescindibles para crear mockups”: https://bit.ly/2zntXCa

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.2. Herramientas para crear mockups

Un mockup o maqueta es un diseño digital de una web y/o aplicación. Las maquetas se utilizan en la fase de
diseño inicial para visualizar ideas y conceptos en el contexto del diseño. A continuación, algunas herramientas para
crear mockups.

Selecciona los botones.

Moqups Balsamiq Lucidchart MarvelApp

Es una de las herramientas más importantes para crear wireframes y mockups. Es fácil y


sencilla de usar para tener un buen mockup.

Para más información, lee “10 herramientas imprescindibles para crear mockups”: https://bit.ly/2zntXCa

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.2. Herramientas para crear mockups

Un mockup o maqueta es un diseño digital de una web y/o aplicación. Las maquetas se utilizan en la fase de
diseño inicial para visualizar ideas y conceptos en el contexto del diseño. A continuación, algunas herramientas para
crear mockups.

Selecciona los botones.

Moqups Balsamiq Lucidchart MarvelApp

Se caracteriza por una interfaz que opera al arrastrar y soltar los elementos para crear el
mockup. Se puede compartir el proyecto con otros y, en un poco de tiempo, se puede pasar
de tener un proyecto rápido a uno que sería el producto final.

Para más información, lee “10 herramientas imprescindibles para crear mockups”: https://bit.ly/2zntXCa

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.2. Herramientas para crear mockups

Un mockup o maqueta es un diseño digital de una web y/o aplicación. Las maquetas se utilizan en la fase de
diseño inicial para visualizar ideas y conceptos en el contexto del diseño. A continuación, algunas herramientas para
crear mockups.

Selecciona los botones.

Moqups Balsamiq Lucidchart MarvelApp

Una de sus virtudes es la accesibilidad a través de distintas plataformas como puede ser


PC, móvil o web. Se sincroniza con Dropbox y ofrece acceso a equipos completos. Otra de
sus características distintivas es que se puede exportar el prototipo como si fuera un APK
para desarrolladores Android.

Para más información, lee “10 herramientas imprescindibles para crear mockups”: https://bit.ly/2zntXCa

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.3. Herramientas para crear storyboard

El storyboard se refiere a una técnica de prototipado que representa cómo funcionará un producto o servicio
mediante viñetas de cómic. El storyboard se plasma en una maqueta o mockup que aclara cómo es la navegación y
la interacción con el usuario a través de páginas web, pantallas u otras interfaces; su ventaja para prototipar es que
es rápido y no requiere inversión. Está especialmente indicado en los casos en que el nuevo diseño implica cambios
en las acciones que lleva a cabo el usuario. A continuación, algunas herramientas para crearlo.

Selecciona los botones.

Storyboarder Canva

Es un software gratuito y open source para esbozar historias de manera digital, cumple a la
perfección con esa premisa, deshaciéndose de herramientas innecesarias y abrazando un
funcionamiento extremadamente sencillo, que hace que crear un storyboard digital sea
prácticamente igual a hacerlo en papel.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.3. Herramientas para crear storyboard

El storyboard se refiere a una técnica de prototipado que representa cómo funcionará un producto o servicio
mediante viñetas de cómic. El storyboard se plasma en una maqueta o mockup que aclara cómo es la navegación y
la interacción con el usuario a través de páginas web, pantallas u otras interfaces; su ventaja para prototipar es que
es rápido y no requiere inversión. Está especialmente indicado en los casos en que el nuevo diseño implica cambios
en las acciones que lleva a cabo el usuario. A continuación, algunas herramientas para crearlo.

Selecciona los botones.

Storyboarder Canva

Diseña storyboards personalizados que comunican ideas de manera clara y efectiva.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.4. Otras herramientas para prototipar

Seguidamente, se presentan otras opciones para este fin.

Selecciona los botones.

Arduino Origami Pop app Principle UXPin

Cuando queremos llevar a cabo un proyecto o prototipo con Arduino o cualquier otro hardware,
debemos seguir un proceso. Este incluye diferentes fases que debemos ir afrontando a lo largo de
la creación de un prototipo:
• La idea general
• El prototipo mínimo
• El diseño incremental

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.4. Otras herramientas para prototipar

Seguidamente, se presentan otras opciones para este fin.

Selecciona los botones.

Arduino Origami Pop app Principle UXPin

Es una herramienta de creación de prototipos cuya propiedad es de Facebook y se utilizó para


crear las maquetas de varias aplicaciones como Instagram, Messenger y Paper. Aunque se usa
principalmente para aplicaciones de iOS, gracias a su integración con Apple Quartz Composer,
Origami también es compatible al desarrollo de prototipos interactivos en Android.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.4. Otras herramientas para prototipar

Seguidamente, se presentan otras opciones para este fin.

Selecciona los botones.

Arduino Origami Pop app Principle UXPin

Esta herramienta de prototipado ofrece un par de características muy útiles para la creación de
prototipos interactivos, incluyendo plugins para Sketch y Photoshop, así como una extensa
biblioteca completa con foros, tutoriales en vídeo y guías. Tiene una característica para exportar el
proyecto a código que permite convertir un diseño visual en ejemplos de código escritos para iOS,
Android o la web.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.4. Otras herramientas para prototipar

Seguidamente, se presentan otras opciones para este fin.

Selecciona los botones.

Arduino Origami Pop app Principle UXPin

Es una herramienta funcional y fácil de usar que permite utilizar la cámara del móvil para
fotografiar bocetos en papel y dotarlos de interacción para navegar. Se puede utilizar la
herramienta en los sistemas operativos que uno prefiera de iOS, Android y Windows phone.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.4. Otras herramientas para prototipar

Seguidamente, se presentan otras opciones para este fin.

Selecciona los botones.

Arduino Origami Pop app Principle UXPin

Aunque la aplicación Principle está especializada en animación, es capaz de realizar prototipos e


incluir un nuevo editor de líneas de tiempo, es similar a Adobe After Effects o al Flash. Entre sus
ventajas está que posee dos líneas del tiempo y puede animar los objetos de las páginas.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

3 Herramientas para prototipar

Todos los derechos reservados @ Telefonica Educación Digital


3.4. Otras herramientas para prototipar

Seguidamente, se presentan otras opciones para este fin.

Selecciona los botones.

Arduino Origami Pop app Principle UXPin

Es un conjunto de herramientas que pretende mejorar la experiencia usuario al máximo. Creada por
diseñadores UX, permite la creación rápida y fácil de prototipos de forma ágil. Las mayores ventajas
de utilizar UXPin son poder colaborar y comunicarse con el equipo en todo el proceso de diseño
en tiempo real, integrar versiones de documentos de nuestros archivos, demostrar el proceso de
diseño a los clientes y recopilar sugerencias y comentarios.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Autoevaluación

Todos los derechos reservados @ Telefonica Educación Digital


Efectúa el siguiente ejercicio y gana más puntos.

5. Une los nombres de las herramientas para crear mockups con sus características.

1. Moqups a. Es una de las herramientas más importantes para crear wireframes y mockups.

b. Desde el navegador, sin descargar ni instalar nada, permite crear prototipos y


2. MarvelApp mockups.
c. Se caracteriza por una interfaz que opera al arrastrar y soltar los elementos para
3. Balsamiq
crear el mockup.
d. Una de sus virtudes es la accesibilidad a través de distintas plataformas como
4. Lucidchart
puede ser PC, móvil o web. Se sincroniza con Dropbox.

a. 1a- 2c- 3b- 4d b. 1b-2d- 3a-4c c. 1b- 2a- 3c- 4d

Enviar respuesta

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Autoevaluación

Todos los derechos reservados @ Telefonica Educación Digital


Resuelve el último desafío de la unidad.

6. Jorge, docente de un curso en la universidad, comenta sobre una herramienta para esbozar historias
de manera digital que tiene un funcionamiento sencillo y que hace que crear un storyboard digital sea
prácticamente igual a hacerlo en papel. ¿Cuál es la herramienta que corresponde con este enunciado?
Selecciona una opción.

a. Storyboarder

b. Origami

c. Arduino

d. Pop app

Enviar respuesta

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


Ahora que has revisado cómo se
elaboran los prototipos y las
herramientas con las que
cuentas, ¿qué reflexiones podrías
comentar?

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


En el Design Thinking no hay solo una respuesta correcta a cada pregunta, al
trabajar en equipos, los estudiantes deben aprender a dar respuestas, pero
también a escuchar las de sus compañeros.

Dentro de cada equipo, hay un proceso de selección de las ideas viables hasta
encontrar la que se cree que es la más adecuada para un prototipo. Si el prototipo
funciona y da solución al problema, puede darse por correcto.

Desarrollar un prototipo es producir un modelo tangible a partir de las ideas


generadas, de acuerdo con los recursos y competencias de las que se dispone. Se
trata de elaborar una propuesta viable tras un proceso de expansión creativa que
resuelva el problema o reto.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

Todos los derechos reservados @ Telefonica Educación Digital


¡Muy bien! Recuerda que los prototipos
nos enseñan más de lo que creemos,
por lo que debemos aprender de las
pruebas y tener la capacidad de digerir
el feedback como un aprendizaje para
implementarlo.

Revisa el botón de bibliografía para observar las referencias de la unidad.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC


Módulo 4: Design Thinking y su aplicación en la educación

En este módulo, has aprendido cómo

Todos los derechos reservados @ Telefonica Educación Digital


integrar la metodología Design
Thinking en tu aula para innovar en tu
práctica docente. ¡Aprovecha los
conocimientos adquiridos y realiza
distintos proyectos con tus
estudiantes!

65%: PUNTAJE: 185


Todos los derechos reservados @ Telefonica Educación Digital
DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC

Todos los derechos reservados @ Telefonica Educación Digital


¡FELICIDADES!
Has obtenido tu tercera medalla
del programa.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC

Todos los derechos reservados @ Telefonica Educación Digital


Por tu perseverancia en este
programa, has ganado una
medalla de reconocimiento al
haber alcanzado el nivel de
investigador digital.

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC

Todos los derechos reservados @ Telefonica Educación Digital


Además, has obtenido otras
herramientas para implementar
tu aula digital y fomentar el uso
de las TIC. ¡Felicidades!

65%: PUNTAJE: 185


DIPLOMADO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN APLICADAS A LA EDUCACIÓN

PROGRAMA 3: INNOVACIÓN EDUCATIVA CON TIC

Todos los derechos reservados @ Telefonica Educación Digital


Continúa tu preparación en el Programa
4: Diseño de sesiones de clase y
proyectos con TIC. ¡Disfruta de nuevos
aprendizajes y experiencias que harán de
ti un docente innovador digital, hasta
pronto!

SALIR DE LA UNIDAD

65%: PUNTAJE: 185


REFERENCIAS

Todos los derechos reservados @ Telefonica Educación Digital


Bravo Consultoría. (2017). Prototipar en Design Thinking. Recuperado de https://bit.ly/33Zhcfi
Lafuente, A. y Horrillo, P. (2017). Cómo hacer un prototipo. La Aventura de aprender. Recuperado de
https://bit.ly/2ZrzCWp
Plattner, H. (2012). Mini guía: una introducción al Design Thinking. Institute od Desing al Stanford. Traducido
al español por Felipe Gonzáles. Recuperado de https://stanford.io/2GuAdyd
RECURSOS COMPLEMENTARIOS

Todos los derechos reservados @ Telefonica Educación Digital


Módulo 4: Design Thinking y su aplicación en la educación

Unidad 3: Prototipo con Design Thinking

Lecturas:

1. Prototipar: https://bit.ly/2ZpSNfi

2. Prototipar en Design Thinking: https://bit.ly/33Zhcfi

3. 10 herramientas imprescindibles para crear mockups: https://bit.ly/2zntXCa

Potrebbero piacerti anche