Prototipo: qué es y para qué sirve

Artículo actualizado el 28 de octubre del 2024.

En nuestro blog hemos abordado desde distintos ámbitos qué es el UX Research, para enseñar sobre esta metodología de investigación y entender cuáles son sus ventajas. Ahora que ya hemos definido bien de qué se trata, es el momento de hablar de un método que se ocupa mucho en las primeras fases de diseño de un producto o servicio: el prototipo.

Aquí te contamos qué es un prototipo y para qué sirve. Además, te hemos dejado dos regalos que serán muy útiles para que empieces a realizar tus propios prototipos: los Pads de prototipado en papel y Checklists de prototipado de FREED. Descárgalos gratis más abajo.

¿Qué es un prototipo?

Cuando vamos a nuestra industria y buscamos qué significa prototipo encontramos más de una variante en su definición:

• Un prototipo es una representación de un producto o servicio basada en una virtud o cualidad de este.
• Un prototipo es una representación material de ideas y soluciones, y tiene relación con la experiencia.
• Un prototipo también es un objeto diseñado para una demostración de cualquier tipo de producto, servicio, software, aplicación, etc.

¡También encontramos diversas palabras que se
utilizan como sinónimo de prototipo¡

Entre ellas: ejemplar, ejemplo, guía, muestra,
molde, modelo, patrón, pauta, piloto.

¿Qué es el prototipado?

El prototipado por definición es una técnica que permite realizar y materializar diversas ideas de soluciones propuestas en un proyecto de diseño o rediseño de productos y servicios.

El prototipado puede estar vinculado al recorrido completo de un servicio o bien a un punto de contacto específico. En cualquier caso, será necesario representar el escenario de uso de las soluciones para lograr que los usuarios se involucren en la experiencia.

En FREED aplicamos el prototipado como parte del proceso de innovación y diseño de experiencias, y en el siguiente cuadro podemos comprender en qué etapa de esta metodología de diseño aplica el prototipado y el testeo de nuestros supuestos:

Fuente: elaboración propia en base al Modelo del Doble Diamante de Design Council UK.

 

Como podemos ver en la imagen, un prototipo se construye luego de la etapa de ideación.

¿Para qué sirve prototipar?

En procesos colaborativos de diseño de nuevos productos y servicios, y de mejora continua, un prototipo es esencial para validar ideas. En procesos de mejora continua, hacer un prototipo permite testear oportunamente ideas antes de desplegarlas a gran escala y descubrir oportunidades de mejora en etapas previas al diseño definitivo de un producto o servicio.

Prototipar nos permite desarrollar diversas opciones de solución y definir lineamientos de cara a la propuesta de diseño final de un producto o servicio. También sirve para:

• Dar forma y materializar una idea de solución.
• Generar un entendimiento común de posibles soluciones.
• Explorar la experiencia de los usuarios y obtener retroalimentación.
• Previsualizar el resultado de una idea (ojo que no es el producto final que verá el cliente).
• Fallar en forma temprana y a bajo costo.
• Identificar oportunidades para mejorar un diseño.
• Obtener lineamientos formales para el diseño final.
• Ahorrar dinero: en vez de desarrollar algo que no responde a las necesidades de la audiencia objetivo, o peor, que nadie quiere, un prototipo permite validar en etapa temprana.

Características de un prototipo

• Concreto y tangible.
• Funcionalidades básicas.
• Beneficios máximos.
• Rápido
• Barato
• Desechable

Antes de prototipar

• Definir objetivos: qué queremos lograr.
• Qué es lo esencial que queremos validar: todo el resto es menos relevante (ej.: si se trata de una solución para visualizar los resultados de la empresa a través de un panel de control con KPIs, el flujo de creación de usuarios no es esencial).
• Quién es el usuario, cuál es el contexto de uso.
• Cómo vamos a medir si el prototipo cumple o no.

Después de prototipar

• Testear el prototipo.
• Tomar decisiones (ej.: mejorar el prototipo, desecharlo, diseñar otro...).

Metodología de prototipo o prototipado

La metodología de prototipado está relacionada con la mejora continua y el Ciclo de Deming que consiste en un proceso iterativo enfocado en diseñar, implementar, medir y ajustar un plan.

