Prototipo: ¿Qué es, ejemplos, tipos y cómo diseñarlos?


¿Listos para aprender todo sobre el prototipado? Repasamos las diferentes variantes, las claves para crearlos, las herramientas más relevantes y los must para este proceso que ocurre durante las primeras etapas de diseño de productos y servicios. ¿Nos acompañas?


¿Qué es un prototipo?


Un prototipo es una representación de un producto o servicio que se realiza en las primeras etapas de diseño, durante la instancia de ideación. 


Ten en cuenta que el prototipo puede enfocarse en la totalidad o solamente en una parte del producto o servicio.


Los prototipos se emplean en diseño web, en diseño gráfico, en la creación de programas y aplicaciones, y también en el desarrollo de hardware (productos físicos).


Algunos términos que se emplean como sinónimo sirven para comprender qué es un prototipo.


Muestra.


Modelo.


Ejemplo o ejemplar.  


Boceto.


Borrador.


Esquema.


Pauta.


Concepto.


Demostración.


En resumen, un prototipo es una representación que toma las características principales de un producto o servicio, anticipándose a la concreción del proyecto.


Sirve como una demostración, para realizar pruebas, establecer pautas en las primeras etapas de diseño e idear posibles soluciones. 


Antes de avanzar, ten presente lo siguiente.


Los prototipos están directamente vinculados a la experiencia.


Además, apuestan a la mejora continua de los proyectos.


¿Qué es el prototipado?


El prototipado es la técnica a través de la que se realizan los prototipos.


Tal como veremos a lo largo de este artículo, las acciones de prototipado son fundamentales para trabajar en diseño web, en diseño gráfico y en el diseño de productos en general.


La clave de esta técnica es materializar las “primeras expresiones” de un proyecto, o bien en una instancia de rediseño.


El propósito del prototipado es crear representaciones que permitan iniciar la interacción con el producto o servicio en ciernes. Es, en tal sentido, el primer paso de una idea hacia su materialización.





¿Para qué sirve prototipar en diseño?


El objetivo fundamental del prototipado es validar ideas.


En función de ello, hay una serie de variables que explican para qué sirve prototipar en diseño.


Permite testear propuestas en una instancia previa al desarrollo a mayor escala.


Es un modo para fallar en forma temprana, evitando “choques” con clientes y usuarios.


Es una ventana temporal y espacial para descubrir oportunidades de mejora.


Favorece el trabajo en equipo.


Anticipa posibles fallas o puntos débiles de la idea propuesta.


Propicia un uso real (en la práctica) y el consecuente feedback.


Sirve para evaluar soluciones a esas falencias.


En función de todos los usos mencionados, el prototipado sirve para ahorrar recursos, ya que desarrollar sin probar usualmente insumirá más tiempo y dinero por correcciones y relanzamientos.


Lo hemos dicho: prototipar sirve para definir lineamientos en las primeras etapas de diseño.


Es una previsualización, tal como ocurre con una maqueta o con los diseños conceptuales de productos como teléfonos móviles.


¿Cuáles son los tipos de prototipos?


Los tipos de prototipos se definen de acuerdo a su complejidad. En función de la fidelidad con el producto final, emergen dos variantes.


El prototipo de baja fidelidad


Se trata de modelos de baja resolución, que se enfocan en la interacción más que en la perfección de los detalles. Su ventaja es la rápida implementación. Además tiene un costo menor respecto a la segunda variante.


El prototipo de alta fidelidad


Involucra más detalles y usualmente se aproxima al producto final. Es usual diseñarlos y emplearlos en etapas más avanzadas del proyecto. Ofrece más precisión, requiriendo más tiempo de trabajo e inversión de recursos.


Hemos explicado que existen diferentes tipos de prototipado en función de su nivel de complejidad. Veamos ahora algunos ejemplos de prototipos, que varían según el soporte y las herramientas utilizadas.


El ejemplo básico de prototipo es aquel que se realiza en un papel. Se trata, sin rodeos, de los clásicos bocetos. Gracias al avance tecnológico, esta modalidad también ha evolucionado con la creación de prototipos en pantallas de diseño con soporte para lápiz óptico.


Otro modo relativamente elemental es realizar prototipos en PowerPoint. Este software permite realizar diferentes modelos, emulando muchas de las acciones y características que podría tener, por ejemplo, un sitio web o una aplicación.


De modo similar, también pueden emplearse programas como Adobe Photoshop, Illustrator o Corel Draw.


El prototipado profesional involucra el uso de herramientas especializadas. Se destacan Figma para crear prototipos de sitios web, y Adobe XD para el prototipado de apps móviles.


Así mismo, y retomando los ejemplos, nos encontramos que entre los tipos de prototipos más utilizados hay:


Prototipos Visuales: Aquellos que hacen referencia al aspecto del producto, pero no a la funcionalidad. 


Prototipo de Experiencia de Usuario: Hacen hincapié al aspecto y a su funcionalidad.


Prototipos Funcionales: Al hacer referencia a su funcionalidad, no se llevan a cabo como con los productos finales.  


Prototipos Mecánicos: Buscar recrear la visión realista del producto para probar los formatos y funciones.


