DISEÑO DE PROTOTIPOS
DISEÑO
DE PROTOTIPOS
QUÉ
ES UN PROTOTIPO
Un
prototipo es una representación aparente pero concreta de parte o la totalidad
de una idea de negocio o sobre un producto o servicio. Un prototipo es una
“fachada”, un servicio de cartón/piedra, una simulación. Es decir, que
incorpora los elementos básicos para que sea funcional, que se pueda probar, y
que responda a una serie de preguntas sobre la viabilidad empresarial de la
idea y sobre su modo de implementación.
CUÁNDO
UTILIZARLA
Aprender
haciendo (learning by doing) es el lema de los diseñadores centrados en el
usuario, es una forma de obtener feedback del consumidor lo más rápido posible
e iterar en el proceso. Prototipar significa que estás creando lo mínimo
necesario para validar tu idea.
El
prototipado te ayudará a:
·
Testear,
validar nuevas ideas rápidamente
·
Entender
las claves de la interacción del usuario
·
Mejorar la
experiencia de uso e iterar sobre ello
·
Demostrar
la capacidad de un producto (demoing)
·
Validar el
detalle del diseño de la apariencia: Definir el propósito de tamaños, colores,
sombras, etc.
Hay muchas
formas de hacer prototipos, depende del tipo de idea que tengas; no es lo mismo
la construcción de un prototipo de un producto o de servicio, veamos algunos
ejemplos.
Se puede
prototipar todo, desde un objeto, un servicio, un trozo de código, de hardware
o lo que sea.
Hay muchas formas de hacer prototipos, depende del tipo de idea que tengas; no
es lo mismo la construcción de un prototipo de un producto o de servicio,
veamos algunos ejemplos.
PASOS
PARA IMPLEMENTARLA
La
realización de prototipos es el acto de hacer una idea más tangible, es pasar
de la abstracción a una representación física de la realidad, aunque sea muy
sencilla. Este trabajo nos sirve para validar la viabilidad del concepto de
producto/servicio que tenemos.
Existen diferentes tipos de prototipos y todos ellos son muy útiles, aquí
distinguimos entre prototipo en papel, digital y nativo.
PROTOTIPO
EN PAPEL
![]() |
Esquejo o dibujo. En inglés se
dice “Sketching” y permite hacer un flujo de la interacción del usuario con el
producto. Hacer un boceto rápido en una primera aproximación, es altamente
recomendado.
En el caso de una página web o app has de hacer un esquema de las pantallas,
explicando la navegación mínimamente. Los expertos en diseño de la interacción
le llaman a esto diseño de Wireframes, aunque engloba
tanto el papel como el prototipo digital.
Antes de empezar consigue cartulinas de colores, tijeras, pegamento, lápices de
colores, y todo el material que consideres útil. Tómate tu tiempo mientras
elaboras estas pantallas físicas para pensar ¿Cómo accede a tu página el
usuario?, ¿Cómo se registra?, ¿Cómo se autentifica, si es que es un usuario
existente?, ¿Qué le aparece primero?, ¿Cómo consigues retenerle para que lea lo
importante?, ¿Cuántos clicks hace hasta que compra?, ¿Cómo puedes reducir las
barreras para que llegue a tu producto lo más fácilmente?
Como te puedes imaginar hay mil maneras de exponer tu producto/servicio al
cliente. Aprovecha el trabajo de prototipado para valorar diferentes opciones.
Con el trabajo en papel puedes hacer una maqueta dinámica posteriormente,
haciendo fotos con el móvil y enlazándolas para mostrarlo de una forma más
interactiva. Este vídeo o secuencia la puedes enseñar utilizar para hacer tus
primeras entrevistas de solución.
Pero ¡ojo! Con un prototipo en papel no llegarás a ilusionar, has de dar un
paso más allá para ello; con este tipo de prototipos sólo recibirás
sugerencias, pero no podrás validar su reacción o intención de compra.
PROTOTIPO
DIGITAL
Cuando ya tienes una idea más
clara del producto, puedes pasar a diseñar en digital. Esto es algo que cuesta
un poco más de esfuerzo que el prototipado en papel, pero te ayudará a ahondar
más en los temas del diseño del aspecto del producto y sobre todo validar las
reacciones de los potenciales clientes dado que les enseñarás algo con un
aspecto realista, haciéndoles creer que es un producto real.
La
construcción de Mock-ups de las pantallas
es una parte clave para validar la aceptación del cliente, y en esto has de ser
muy cuidadoso, diseñando algo que tenga un aspecto “Cool”. No hace falta que
sea perfecto, pero tiene que molar.
En el caso de diseño de pantallas aprovecha el prototipo para diseñar la
navegación o explicar a través del prototipo cómo funciona la app o web. Para ello es
importante que te detengas en incluir las transiciones, los botones, y los Call to action, entre otros
objetos. Si tienes un Apple puedes utilizar Keynote para ello; es como
PowerPoint, pero con el acceso a un montón de recursos de diseño. En Windows
también puedes buscar plantillas de PowePoint en sus librerías
que conviertan tu presentación en algo aparente. Otra opción es que compréis
una plantilla de diseño en Keynotopia.
Pero además para construir un prototipo digital hoy en día no hace falta saber
programar. Puedes utilizar una herramienta de diseño tales como atmomic, marvel,
pixate, flinto,
InVision, Balsamic,
proto, moqups.
Tendrás que dedicarle tiempo a conocer una de ellas, pero te aseguro que valdrá
la pena dado que podrás mostrar una imagen muy profesional ante el cliente, muy
realista y validar la intención de compra en tus entrevistas de forma natural y
honesta.
Si lo que
tienes que prototipar es un servicio, una gran herramienta es la de Storyboard. En el
caso de producto físico suele ser muy útil partir de un producto existente y
modificarlo o utilizar una impresora de 3D.
PROTOTIPO NATIVO
El último
paso que las grandes empresas de Internet hacen es la elaboración el un
prototipo nativo. Esto es muy deseable en caso de Apps, dado que si realmente
queremos dar al usuario la sensación de que se trata de una buena app, hemos de
incluir dentro del prototipo la interacción con el dispositivo (giroscopio,
acelerómetro, altavoces, cámara, micrófono y GPS) que simulan una
experiencia realista. Si simplemente encapsulas una web en una App, no esperes
que el feedback sea positivo; no es suficiente.
En el caso de webs, puedes hacer prototipos muy profesionales con las
herramientas comentadas, la navegación será realista. Pero en el caso de apps
es difícil simular las limitaciones del dispositivo como por ejemplo el teclado,
el tamaño de la pantalla.
Hay gente que utiliza servicios tipo PhoneGapp,
que permiten programar en web y luego convertir el lenguaje en código nativo,
pero hasta que no tengas integrada la app con el teléfono de una forma
realista, no obtendrás un feedback adecuado en ciertos pasos.
Para conseguir esto puedes utilizar un lenguaje de programación muy ágil aunque
sea poco robusto y sobretodo muchos frameworks de desarrollo rápido como React que permitan
programa HTML, Css, y javasCript en poco tiempo. Otras opciones son las
herramientas Ratchet para IOS, o Material UI para Android. Otras opciones XCode (IOS) y Axure.
CONSEJOS
Realiza los siguientes pasos antes y después de un
prototipo que te ayudarán a provecharlo bien:
Antes:
1. Investigar: Investigar el
potencial usuario/cliente. Se utilizan herramientas como Persona, los Canvas de diseño
del modelo de negocio o el Mapa de empatía para
disponer de datos de análisis cualitativos.
2. Conceptualizar: Idear y contruir el prototipo que expliquen la
propuesta de idea inicialmente. Se pueden utilizar las herramientas de
Escenarios, Role Play,
Collage, Storytelling, Storyboard,
etc. Utiliza la herramienta de Prototipo experimental para definir al menos:
a. Cómo lo ponemos en marcha
(diseño)
b. Qué preguntas contesta el prototipo (hipótesis)
c. Cómo se van a medir los resultados (métricas)
Después:
3. Experimentar: Salir a la calle para confirmar
el resultado de la teoría o hipótesis, sin demostrarlo “científicamente”.
¡Valida el prototipo! ¿Si no para qué lo quieres? Aborda entrevistas de
solución, focus groups, entrevistas con expertos o lo que consideres
adecuado.
4. Desechar: Recuerda no prototipar nada que no estés dispuesto
a tirar una vez que lo hayas utilizado. Has construido algo para aprender, pero
para nada más.
Sé
profesional en el diseño de prototipos: a la hora de validar un producto
es primordial ofrecer al usuario la capacidad de interaccionar con el mismo de
forma Pseudo-real y por esto el prototipo ha de ser creíble. Puedes salir con
un mockup a la calle en las primeras etapas de tu startup (en estado de idea)
pero si lo que quieres es encontrar early adopters, más vale que utilices una
herramienta que simule el producto de verdad. Si eres cutre no vas a enamorar,
y si no enamoras, no captarán la esencia de lo que les quieres ofrecer.
En el libro de Sprint, hay una definición del nivel de calidad justo
de un prototipo que me encanta. Le llaman “Goldilocks quality” o calidad
favorable, esta depende del producto a prototipar pero es el punto medio entre
“no realista todavía” y “es una pérdida de Tiempo”
Un prototipo
es un MVP, pero un MVP no ha de ser un prototipo
La
diferencia entre un prototipo y un MVP es que un prototipo es
una prueba de concepto que analiza la viabilidad de la Solución, pero un MVP es
la materialización de a propuesta de
valor (UVP) con el mínimo posible de funcionalidades. Desde mi punto
de vista, un prototipo siempre es un MVP, pero un MVP no siempre ha de ser un
prototipo, dado que se puede preparar un MVP de algo que no tiene nada que ver
con la Solución, pero que nos sirve para validar algo del modelo de negocio.
La mayoría de los prototipos están diseñados para responder a preguntas como
¿Podemos construirlo?, cuando un MVP siempre ha de responder a la pregunta:
¿Qué hemos validado/invalidado?
Limita el
tiempo que dedicas a un prototipo
Seguro que si dedicas mucho tiempo a la construcción
del prototipo va a quedar mejor pero entonces acortarás el proceso de
aprendizaje. Tienes que encontrar un equilibrio, el prototipo tiene que tener
buena pinta, pero no dejarte 3 meses en ello. Acepta que no todas las ideas son
ganadoras, ¡no pierdas el tiempo!
El mayor riesgo que corres si dedicas demasiado tiempo es que te enamores de tu
idea. Está demostrado que cuanto más tiempo dedicamos a algo, sea a la
construcción de un prototipo o a la creación del producto final, más apegados
estamos al resultado, y por lo tanto más nos costará aceptar comentarios
negativos respecto al mismo. Después de un día o una semana, seguirás receptivo
al feedback, después de 3 meses estarás comprometido.
Ø
¿A qué
llamamos Modelo Canvas?
es una herramienta para
definir y crear modelos de negocio
innovadores que simplifica 4
grandes áreas: clientes, oferta, infraestructura y viabilidad económica en un
recuadro con 9 divisiones.
Ø
¿Cuántas
divisiones tiene el modelo Canvas?
es una herramienta para
definir y crear modelos de negocio
innovadores que simplifica 4 grandes áreas: clientes, oferta, infraestructura y
viabilidad económica en un recuadro con 9 divisiones
Ø ¿Cuáles son los beneficios del modelo Canvas?
·
Identifica debilidades
y fortalezas de las organizaciones
·
Refuerza o define la
identidad de la marca
·
Aminora los riesgos
derivados de la actividad comercial
·
Define las principales
estrategias de cada compañía
|
Alex Osterwalder es un escritor, investigador y
speaker, especializado en la innovación de modelos de negocio.
Su contribución
Su mayor contribución al ámbito de la
innovación estratégica es su canvas
de modelos de negocio (business model canvas), la sencilla y
visual herramienta que permite diseñar, reflexionar y mejorar sobre algunos de
los aspectos más relevantes para la puesta en marcha de un negocio
Esta herramienta queda muy bien descrita en su libro
«Business Model Generation» (Alexander Osterwalder & Yves Pigneur, 2010),
cuyo título recoge un juego de palabras relativo a que la herramienta va
dirigida a una nueva generación de visionarios que buscan sustituir los modelos
tradicionales de negocio de las compañías, y que ha vendido más de un millón de
copias en 30 lenguajes.
Es una herramienta enormemente sencilla de entender y
de aplicar, por lo que resulta especialmente adecuada para emprendedores de
cualquier perfil, y para profesionales en la empresa sin una conexión directa
con el mundo del diseño de modelos de negocio.
Es asímismo muy útil para profesionales
con un background más profundo en los campos del diseño estratégico o del
marketing estratégico, para los que la herramienta aporta una visión sintética
de aspectos que de otra forma se presentan demasiado inconexos, y como
herramienta para revisar y redefinir modelos de negocio existentes en un
entorno cambiante.
En Internet pueden encontrarse numerosos
ejemplos de aplicación de la herramienta, cuya extensión especialmente en el
mundo emprendedor ha resultado espectacular.
Actualmente, existen numerosas aplicaciones
informáticas (especialmente móviles) que ayudan a generar su canvas fácilmente.
Lo que el canvas, no da
En su propio libro, en el capítulo
«Business model environment: context, design drivers, and constraints», el
autor apunta la necesidad de ampliar la herramienta con análisis que permitan
un mejor conocimiento del entorno competitivo (recomienda las 5 fuerzas de
Porter, nosotros pensamos que también son de aplicaciones otras herramientas de
análisis estratégico más sencillas y rápidas de aplicación), un conocimiento de
las oportunidades y amenazas que surgen de las tendencias (aconseja una
revisión clásica tipo PEST, nosotros recomendamos profundizar en tendencias más
refinadas) y un análisis de las fuerzas del mercado (aquí aconsejamos un
planteamiento de marketing centrado en las necesidades, pensamiento de diseño e
investigación etnográfica para profundizar más en los públicos objetivo).

Alex Osterwalder es doctor en sistemas de gestión de
la información (MIS) por la Universidad de Lausana, Suiza, donde trabajó como
investigador y profesor, y publicó extensivamente. Previamente, fue un activo
emprendedor en el sector bancario y colaboró como periodista de negocios para
la versión online de la revista Bilanz.
Posteriomente ayudo a desarrollar e
implementar la estrategia de una red no gubernamental denominada «The
Constellation» durante todo un año en Tailandia. Esta red se enfocó en exportar
métodos de gestión del conocimiento desde el sector privado (particularmente
BP), al sector de la salud de cara a responder mejor a los desafíos del sida y
la malaria.
Al mismo tiempo, Alex Osterwalder fundó su consultoría
BusinessModelDesign.com enfocada a la innovación en modelos de negocio, y más
recientemente a co-fundado strategyzer.com dedicada a proveer soluciones informáticas para construir modelos
de negocio en base a la metodología desarrollada por el propio autor.


Comentarios
Publicar un comentario