Prototipo: qué es y para qué sirve

Autoras: Denise Sánchez y Carmen Gerea

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, app, 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 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

Después de prototipar

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

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.

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 apps, entre otros entornos.

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. Tomando como ejemplo un prototipado web se pueden utilizar herramientas como inVision, UXPin, Figma o incluso herramientas que no requieren conocimientos de diseño o código, como proto.io. En el caso de un prototipado de apps existen herramientas como Marvelapp.
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.

Por ejemplo, con la app POP de Marvel, puedes prototipar una app 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 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 USD a millones.
• 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, $$, recursos humanos) en la construcción de un prototipo.
• Pensar que una app 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.

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.