En el caso de un prototipo, podríamos aplicar 5 etapas en el diseño e implementación de una idea (previamente priorizada para pasar al proceso de prototipado). Esta metodología se puede aplicar en el desarrollo de nuevos negocios, prototipado web, prototipado de aplicaciones, entre otros entornos.

5 etapas para diseñar e implementar un prototipo:

1. Define los requerimientos y variables. Lo primero es saber qué vamos a explorar, cuál es el propósito del prototipo, qué elementos se requieren.
2. Define las herramientas para el diseño y testeo. La elección de la herramienta adecuada depende del tipo de proyecto, el nivel de fidelidad que se necesita y lo que deseas probar. Las opciones disponibles evolucionan constantemente y van apareciendo nuevas plataformas que hoy permiten cubrir cada necesidad (luego hablaremos más sobre herramientas de prototipado). 
3. Diseña el prototipo de tu idea. Analiza qué tipo de prototipo es el más adecuado y evalúa factores como el diseño, montaje, ergonomía, materiales, formas, dimensiones, entre otros.
4. Testea el prototipo. Da a conocer el prototipo a los usuarios, observa y registra el desempeño del prototipo, y permite al usuario aportar ideas.
5. Analiza los resultados y aprendizajes. A partir de la definición inicial y el desempeño del prototipo, perfecciona el concepto de solución.

El prototipo construido debe ser lo más visual y tangible posible para generar una conversación con las personas para las cuales estamos diseñando. Además, en un entorno ágil se prioriza pasar del boceto al prototipo porque el objetivo es dedicar mayor tiempo a la creación de activos interactivos versus objetos intangibles e inactivos.

Herramientas de prototipado

Como decíamos, las herramientas para crear prototipos y testearlos evolucionan cada día, y la oferta crece sin parar. Por eso, aquí te mostraremos las más destacadas para que empieces a explorar:

• Figma es una de las herramientas más populares para prototipos de baja y de alta fidelidad. Destaca por sus capacidades colaborativas en tiempo real, la función auto-layout que permite crear prototipos responsivos y por su integración con IA (FigGPT).
• Adobe XD tiene capacidades de prototipado interactivo y características como auto-animate, que permite crear transiciones fluidas entre diferentes estados de diseño. Tiene funciones para la colaboración en tiempo real y es muy fácil su integración con Photoshop e Illustrator.
• InVision va más allá del prototipado al ser una plataforma para la gestión de proyectos de diseño. Con Freehand los equipos pueden colaborar en tiempo real y sus integraciones con herramientas como Jira y Slack lo hacen ideal para equipos ágiles.
• Axure RP es ideal para crear prototipos interactivos de alta fidelidad con lógica compleja. Permite diseñar flujos completos con condiciones y variables, siendo útil para prototipos de aplicaciones web y móviles con interacción avanzada.
• Maze permite validar rápidamente tus prototipos y se integra con herramientas de diseño como Figma, Adobe XD y Sketch, para que los prototipos sean probados por usuarios reales en pocos minutos.
• ProtoPie es ideal para prototipado móvil, ya que soporta interacciones nativas como arrastrar, tocar, deslizar, etc. También es conocida por su facilidad de uso y la integración con Figma, Sketch y Adobe XD.
• Webflow permite crear sitios web funcionales con capacidades de prototipado visual y desarrollo. Es una buena opción si buscas transformar un prototipo en un producto mínimo viable (MVP) sin necesidad de escribir código.
• Uizard es una herramienta basada en inteligencia artificial que convierte bocetos en prototipos funcionales de manera automática. Es perfecta para quienes buscan rapidez y eficiencia en las primeras etapas del diseño.
• POP de Marvel, es una aplicación para móviles que permite prototipar en papel, escanear las hojas y simular una app móvil:

Tipos de prototipos

Dependiendo de los objetivos y las etapas del proyecto, puedes diseñar prototipos rápidos o de alta fidelidad. Acá te compartimos algunas diferencias:

• Prototipo de baja resolución o baja fidelidad: Cuando nos referimos a prototipos rápidos o Lean UX, por lo general estamos hablando de prototipos de baja fidelidad que están enfocados en el refinamiento de la interacción, no en perfeccionar los detalles de implementación de la idea. Un prototipo de baja fidelidad permite iterar más rápido en comparación con un prototipo de alta fidelidad y es más barato porque se invierten menos recursos.
• Prototipo de alta fidelidad: Este tipo de prototipo se puede utilizar en etapas más avanzadas de diseño para validar aspectos y detalles del producto final, por ejemplo imagen de marca. Un prototipo de mayor fidelidad puede ayudar a equipos de ingeniería a comprender el producto final con una mayor precisión, lo que provoca una reducción de tiempo en estimaciones y desarrollo.

