¡Bienvenidos!

Día 2:
 Agenda
Día Día Día Día
1 2 3 4
Duración: dos horas Duración: dos horas Duración: dos horas Duración: dos horas
INTRODUCCIÓN VALIDACIÓN ITERACIÓN
PROTOTIPADO
• ¿Qué es pensamiento • ¿Qué es validación? • ¿Qué es una iteración?
• ¿Cómo prototipar?
creativo? • Identificar el usuario y • Ejercicio práctico final
• Tipos de prototipo
• ¿Qué es prototipado? herramientas para validar • Cierre de taller
• Ejercicio práctico de
Introducción • Ejercicio práctico de
prototipado
• ¿Qué es un concepto? validación
 Recordemos un poco
¿Qué imágen NO corresponde a un prototipo?

Trivia

A B C
 ¿Cómo es este proceso?

Conceptualizar Prototipar Validar Iterar

 Tipos de prototipo

Prototipo físico Prototipo de servicio

Brochure, modelo físico. Storytelling digital, juego de
Rol, etc.

Prototipo digital
Digital, nativo, Modelado 3D, etc.
Prototipo físico
Modelo físico
Prototipo físico
La construcción de un modelo físico
permite experimentar lo que en
dibujos no se puede, como tamaño,
posición, proporción, comodidad,
textura, color, función, modo de uso,
etc.

TIP: Materiales como cartón, papel, tijeras

y cinta son un buen primer paso para
prototipar modelos
Brochure
Prototipo físico
Es un conjunto imágenes mostradas,
con el fin de previsualizar lo que
queremos ofrecer. En este se plantean
las ideas principales y se dejan en claro
la oferta del cliente.

TIP: No hay que ser el mejor dibujante para

hacer un brochure, lo importante es que se
pueda interpretar la oferta y sus beneficios.
 Fidelidad en prototipo físico

Baja Media Alta

 Destacar lo importante Rápido y sin detalle
Asegúrese que todos los elementos No pierda tiempo haciendo su

Elementos clave estén representados en el prototipo prototipo de papel perfecto.

Tangible
Es importante que pueda interactuar con lo que
se está creando, no debe ser un dibujo.
Prototipo en servicio
Storyboard
Prototipo en servicio
La narración de historias (Storytelling) es
una excelente manera de organizar los
conceptos de su prototipo y evolucionarlo.
Al organizar la información en una página
de destino, por ejemplo, puede verla
desde una nueva perspectiva.

TIP: Usar pantallas predeterminadas

- Detallar las funciones en cada paso
- Conectar con flechas las entender la
interacción
 La importancia de contar
una buena historia

Compra y recoge
Reto: Realizar una compra y recogerla en
el supermercado sin tener ningún
contacto.
Herramientas para prototipar

Mural ¿Qué es?

Es un espacio digital que permite trabajar
de manera online y en tiempo real. Tiene
plantillas de acuerdo a la metodología de
diseño que se vaya a utilizar.

https://www.mural.co/
Juego de roles
Prototipo en servicio
Es la práctica de ponerse y vivir la
experiencia del usuario. Se trata de
sentir cómo es interactuar con tu
prototipo de primera mano.

Esté abierto a sentimientos de

incomodidad o confusión. Estos
sentimientos indican dónde podría
necesitar iterar.
El Fundador (2016)
¿Por qué este es un ejemplo
de prototipado?
El Fundador (2016)
Fidelidad en prototipo servicio Servicio en pastelería

Baja Media Alta

Storyboard Prototipo de alimento Prueba piloto
 Métase en su papel No deje pasar los
Tome un tiempo para pensar en su problemas
papel. Piense en sus necesidades, Cuando sienta que algo está
puntos de dolor, quién es. Deje que eso
Elementos clave influya en su rol.
mal, préstele atención a su
intuición.

Retroalimentación honesta
Recuerde que está buscando retroalimentación
honesta. No deje que su actividad se convierta en
un pitch.
¿Cómo prototipar
un producto digital?
Prototipo en papel
Prototipo digital
Los prototipos en papel para aplicaciones son
más que esquemas de flujo. Son dinámicos y
simulan interacciones clave del usuario sin la
necesidad de una herramienta o dispositivo
digital. Son rápidos y excelentes para
desarrollar o comunicar ideas a los miembros
del equipo.

TIP: - Utilizar colores y sombras

-Realizar con claridad el paso a paso
Prototipo digital
Prototipo digital
Esta no es una aplicación real, solo
una maqueta. Los usuarios pueden
probar una aplicación de aspecto real
en un dispositivo real.
Herramientas para prototipar

FluidUI ¿Qué es?

Es un espacio digital que permite trabajar de
manera online y en tiempo real. Tiene
plantillas de acuerdo a la metodología de
diseño que se vaya a utilizar.

https://www.fluidui.com/
Wireframes ¿Qué es?
Es un esquema visual que representa el
esqueleto o estructura de un producto
digital.
Mockups
Prototipo digital

Es un modelo de tu sitio web,

aplicación o un dispositivo, utilizado
para la demostración de sus
atributos

TIP: Usar pantallas predeterminadas

