Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
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
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.
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).
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:
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.
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.
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.
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.
Autoevaluación
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.
a. Feedback
b. Prototipo
c. Storyboard
d. Bosquejo
Enviar respuesta
Autoevaluación
1. Lisbeth comenta con Moisés que hay formas rápidas y baratas para prototipar, entre las que destacan
dos:
a. Wordpress
b. Storyboard
c. Videos
d. Folletos
Enviar respuesta
2 Diseñar prototipos
• 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.
2 Diseñar prototipos
2 Diseñar prototipos
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.
2 Diseñar prototipos
2 Diseñar prototipos
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.
2 Diseñar prototipos
2 Diseñar prototipos
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.
2 Diseñar prototipos
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.
Autoevaluación
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:
Enviar respuesta
Autoevaluación
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
Enviar respuesta
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.
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.
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
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.
Para más información, lee “10 herramientas imprescindibles para crear mockups”: https://bit.ly/2zntXCa
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.
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
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.
Para más información, lee “10 herramientas imprescindibles para crear mockups”: https://bit.ly/2zntXCa
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.
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.
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.
Storyboarder Canva
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
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.
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.
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.
Autoevaluación
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.
Enviar respuesta
Autoevaluación
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
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.
SALIR DE LA UNIDAD
Lecturas:
1. Prototipar: https://bit.ly/2ZpSNfi