Prototipos  de Usuario: Además de hacer referencia a las funcionalidades, también lo hace a su usabilidad.


Prototipos  de Papel: Son dibujos en papel que explican el funcionamiento del producto.  


Prototipo Digital: Al igual que en el papel, este prototipo se realiza por medio de un software 3D o un software de diseño visual.


Prototipos  Virtuales: Estos prototipos exponen la funcionalidad y usabilidad por medio de simulaciones.Los prototipos virtuales son simulaciones creadas con software. 





Ejemplos de buenos y malos de prototipos


Es deseable que el prototipo funcione como una vía para la mejora continua.


Lo hemos dicho.


El prototipo debe favorecer los siguientes aspectos:


Plasmar ideas.


Ser una plataforma de pruebas.


Propiciar el feedback.


Adelantar posibles soluciones.


Un mal prototipo (una implementación incorrecta) es aquella que:


No aprovecha los resultados.


No está atenta a las devoluciones.


Induce respuestas de los que testean.


Ha supuesto una suma elevada de dinero.


Ha implicado el uso excesivo de recursos.


Finalmente, un ejemplo clásico de malos prototipos son aquellos que generan un “enamoramiento” tal que no admiten mejoras.


Con poquísimas excepciones (o ninguna), un prototipo debe ser un primer peldaño y nunca una meta ya alcanzada.


Las mejores herramientas para hacer prototipos


La creación de prototipos implica el uso de persas herramientas, que varían de acuerdo al tipo de producto o servicio. Por ejemplo:


AdobeUno de los must al hablar de softwares para prototipado es Adobe XD, en este caso para aplicaciones móviles. Empero Adobe es una herramienta ideal para diseños interactivos y de alta fidelidad en donde se requiere el enfoque en la usabilidad del producto.


FigmaEs una excelente herramienta para trabajar de manera colaborativa con distintas áreas, y en remoto si fuera necesario ya que cada colaborador puede escribir notas o comentarios en el proyecto como si estuvieran prototipando de manera presencial.


SketchCuenta con un buen paquete de herramientas que permiten crear interfaces intuitivas.


InVisionIdeal para hacer desarrollos de prototipos en tiempo real, sincronizando el archivo con otros programas como Photoshop o Illustrator.


PixateEsta herramienta de Google es simple y por tanto ideal para hacer diferentes pruebas con el prototipo, utilizando capas animadas, arrastrando y soltando de manera práctica.  


Además de las herramientas para prototipar, este proceso también puede involucrar el empleo de otras plataformas de uso frecuente, por ejemplo grupos de WhatsApp o el servicio para comunicaciones en empresas Slack, para compartir ideas y plantear soluciones en equipo.


¿Cómo hacer un prototipo desde cero?


Hacer un prototipo supone una serie de pasos.


Definir objetivos.


Elegir las herramientas.


Diseñar.


Testear.


Analizar resultados.


Veamos cada paso con mayor detalle.


Definir los objetivos del prototipo: El equipo de diseño debe tener claro cuál es el propósito del prototipo. La pregunta clave es: ¿qué se desea validar? Además, hay que tener claridad respecto a quiénes serán los usuarios finales.Elegir las herramientas para prototipar: Según el tipo de proyecto es preciso escoger la herramienta adecuada.  Diseñar el prototipo: En esta instancia se avanza en el diseño del prototipo, la elección de materiales, el uso de softwares especializados, el montaje, etcétera. Testear: Tal como señalamos, el diseño y creación de prototipos tiene como uno de sus principales objetivos el testeo. Esta etapa implica la participación de más personas, que deberán compartir sus experiencias; el célebre y provechoso feedback.Analizar los resultados: De poco servirán las pruebas en el terreno real si luego no se realiza un examen de los resultados. En esta etapa es momento de iterar, identificar fallas y buscar soluciones.


En resumen, el proceso de prototipado avanza con las siguientes acciones:


Diseñar


Implementar


Medir


Ajustar


5 características deseables en un prototipo


Debe incluir las funcionalidades básicas del producto o servicio.


Debe ser concreto (visual).


Si bien es un prototipo, debe ser tangible (en términos de prueba).


Debe ser perfectible y “generar conversación”.  


En tanto, un prototipo es desechable.


Idealmente, debe ser un proceso barato.


¿Dónde aprender a hacer prototipos?


Además del ánimo autodidacta (siempre provechoso y viable gracias al contenido disponible en la Web), en la actualidad existe una amplia oferta de talleres y cursos para aprender a hacer prototipos.


Es siempre aconsejable que los cursos brinden un seguimiento personalizado, creación y corrección de proyectos prácticos, y tutorías a cargo de especialistas.


En la oferta de cursos de Coderhouse hay uno dedicado al prototipado que se enfoca en el modelado y testeo de sitios web y aplicaciones, generando soluciones en forma dinámica.


En el curso de prototipado se estudian a fondo las características de Figma (para proyectos de sitios web) y Adobe XD (para aplicaciones móviles).


El objetivo es crear prototipos y entonces dar un primer paso a lo que se conoce como “producto mínimo viable” o MVP, por sus siglas en inglés. Aquel no es todavía un producto final, sino que es un prototipo que incluye los requisitos y funciones fundamentales para presentar a potenciales clientes.