- Detallar las funciones en cada paso
- Conectar con flechas las entender la
interacción
 Fidelidad en prototipo digital

Baja Media Alta

Prototipo digital Prototipo nativo
Prototipo de papel
 Simula interacciones
Use prototipos en papel para
SIMULAR interacciones entre
pantallas.
Elementos clave
Colores y Sombras
Haga uso consistente del color, esto
permite presentar al usuario las áreas
donde desea generar la atención. En
adición, puede crear sombras en las
notificaciones.

Ahorra tiempo
Encuentre formas para ahorrar tiempo y construir sus ideas tan rápido como
sea posible. Por ejemplo, imprima plantillas de pantallas de manera que no
tenga de re dibujarlas.
 Juan Valdez quiere lanzar una nueva
experiencia de cata de café dentro de sus
tiendas para sus consumidores. Allí podrán
probar diferentes tipos de café y aprender
de la industria cafetera.

Trivia ¿Qué tipo de prototipo debería realizar

Juan Valdez para esta nueva experiencia
de cata de café?

A. Prototipo físico
B. Prototipo de servicio
C. Prototipo digital
 ¿Cómo es este proceso?

Conceptualizar Prototipar Validar Iterar

¡Manos a la obra!
 Imagine que usted y su equipo son del
Reto departamento de innovación y servicio de
Servientrega y necesitan que su cliente
pueda enviar un paquete en medio de la
pandemia sin necesidad de salir del hogar.
Tengan en cuenta la seguridad para el
cliente y el mensajero.

Tiempo: 25 minutos
 Reto Servientrega
Persona / Arquetipos Dolores del usuario
Jóvenes entre 20 - 30 Adultos entre 31 - 50 Algunos son nativos digitales y otros no Dolor 1
Estudiantes y Trabajadores Profesionales Ocupados manejan la tecnología muy bien No poder salir y llevar su encomienda por
la cuarentena
Paso a paso / Puntos de dolor Dolor 2
Sienten desconfianza con los mensajeros
El usuario debe El usuario pide Su paquete por el valor de su encomienda
El usuario no El servicio externo
enviar una un servicio llega por su
puede salir de externo para
llega a la otra Dolor 3
encomienda a su
encomienda a una casa, por la persona y el Inseguridad del usuario por los protocolos
llevar su casa sin ningún
distancia corta cuarentena paquete a protocolo de receptor siente de bioseguridad utilizados por el servicio
servientrega bioseguridad desconfianza externo
Funcionalidades
Funcionalidad 1
Poder contar con Servientrega de principio
a fin sin tener que acudir a un servicio
externo
Funcionalidad 2
Generar seguridad para los usuarios y
mensajeros
Idea / concepto / ¿Qué es? Funcionalidad 3
Una aplicación de Servientrega que recoja y lleve encomiendas puerta a puerta a cortas distancias, con la tranquilidad de que se están Generar confianza durante la recepción y
cumpliendo los protocolos de bioseguridad sin tener que salir de la casa por las medidas de cuarentena. entrega del paquete
PREGUNTAS O
COMENTARIOS
 ¿Cómo vamos a trabajar este
reto?

Trabajaremos en línea Les compartiremos Ustedes tendrán

Tendremos la plataforma de una carpeta a cada uno de ustedes un documento para poder resolver su reto
Google Drive con nuestros archivos por medio de un correo con el link de prototipado
Es hora de conocer su
solución
 ¿Cómo es este proceso?

Conceptualizar Prototipar Validar Iterar

Conversemos ¿Cómo les
fue con su concepto?
Queremos escucharlos

• Nombre
• ¿Cúal es tu concepto?

Tiempo:1 minuto
PREGUNTAS O
COMENTARIOS
 ¿Cómo es este proceso?

Conceptualizar Prototipar Validar Iterar

Reto 2: Crea tu
prototipo
Segundo reto
Parte 1

Deberán completar la siguiente

matriz para definir su prototipo en
mayor detalle.

El reto está en la diapositiva

41 de sus bitácoras
Segundo reto
Parte 2
Si tienes un prototipo físico
Deberán completar la siguiente
matriz para definir su prototipo
físico en mayor detalle.

El reto está en la diapositiva

42 de sus bitácoras
Segundo reto
Parte 2
Si tienes un prototipo de servicio
Deberán completar el siguiente
storyboard para definir su prototipo
de servicio en mayor detalle.

El reto está en la diapositiva

43 de sus bitácoras

TIP: Cuentas con recursos gráficos para tu

bitácora de la diapositiva 109 en adelante
Segundo reto
Parte 2
Si tienes un prototipo digital
Deberán completar el siguiente
wireframe para definir su prototipo
digital en mayor detalle.

El reto está en la diapositiva

44 de sus bitácoras

TIP: Cuentas con recursos gráficos para tu

bitácora de la diapositiva 97 a la diapositiva 108
No se olviden de….
Subir sus presentaciones actualizadas
a sus carpetas.

Antes de la siguiente sesión

 Conseguir 5 usuarios
para validar su prototipo
PREGUNTAS O
COMENTARIOS
¡Gracias!
No olviden traer sus prototipos
desarrollados que serán socializados en
nuestra próxima sesión