Prototipo de media

resolución
Fase: Prototipar

Construir un prototipo detallado va a permitir una mejor y mayor interacción de los usuarios o actores
involucrados con tu idea. Con esta herramienta podrás tomar tu primer prototipo definido en el
(“Design the box”) y llevarlo un paso más allá en sus detalles y definición, incluyendo todos los
comentarios y mejoras que recibiste por parte de los usuarios en la prueba de concepto.

● La meta es ir un paso más allá en la materialización de la idea, es decir a construir lo que se

denomina Prototipos de media resolución y definición.

● ¿Por qué? Porque a medida que podamos incluir los comentarios ya recibidos por las personas o
usuarios, podremos refinar y evolucionar nuestra idea de manera que tenga mayor potencial y
esté más cerca de ser una solución real del problema u oportunidad identificados.
Prototipo de media
resolución
Fase: Prototipar

PASO 1: Repasa los prototipos de baja resolución creados con anterioridad y el resultado de las
pruebas de validación.

PASO 2: Definir qué queremos probar y en consecuencia qué necesitamos construir para hacer esas
pruebas.
Qué quiero probar? Qué debo construir/prototipar?

PASO 3: Construir el prototipo: es el momento de construir el prototipo detallado. Para ello, recuerda
elegir el tipo de prototipo de acuerdo a si tu idea es un servicio análogo, un servicio o producto
digital o un producto físico. A continuación encontrarás recomendaciones para cada una de estas
opciones.
Prototipo de media
resolución
Fase: Prototipar

Servicio análogo: los servicios son un conjunto de acciones que se realizan para satisfacer la necesidad de una
persona o usuario. Son intangibles pero se soportan y apoyan en elementos o productos físicos para poder ser
prestados. Para construir un prototipo detallado de un servicio análogo puedes usar:

A. Maquetas de servicios: las maquetas pueden ayudarte a modelar el servicio y entender muy bien la
disposición del servicio, cómo se presta, los espacios físicos, los recorridos de las personas, los tiempos, los
flujos de personas. Puedes construir estas maquetas con materiales que tengas a la mano o con “Bloques de
construcción” tipo Lego.

B. Recorrido del usuario: ya que un servicio puede entenderse como un proceso o una secuencia de acciones que
se realizan para satisfacer una necesidad, también puedes usar un “paso a paso” o un recorrido del usuario,
para entender cuáles son las fases principales, qué acciones queremos que realice el usuario y con qué
elementos tiene contacto ese usuario para poder continuar en el servicio.
a. Define las principales fases o grandes momentos
b. Define el paso a paso y añade una descripción corta de cada acción.
c. Define en cada paso el punto de contacto (persona en mostrador, call center, menú impreso, código QR,
etc)
Prototipo de media
resolución
Fase: Prototipar

Producto físico: para un producto tangible, como una huerta, una maleta, un dispositivo de paneles solares, entre
otros, debes empezar por definir la información sobre qué partes del producto vas a construir y posteriormente
definir de manera detallada los materiales que te permitirán materializar el producto de acuerdo a lo que definiste
en herramientas previas como el “design the box”.

Si por ejemplo alguna parte del producto se mueve, construye mecanismos sencillos con cartón, o si el producto
tiene plantas, incluye algunas plantas reales.
Prototipo de media
resolución
Fase: Prototipar

Producto digital: los productos digitales se pueden ver y escuchar, pero están en el mundo digital y tienen una
temporalidad más amplia, un ejemplo un libro digital, un juego digital o un software como WORD o EXCEL.

Servicio digital: tiene las mismas características de un servicio análogo pero se presta por medios digitales, a veces
atendidos o soportados por humanos y a veces por máquinas. Un ejemplo de servicio digital pueden ser las
plataformas digitales para ver series y películas como NETFLIX.

En estos casos vamos a construir lo que denominamos MAQUETA o MOCKUPS del producto o servicio digital y para
esto necesitamos detallar las partes o secciones que queremos prototipar. A continuación se detallan los pasos a
seguir:
● Selecciona las secciones o las páginas que vas a construir.
● Determina la estructura que tiene cada una de ellas (las partes o las secciones internas).
● Construye los bloques ahora no solo dibujando el espacio y dónde estaría sino además dando color,
ingresando el texto o imágenes que estarían.
● Si es posible añade las conexiones que hay entre las secciones o las páginas o las interacciones más
importantes, por ejemplo si hago clic en un botón de “Siguiente” me lleva a otro lugar, y así sucesivamente.
Prototipo de media
resolución
Fase: Prototipar

Para esto puedes usar programas gratuitos para construir este tipo de maquetas como:
● Figma: https://figma.com/
● Marvel: https://marvelapp.com/
● Adobe XD: https://helpx.adobe.com/es/xd/get-started.html
● Invision: https://www.invisionapp.com/

También si tu prototipo no es muy complejo te puedes ir directamente a algún software de programación con opción
gratuita para implementar tu prototipo funcional.
● Wix: https://www.wix.com/
● Google Sites: https://sites.google.com/

O usar el formato que encuentras al final de esta herramienta donde tendrás algunos íconos para construir estas
pantallas.

Ejemplos de mockups:
● Figma community: aquí podrás encontrar varias “librerías” y ejemplos para hacer tus mockups
● Adobe XD: instructivo paso a paso para crear un prototipo