Ejemplos de prototipos

La palabra prototipo puede sonar algo sofisticada, pero el objetivo de este artículo es mostrarte que puedes hacer las cosas más simples para lograr tu objetivo de realizar un test. Y un prototipo es simplemente un artefacto que permite probar y corregir un diseño. Incluso, si quieres, podemos hablar de una maqueta, pero lo importante es que armes una simulación de lo que será tu nueva funcionalidad y para eso puedes usar distintas técnicas. Aquí te contamos cuatro formas de hacerlo rápido y fácil.

Prototipo de papel: Puedes empezar con un simple wireframe o boceto de las principales partes de tu diseño donde lo importante es destacar los llamados a la acción, los menús y los botones. Puede ser en color o en blanco y negro. Y para que hagas tus prototipos en papel, te regalamos los Pads de prototipado que usamos en FREED. 

Plantillas o pads de prototipado que usamos en FREED para realizar prototipos en papel.

Pads para prototipado en papel [gratuitos]

Presentación o Powerpoint: Aquí tienes muchas figuras y todo el colorido para imitar el diseño final que tendrá tu nueva página o flujo. Incluso, los efectos de transición te ayudarán a darle un toque de realismo.

Páginas y flujos realistas: Si quieres llegar a un nivel más alto, puedes usar aplicaciones como InVision para montar tus maquetas y crear flujos donde los clics en los menús y botones responden como en una web real para llevarte a la página siguiente.

Una planilla: Por ejemplo, si lo que quieres es prototipar un panel de control o dashboard, puedes usar un Excel o una hoja de cálculo de Google que rescate las características esenciales de tu prototipo (qué datos quieres mostrar, cómo, qué es prioritario, etc.):

Crear este tipo de prototipo de baja fidelidad requiere de nulos recursos tecnológicos, pero sí de recursos de investigación con usuarios, levantamiento de necesidades y testeo.

Una vez validado este prototipo de baja fidelidad, podemos ir más allá y dedicar tiempo de diseño para un prototipo de mayor fidelidad (que aún no está desarrollado):

Veamos otro ejemplo: supongamos que tienes una idea para una nueva red social de nicho. Una manera de validar rápidamente la idea no es empezar a desarrollar una nueva plataforma para la red social sino que ocupar una plataforma existente para construir un prototipo rápido y testearlo. Por ejemplo, un prototipo de bajo costo es un grupo de Facebook o de Whatsapp o de Slack, u otra plataforma similar en la cual los usuarios ya están presentes.

Cuánto cuesta testear

• De 0 a millones de dólares.
• Lo importante: qué vamos a hacer con los resultados.
• Si no hacemos nada, mejor no desgastarse.
• Más vale invertir de forma moderada frecuentemente, que mucho y pocas veces.

Errores típicos en prototipado

• Gastar demasiado (tiempo, dinero, recursos humanos) en la construcción de un prototipo.
• Pensar que una aplicación lo arregla todo.
• Enamorarse del prototipo.
• Durante el testeo: inducir respuestas con preguntas que ocupan el mismo vocabulario que la interfaz.
• Durante el testeo: pedir opiniones (“¿Qué opinas de…?”).
• Pensar que un prototipo validado es sinónimo de:
• uso / ventas / tráfico,
• adopción por parte de los usuarios.

Este último punto es fundamental. Efectivamente, un prototipo validado no es más que eso...un prototipo validado. Si el objetivo fue validar el concepto, puede que efectivamente hayas validado el concepto. Eso es un paso adelante en el desarrollo de un nuevo producto o servicio, pero no es sinónimo de ventas, ni de adopción por parte de los usuarios objetivo.

Producto Mínimo Viable

Vamos un paso más allá en el proceso de prototipado y hablemos del Producto Mínimo Viable.

Es muy probable que te topes en distintos artículos y recursos sobre prototipado con la sigla MVP, que en Inglés significa Minimum Viable Product (Producto Mínimo Viable). No se trata de un producto final, ya sea físico o digital, o incluso de un servicio, sino de un prototipo que posee todas las características básicas, es funcional y cumple con los requisitos mínimos que ha fijado el propio desarrollador como para ser presentado a potenciales clientes.

