Guía · Diseño de producto
Qué es un prototipo y cómo se hace el prototipado de una app o sistema
Por TOR studio · Actualizada el · 7 min de lectura
La respuesta corta
Un prototipo es una versión de prueba de una app o un sistema que se ve y se recorre como el producto final, pero todavía no funciona por dentro. El prototipado es el proceso de hacerlo y probarlo con usuarios reales para corregir la experiencia cuando cambiar algo cuesta horas, y no semanas de programación.
¿Qué es un prototipo?
Es una simulación del producto: las pantallas, los botones y el recorrido que hará el usuario, sin la programación que lo hace funcionar de verdad. Puede ser tan sencillo como hojas de papel dibujadas a mano o tan parecido al final que se prueba en el celular y la gente cree que ya es la app.
Ejemplo: un prototipo de app de pedidos deja que la persona elija un platillo, lo agregue al carrito y llegue a la pantalla de pago, aunque ningún pedido llegue a la cocina.
¿Qué es el prototipado?
Es el proceso de diseñar, probar y corregir un producto con prototipos antes de construirlo. Es un ciclo corto que se repite: dibujas una idea, se la muestras a usuarios, ves dónde se atoran, corriges y vuelves a probar. Cada vuelta sube la fidelidad: del papel al wireframe y del wireframe al prototipo navegable.
Su valor está en el momento: un error de experiencia encontrado en el prototipo se arregla moviendo un rectángulo; encontrado en la app publicada, cuesta programación, pruebas y una nueva versión.
¿Para qué sirve probarlo con usuarios?
Para saber, antes de programar, si la gente entiende tu producto y puede completar las tareas importantes sin ayuda. No preguntas «¿te gusta?»: le pides a la persona que haga algo («pide un café para recoger») y observas en silencio dónde duda. Según Nielsen Norman Group, probar con unas cinco personas basta para encontrar la mayoría de los problemas de uso (alrededor del 85 %) de una ronda.
Por eso conviene hacer varias rondas chicas de cinco personas en lugar de una grande: corriges entre una y otra.
Prototipo vs MVP: ¿cuál va primero?
El prototipo va primero. El prototipo responde «¿se entiende y se usa bien?» y no funciona por dentro; el MVP (producto mínimo viable) responde «¿la gente lo usa y lo necesita?» y sí funciona: usuarios reales lo usan en su día a día. El prototipo te ahorra construir mal; el MVP te ahorra construir lo que nadie quiere.
El orden habitual: prototipo para validar la experiencia, MVP para validar el negocio y después crecer por etapas.
Tipos de prototipo
| Tipo | Cómo es | Para qué sirve | Cuánto tarda |
|---|---|---|---|
| De papel (baja fidelidad) | Pantallas dibujadas a mano o con cajas simples, sin colores ni contenido final | Discutir la idea y el orden de las pantallas con tu equipo | Horas |
| Wireframe | El esqueleto de cada pantalla en digital: dónde va cada elemento, sin diseño visual | Acordar estructura, contenido y flujo antes de diseñar | De unos días a una semana |
| Prototipo navegable de alta fidelidad | Se ve como la app final y se recorre en el celular con clics o toques, pero no funciona por dentro | Probar con usuarios reales si entienden y completan las tareas | De una a tres semanas |
| Prototipo funcional | Una parte programada que sí funciona, con datos reales o de prueba | Probar algo técnico (una integración, un cálculo, un mapa) o una función clave | Semanas, según lo que se pruebe |
No hace falta pasar por los cuatro. Para una app nueva, lo más rentable suele ser papel para pensar y un prototipo navegable para probar con usuarios. En TOR studio el prototipo navegable sale en el sprint de validación.
Qué lleva un buen prototipo
Un prototipo no es una galería de pantallas bonitas. Estas son las cosas que lo vuelven útil para decidir.
- 01 Las tareas principales completasLas dos o tres cosas que el usuario viene a hacer, de principio a fin: registrarse, pedir, pagar, agendar.
- 02 Contenido realNombres de productos, precios y textos reales, no texto de relleno. Con contenido falso, la prueba no dice nada.
- 03 Los estados difícilesQué ve la persona cuando no hay resultados, cuando algo falla o cuando está esperando.
- 04 El dispositivo correctoSi la app se usará en el celular, se prueba en el celular, no en una pantalla grande.
- 05 Un guion de pruebaLas tareas que le pedirás a cada persona y qué cuenta como éxito, para comparar una ronda con otra.
- 06 Decisiones anotadasQué se cambió después de cada ronda y por qué. Es lo que después usa el equipo que programa.
Ejemplos de prototipado según lo que quieres validar
Cómo hacer un prototipo en cinco pasos
- 01 Define qué quieres aprenderUna o dos preguntas concretas: «¿entienden cómo apartar?», «¿encuentran su pedido anterior?». El prototipo se diseña para responderlas.
- 02 Dibuja el flujo en papelLas pantallas en orden, con flechas entre ellas. Es la forma más barata de descubrir que falta un paso.
- 03 Arma el wireframePasa el flujo a digital con la estructura de cada pantalla y el contenido real, sin preocuparte todavía por colores.
- 04 Hazlo navegableAplica el diseño visual y conecta las pantallas para que se recorran con toques en el celular.
- 05 Pruébalo con cinco personas y corrigePídeles que hagan las tareas, observa sin ayudar, anota dónde dudan, corrige y repite otra ronda si hace falta.
¿Cuánto cuesta un prototipo?
| Opción | Costo | Qué considerar |
|---|---|---|
| Hacerlo tú en papel o con una herramienta de diseño gratuita | Tu tiempo | Ideal para pensar la idea y discutirla con tu equipo; para probar con usuarios hace falta más fidelidad |
| Sprint de validación con TOR studio | $30,000 MXN, abonables al proyecto | 2 a 3 semanas: prototipo navegable, alcance, prioridades, costo real y plan por etapas |
| MVP de app o plataforma | Desde $250,000 MXN | 10 a 14 semanas, con el prototipo navegable del sprint como punto de partida |
Precios de referencia más IVA. Si tu idea todavía cambia cada semana, empieza en papel: para eso no necesitas contratar a nadie. Ver Desarrollo de apps →
Preguntas frecuentes
¿Qué es un prototipo en pocas palabras?
Es una versión de prueba de un producto que se ve y se recorre como el final, pero no funciona por dentro. Sirve para probar la idea antes de construirla.
¿Qué es el prototipado en diseño?
Es el proceso de crear prototipos, probarlos con usuarios y corregirlos en ciclos cortos, de menor a mayor fidelidad, antes de programar el producto.
¿Cuál es la diferencia entre un prototipo y un MVP?
El prototipo simula el producto para probar si se entiende; el MVP funciona de verdad y lo usan usuarios reales para probar si lo necesitan.
¿Qué es un prototipo de baja y de alta fidelidad?
El de baja fidelidad es un boceto simple, en papel o con cajas, para discutir la idea. El de alta fidelidad se ve como el producto final y se puede recorrer en el celular.
¿Cuánto tarda hacer un prototipo de una app?
Un boceto en papel, horas. Un prototipo navegable de alta fidelidad, de una a tres semanas; en TOR studio sale en el sprint de validación, de 2 a 3 semanas.
¿Con cuántos usuarios se prueba un prototipo?
Con unas cinco personas por ronda encuentras la mayoría de los problemas de uso. Es mejor hacer dos o tres rondas chicas que una grande.
¿El prototipo se convierte en la app?
No directamente: el prototipo navegable es una simulación. Lo que sí pasa a la app es el diseño, el flujo y las decisiones que validaste, y eso le ahorra semanas al desarrollo.
¿Tienes una idea de app que quieres probar?
Empezamos con un diagnóstico gratis y, si tiene sentido, un sprint de validación de 2 a 3 semanas: prototipo navegable, alcance y costo real antes de construir.