Ejercicio: Diseña tu MVP
Taller práctico de diseño
En este ejercicio crearás los user flows, wireframes y un prototipo básico de tu MVP. Al terminar tendrás los diseños listos para comenzar el desarrollo.
Preparación (5 min)
Antes de empezar, ten a mano:
- Tu hoja de ruta del MVP (del ejercicio anterior)
- Lista de features Must Have
- Herramienta elegida (papel, Figma, Excalidraw)
- 45 minutos sin interrupciones
Ejercicio 1: User Flows (10 min)
Dibuja los flujos principales de tu MVP. Máximo 3 flujos.
Incluye decisiones (¿tiene cuenta? Sí/No)
Dibuja todos los pasos necesarios para completarla.
¿Cómo ve el usuario el valor que recibió?
Ejercicio 2: Wireframes (20 min)
Crea wireframes de baja fidelidad para las pantallas principales. Usa el método 8-box: dibuja 8 variaciones rápidas, elige la mejor.
Ejercicio 3: Prototipo (10 min)
Conecta tus wireframes para crear un prototipo clickeable básico.
Interacciones a conectar:
- CTA de Landing → Registro/Login
- Completar registro → Dashboard
- Botón de acción principal → Pantalla de acción
- Completar acción → Pantalla de resultado
- Navegación entre secciones principales
Ejercicio 4: Mini Design System (5 min)
Define los elementos visuales básicos que usarás.
Bonus: Quick Test (5 min)
Muestra tu prototipo a 1-2 personas y observa:
Checklist de entregables del Módulo 2
- 2-3 User flows documentados
- 4-6 Wireframes de pantallas principales
- Prototipo clickeable básico
- Mini design system definido
- Feedback de al menos 1 persona
Guarda tu trabajo
Exporta tus wireframes como imágenes y guarda el link del prototipo. Los necesitarás como referencia durante el desarrollo en el Módulo 3.
¡Módulo 2 Completado! 🎉
Ahora tienes todo el diseño necesario para tu MVP. En el Módulo 3: Desarrollo Ágil aprenderás a elegir las herramientas correctas y comenzar a construir tu producto.