Este concepto fue popularizado por Eric Ries, experto en startups, quien lo define como el conjunto mínimo de funcionalidades necesarias para aprender de los clientes más interesados en el nuevo producto, en concreto, de quienes más viven el problema que se pretende solucionar.

También podemos decir que se trata de una versión parcial del producto que se ha construido con la idea de descubrir rápidamente y a bajo costo qué piensa el cliente potencial de la solución.

Entonces, el MVP debe ser utilizable por una persona y ayudar a cumplir con los siguientes objetivos:

• Mostrar la oferta de valor de la solución.
• Atraer a posibles clientes en una fase inicial o early adopters.
• Validar hipótesis.
• Obtener métricas y datos datos cualitativos que permitan aprender sobre su uso.
• Capturar el feedback necesario que permita finalizar el producto o servicio.

Una historia interesante sobre cómo se puso a prueba un MVP muy simple y de forma rápida es la de DoorDash, que se ha transformado en la plataforma de delivery de comida más importante de los Estados Unidos. Después de entrevistar a cerca de 200 propietarios de pequeñas empresas, lanzaron una página web muy básica para conseguir clientes en Palo Alto. A la media hora entró la primera llamada y los 200 pedidos iniciales los resolvieron los mismos fundadores. Este es un buen ejemplo del proceso de validación de una idea y de aprendizaje en terreno.

Tendencias en prototipado

Las tendencias recientes en prototipado y UX Research están influenciadas por la evolución de la tecnología, la centricidad en la experiencia del usuario (UX) y la adopción del trabajo colaborativo y ágil. Aquí resumimos las principales tendencias que deberías conocer.

• Prototipado con Inteligencia Artificial (IA): La IA está transformando la manera de crear prototipos, permitiendo automatizar tareas repetitivas y así acelerar el proceso de creación, impulsando la productividad. Esto también ha facilitado que personas con poca experiencia técnica hoy puedan realizar prototipos avanzados.
• Diseño centrado en la accesibilidad: Prototipar teniendo en cuenta a usuarios con discapacidades, desde las primeras etapas del diseño, está siendo crucial. Las mejores prácticas incluyen crear prototipos que permitan simular interacciones accesibles, como navegación con teclado o lectores de pantalla.
• Prototipado colaborativo en tiempo real: Hoy existen varias herramientas que permiten a múltiples diseñadores, desarrolladores y stakeholders trabajar en el mismo prototipo de forma simultánea, agilizando los ciclos de retroalimentación y mejorando la comunicación dentro de los equipos.
• Prototipos responsivos y adaptables: Con la multiplicidad de dispositivos existentes, los prototipos que se adaptan a pantallas de diferentes tamaños se han vuelto esenciales. Crear diseños responsivos desde el principio ayuda a los equipos a visualizar cómo se verán y comportarán los productos en una variedad de contextos (dispositivos móviles, de escritorio y relojes inteligentes).
• Prototipado low-code/no-code: Esta tendencia está permitiendo que personas sin conocimientos de programación puedan crear prototipos funcionales y MVP sin necesidad de escribir código.
• Testeo remoto y a escala: Las herramientas de prototipado ahora se integran con plataformas de testeo remoto, permitiendo pruebas de usuario escalables y rápidas. Así, los equipos pueden ejecutar tests de usabilidad con usuarios reales de forma remota, analizando su comportamiento sin necesidad de estar físicamente presentes.
• Prototipado de experiencias de voz: Con la creciente popularidad de dispositivos de voz como Alexa, Google Assistant o Siri, las herramientas de prototipado están empezando a incluir funcionalidades para diseñar y probar experiencias de usuario basadas en comandos de voz.

Escucha el podcast

Puedes descargar y escuchar un resumen de este artículo en formato podcast. Lo realizamos con NotebookLM de Google.

Checklist de Prototipado

En FREED diseñamos un checklist de prototipado con las principales características y tips a considerar en este proceso. Descarga gratis la versión digital.

Checklists de prototipado [Gratuitos]

Imágenes

Imagen principal: Bonneval Sebastien en Unsplash.

Otras: FREED.

Autoras: Carmen Gerea y Denise Sánchez.  

Artículo actualizado el 28 de octubre del 2024.