Módulo 5: Prototyping And Fidelity
Presentación del módulo: del test elegido a la fidelidad correcta
Por qué este módulo existe aquí
El módulo 4 tomó la suposición más riesgosa de recommendations —"los usuarios van a comprar más si ven recomendaciones personalizadas"—, la convirtió en una hipótesis falsable, y con pickTest la comparó contra varios tests candidatos hasta elegir el más barato que de verdad la puede refutar. El resultado de ese trabajo, que ya viste asomar en el mini-proyecto del módulo 3, fue concreto: un fake door test, un botón "Ver mis recomendaciones" en el checkout, que mide si los compradores hacen clic en algo que todavía no existe.
Ese test ya está elegido. Pero "elegir el tipo de test" y "saber construirlo bien" son dos preguntas distintas — y la segunda tiene más matices de los que parece a primera vista. Un fake door mal construido (demasiado simple, sin contexto, en el lugar equivocado) puede no dar ninguna señal útil. Un fake door construido con demasiado cuidado —con un diseño visual pulido, animaciones, una landing page completa— puede terminar costando casi lo mismo que la funcionalidad real, sin ninguna ganancia sobre una versión mucho más simple. Y "fake door" no es la única forma de prototipar: hay al menos tres hermanos más —paper, clickable, wizard-of-oz— cada uno útil para preguntas distintas de las que un fake door puede responder.
La promesa de este módulo, resumida en una frase, es esta:
No construyas más de lo que hace falta para responder la pregunta de hoy.
Vas a conocer los cuatro niveles de fidelidad de un prototipo, entender qué pregunta responde cada uno mejor que los demás, ver que más fidelidad casi siempre significa más costo (pero no necesariamente más poder de respuesta para tu pregunta específica), y terminar con un algoritmo —pickFidelity— que elige, entre varios candidatos, el nivel más barato que sí puede contestar lo que necesitas saber. El fake door del módulo 4 sigue siendo la estrella de esta guía — pero vas a entender por qué era la elección correcta, no solo que lo era.
Dónde nos dejó el módulo 4
No hay ninguna lógica nueva en este bloque — es, literal, la decisión con la que cierra el módulo 4, mostrada de nuevo para arrancar este módulo desde ahí:
// Snapshot de donde nos dejo el modulo 4 (no hay logica nueva aqui -- es
// literal, la decision de ese modulo, mostrada de nuevo para arrancar este).
const chosenTest = {
assumption: 'Los usuarios van a comprar mas si ven recomendaciones personalizadas',
hypothesis: 'Creemos que mostrar recomendaciones sube la conversion del checkout; lo sabremos si suficientes usuarios hacen clic en la opcion cuando se las ofrecemos',
testType: 'fake door',
testLocation: 'boton "Ver mis recomendaciones" en el checkout',
};
console.log('=== El test que el modulo 4 eligio para recommendations ===\n');
console.log('hipotesis: "' + chosenTest.hypothesis + '"');
console.log('tipo de test elegido: ' + chosenTest.testType);
console.log('donde: ' + chosenTest.testLocation);
console.log('\nSe eligio QUE tipo de test correr. Este modulo 5 te da el COMO construirlo -- y algo mas amplio: el mapa completo de niveles de fidelidad, para la proxima vez que la suposicion sea distinta.');
Qué esperar. Al correr el archivo con Node, la salida es exactamente esta:
=== El test que el modulo 4 eligio para recommendations ===
hipotesis: "Creemos que mostrar recomendaciones sube la conversion del checkout; lo sabremos si suficientes usuarios hacen clic en la opcion cuando se las ofrecemos"
tipo de test elegido: fake door
donde: boton "Ver mis recomendaciones" en el checkout
Se eligio QUE tipo de test correr. Este modulo 5 te da el COMO construirlo -- y algo mas amplio: el mapa completo de niveles de fidelidad, para la proxima vez que la suposicion sea distinta.
Fíjate en lo que el módulo 4 no te dijo: no te dijo cuántas impresiones necesitas antes de confiar en el resultado, no te dijo qué umbral de clics cuenta como "sí hay demanda", y no te dijo qué hacer la próxima vez que la suposición riesgosa sea sobre otra cosa —digamos, si los vendedores confían en una insignia de "verificado"— donde un fake door quizás no sea la herramienta correcta. Ese es exactamente el trabajo de las siete lecciones que siguen.
Una analogía: el boceto, la maqueta y el auto de verdad
Un estudio de diseño automotriz no construye un auto completo, funcional, cada vez que quiere probar una idea. Primero hace un boceto a lápiz — barato, rápido, descartable — para ver si la silueta general tiene sentido. Si la silueta convence, construyen una maqueta a escala, de arcilla o de espuma — más cara, tarda semanas, pero ya se puede caminar alrededor de ella y ver cómo se ve la luz sobre las líneas reales. Solo cuando la maqueta convenció a todo el equipo, construyen un prototipo funcional a tamaño real — con motor, con frenos, con todo lo que un auto necesita para andar — que cuesta órdenes de magnitud más que el boceto, y que existe solo para responder las últimas preguntas que ni el boceto ni la maqueta podían contestar: ¿cómo maneja de verdad, a velocidad real, en una curva real?
Nadie construye el auto funcional completo solo para saber si la silueta se ve bien — sería absurdamente caro para esa pregunta, y el boceto la responde en una tarde. Y nadie se conforma con el boceto para decidir si el auto es seguro a 120 km/h — el boceto, por más bonito que sea, no puede responder esa pregunta, sin importar cuánto tiempo le dediques. La fidelidad correcta no es "la más alta que puedas pagar" ni "la más barata que puedas conseguir" — es la que coincide con la pregunta que tienes enfrente. El resto de este módulo es, en el fondo, aprender a hacer esa misma elección para un prototipo de producto: paper, clickable, wizard-of-oz y fake door son el boceto, la maqueta, y dos primos más — cada uno útil para una pregunta distinta.
¿SE VE Y SE SIENTE COMO EL PRODUCTO FINAL?
bajo ────────────────────────────────────────────────► alto
PAPER ───────────────► CLICKABLE ───────────────► WIZARD-OF-OZ
boceto a lapiz mockup navegable parece automatico,
(barato) (sin backend real) hay un humano detras
(mas caro)
FAKE DOOR ── no se ve como el producto: es un cartel real, en el
lugar real, para medir si alguien empuja la puerta.
Una pregunta distinta: ¿hay demanda, no "se entiende"?
El mapa de los 8 módulos de la guía
Como referencia, así se ve la guía completa — cada módulo trabaja siempre sobre el mismo caso, la apuesta recommendations de Mercado:
| # | Módulo | De qué se trata |
|---|---|---|
| 1 | Por qué discovery | Construir es la forma más cara de aprender; el discovery continuo compra evidencia barata. |
| 2 | Hablar con usuarios | Entrevistas que no mienten: comportamiento pasado, no intenciones futuras (el Mom Test). |
| 3 | El opportunity solution tree | Organizar las notas de entrevistas en un árbol — outcome, opportunities, solutions, experiments. |
| 4 | Suposición e hipótesis | Convertir una suposición en una hipótesis falsable y elegir el test más barato que la puede refutar. |
| 5 | Prototipado y fidelidad (estás aquí) | Prototipar al nivel justo: paper, clickable, wizard-of-oz, fake door — y cómo elegir cuál. |
| 6 | Evitar el sesgo | Los sesgos que arruinan el discovery: confirmación, preguntas líderes, la brecha say-do. |
| 7 | Sintetizar y decidir | Agrupar hallazgos, contar señales, decidir seguir, pivotar o matar la apuesta. |
| 8 | Proyecto: valida recommendations | El pipeline completo de discovery, corrido de punta a punta sobre la apuesta de Mercado. |
El mapa de este módulo
Ocho lecciones te llevan del test ya elegido a un criterio explícito para elegir la fidelidad correcta, cada vez:
Lección Pregunta que contesta
──────── ──────────────────────────────────────────────────────
L1 (esta) ¿Dónde nos dejó el módulo 4, y qué te da este módulo?
L2 ¿Para qué sirve un prototipo, y por qué no es lo mismo que un MVP?
L3 ¿Qué diferencia paper de clickable, y qué puede responder cada uno?
L4 ¿Qué es un wizard-of-oz, y por qué no escala aunque se sienta automático?
L5 ¿Qué es un fake door, y qué mide de verdad (y qué NO mide)?
L6 ¿Cómo se comparan los 4 niveles en costo, y por qué más fidelidad no siempre es mejor?
L7 ¿Cómo elijo, con un algoritmo, la fidelidad mínima que responde mi pregunta?
L8 Proyecto: elige y corre el prototipo de menor fidelidad para recommendations
La lección 2 empieza por lo más básico y lo más importante de todo el módulo: qué es (y qué no es) un prototipo, y por qué confundirlo con un MVP es el error que más caro sale. Las lecciones 3, 4 y 5 recorren los cuatro niveles de fidelidad uno por uno, cada uno con su propio modelo ejecutado en Node — incluido fakeDoorSignal, el modelo que vas a reutilizar sin cambios en el proyecto final. La lección 6 junta los cuatro niveles en una sola tabla comparativa de costo. La lección 7 cierra el argumento con pickFidelity, el algoritmo de decisión completo. Y la lección 8, el mini-proyecto, corre el pipeline entero sobre la pregunta real que dejó pendiente el módulo 4: ¿hay demanda de verdad por recommendations?
La frontera: qué NO entra en este módulo (ni en esta guía, todavía)
- Elegir qué tipo de test correr, y convertir la suposición en hipótesis falsable ya se hizo en el módulo 4. Aquí el tipo de test general (fake door, para
recommendations) se hereda; este módulo te da el catálogo completo de niveles y el criterio para elegir, no vuelve a decidir por ti la apuesta específica de Mercado. - El craft visual del prototipo —tipografía, sistema de color, componentes reutilizables, un design system real— es
ui-systems-and-design-implementation-guide, en el ecosistema Fullstack. Un prototipo de este módulo puede verse tosco a propósito; verse lindo no es el objetivo. - Construir la funcionalidad de verdad, una vez que el prototipo dio una señal positiva, es el ecosistema Fullstack completo — con código de producción, tests, deploy. El código de un prototipo de este módulo es desechable por definición; nunca se convierte en la base del producto real.
- Interpretar si el resultado del prototipo tiene sesgo, o si tres personas asintiendo cuentan como evidencia es el módulo 6 (evitar el sesgo). Aquí corres el prototipo y lees el número; juzgar si ese número basta para decidir es la lección de después.
- Decidir seguir, pivotar o matar la apuesta con la evidencia junta es el módulo 7. Este módulo te deja con un resultado de prototipo — el siguiente paso, sintetizarlo junto con las entrevistas y decidir, es un módulo aparte.
Errores comunes
Confundir "el módulo 4 eligió fake door" con "ya sé cómo construirlo". Qué pasa: el equipo, con la decisión de tipo de test ya tomada, salta directo a implementar sin pensar en el nivel de fidelidad correcto para el fake door específico — y termina construyendo una landing page completa, con diseño pulido y copy revisado por tres personas, cuando un botón simple con un mensaje de "muy pronto" hubiera bastado. Por qué pasa: una vez que el tipo de experimento está decidido, hay una tentación natural de tratarlo como una tarea de ingeniería normal — y una tarea de ingeniería normal se hace bien, no al mínimo. Cómo detectarlo: si el fake door tardó más de un par de días en construirse, o pasó por una revisión de diseño completa, probablemente se sobre-invirtió en fidelidad que la pregunta no necesitaba. Cómo corregirlo: este módulo entero, y en particular la lección 5, te da el criterio para construir un fake door lo bastante bueno para medir demanda, y ni un poco más.
Pensar que los cuatro niveles son una sola escalera, de "peor" a "mejor". Qué pasa: alguien asume que wizard-of-oz es automáticamente "mejor" que fake door porque suena más sofisticado, o que clickable siempre le gana a paper porque "se ve más profesional" — tratando la fidelidad como una sola dimensión ordenada donde más siempre es mejor. Por qué pasa: la palabra "fidelidad" suena a una escala de calidad, y es fácil pensar en calidad como algo que siempre conviene maximizar, sin fijarse en el costo ni en qué pregunta específica hace falta responder. Cómo detectarlo: la justificación para elegir un nivel de fidelidad no menciona nunca la pregunta que se quiere responder, solo qué tan "completo" o "convincente" se ve el prototipo. Cómo corregirlo: la analogía del auto de este módulo lo deja claro — nadie construye el auto funcional completo para saber si la silueta se ve bien. Cada nivel responde mejor un tipo de pregunta distinto; ninguno es categóricamente superior a los demás.
Ejercicios
Ejercicio 1 — Ubica dónde te dejó el módulo anterior. Sin volver a leer el módulo 4, responde de memoria: ¿qué tipo de test eligió para la suposición riesgosa de recommendations, y en qué parte del producto se ubicaría?
Ver solución
Un fake door: un botón "Ver mis recomendaciones" ubicado en el checkout. Este es, literal, el punto de partida fijo de todo este módulo — cada lección que sigue construye sobre esta misma decisión, hasta terminar corriéndola de punta a punta en el proyecto de la lección 8.
Ejercicio 2 — Aplica la analogía del auto a un caso nuevo. Para la oportunidad "no confío en vendedores nuevos sin reseñas" (que viste en el módulo 3, con la solución de una insignia de "vendedor verificado"), ¿qué sería el equivalente de un "boceto a lápiz" para probar si esa insignia cambia la confianza de un comprador? No hace falta que sea la respuesta final del módulo — solo aplica la intuición de la analogía.
Ver solución
Una respuesta razonable: un boceto a lápiz (o una captura editada a mano) de la ficha de producto actual, con una insignia de "vendedor verificado" dibujada al lado del nombre del vendedor, mostrada a un puñado de compradores para preguntarles si notan la insignia y qué creen que significa — sin ningún backend, sin ninguna base de datos de verificación real detrás. Es exactamente el mismo principio que el boceto del auto: barato, rápido, suficiente para saber si la idea básica tiene sentido antes de invertir en una versión más elaborada. Las lecciones 3 a 5 te van a dar el vocabulario exacto (paper, clickable, wizard-of-oz, fake door) para nombrar con precisión esta y otras opciones.
Ejercicio 3 — Explica la promesa con tus propias palabras. En dos o tres frases, y sin usar la palabra "fidelidad", explica qué problema resuelve este módulo, usando el fake door de recommendations como ejemplo.
Ver solución
Una respuesta razonable: "El módulo anterior ya decidió que la forma más barata de probar si a los compradores les interesan las recomendaciones es un botón que mide clics, no un motor de recomendaciones completo. Pero ese botón se puede construir de muchas formas distintas — desde un dibujo simple hasta una landing page pulida — y este módulo enseña a elegir, cada vez, la versión más simple que todavía puede contestar la pregunta que importa, sin gastar de más ni construir de menos." El punto del ejercicio no es memorizar los cuatro nombres técnicos —eso llega con el resto del módulo—, sino confirmar que entiendes la idea central: construir lo mínimo que responde la pregunta, ni menos ni más.
Resumen y siguiente paso
En esta lección conectaste este módulo con el anterior: el módulo 4 dejó elegido un fake door test para la suposición riesgosa de recommendations, pero sin definir todavía cómo construirlo bien, ni qué hacer la próxima vez que la suposición sea distinta. Conociste la promesa de este módulo —no construyas más de lo que hace falta para responder la pregunta de hoy— y la analogía que lo va a acompañar entero: el boceto, la maqueta y el auto de verdad, cada uno útil para una pregunta distinta, ninguno "mejor" que los otros en abstracto.
Antes de avanzar deberías poder: recitar el tipo de test y la ubicación exacta que el módulo 4 eligió para recommendations; nombrar, a grandes rasgos, los cuatro niveles de fidelidad que vas a estudiar; y explicar por qué "más fidelidad" no es automáticamente "mejor prototipo".
La lección 2 se detiene en la pregunta más básica de todas, antes de entrar en los cuatro niveles: ¿qué es exactamente un prototipo, y por qué confundirlo con un MVP —una versión real, aunque mínima, del producto— es el error más caro que puedes cometer en este módulo?
Recursos
- David J. Bland y Alexander Osterwalder, Testing Business Ideas: A Field Guide for Rapid Experimentation — strategyzer.com/library/testing-business-ideas-book. El libro de referencia de todo este módulo: 43 tipos de experimento, incluidos el fake door y el wizard-of-oz que vas a ver en las lecciones 4 y 5, organizados por costo y fuerza de evidencia. En inglés.
- Nielsen Norman Group, "UX Prototypes: Low Fidelity vs. High Fidelity" — nngroup.com/articles/ux-prototype-hi-lo-fidelity. La fuente directa de la distinción central de este módulo: la fidelidad tiene tres ejes (visual, contenido, interactividad), y un prototipo de baja fidelidad es una herramienta legítima, no una versión "incompleta" de uno de alta fidelidad. En inglés.
- IDEO, "Rapid Prototyping" (Design Kit) — designkit.org/methods/rapid-prototyping.html. La filosofía detrás de todo el módulo, en una frase: "build to think" — prototipos simples y descartables para pensar con las manos, no para impresionar en una demo. En inglés.