Ajustes

Workshop interno · Grupo SURA

Vibe Coding
SURA Contigo

De una oportunidad de negocio a una demo navegable con IA

Taller · 3 horas IA aplicada · producto · riesgo · prototipado
Antonio Moneo
Facilitador
Antonio Moneo
Fundador de Tangible Data
Datos · IA · aprendizaje · producto
Diseño de experiencias para hacer comprensible el conocimiento experto
BBVA · IA y transformación
Talent & Culture Transformation
Forma parte del equipo Data & Performance, impulsando la estrategia de IA en Talent & Culture.
BBVA · Conocimiento
Comunidades de datos
Experiencia en gestión del conocimiento y comunidades globales de práctica para perfiles de data science.
Aprendizaje aplicado
De cultura a prototipo
Conecta capability building, adopción tecnológica, cultura de aprendizaje y experimentación práctica.
Hoy
SURA Contigo
Acompaña el taller de punta a punta: reto, prompt, prototipo, límites de riesgo y decisión.
El proyecto

Tangible Data:
tangibilizar los datos

Tangibilizar es hacer comprensible el conocimiento: convertir datos, procesos y señales en experiencias que se ven, se conversan y se pueden probar.

📊

Visualización

Mapas, gráficos y capas que hacen visible lo que estaba escondido.

🧱

Fisicalización

Datos convertidos en objetos, materiales y espacios que se pueden tocar.

🔊

Sonificación

Patrones traducidos a sonido para escuchar ritmos, alertas y cambios.

🤖

Agentificación

Agentes que preguntan, explican, recomiendan y acompañan decisiones.

🕺

Corporalización

Datos expresados con cuerpo, movimiento, gesto y presencia.

🛡️

Hoy: SURA

Conocimiento experto → experiencia clara → prototipo gobernable.

Russell Ackoff, 1989

De los datos a la acción

Cada capa transforma lo anterior — la IA amplifica todas.

Inteligencia Artificial
Amplifica y conecta todas las capas. Genera, recomienda, actúa.
¿Qué sigue?
🦉
Sabiduría
Conocimiento con juicio y valores. Tomar las decisiones correctas.
¿Para qué?
🧠
Conocimiento
Información aplicada a la experiencia. Patrones, reglas y principios.
¿Cómo funciona?
📊
Información
Datos con contexto y significado. Responde quién, qué, cuándo, dónde.
¿Qué significa?
📦
Datos
Hechos brutos sin contexto. Números, registros, señales en crudo.
¿Qué pasó?
Nuestro proyecto guía

SURA
Contigo
Experiencia

Diseñar una experiencia que haga más claro, útil y accionable un momento de vida o de negocio para clientes, asesores, empresas o equipos internos.

Clientes
Orientación clara en momentos de incertidumbre
Asesores
Herramientas para explicar, priorizar y acompañar
Empresas y pymes
Diagnósticos accionables y próximos pasos
Equipos internos
Procesos más simples, trazables y gobernables
De conocimiento experto a experiencia navegable

Cómo la IA convierte información, procesos y criterio en una demo que se puede probar

La IA no sustituye el criterio experto. Lo acelera: ordena contexto, genera alternativas y permite probar una experiencia antes de invertir en construirla.

01
Contexto
ordenado
Necesidades reales, procesos, documentos, FAQs y momentos de vida
02
Experiencias
simuladas
Pantallas, flujos, copy, reglas y respuestas con datos ficticios
03
Riesgos
visibles
Privacidad, sesgos, límites de recomendación y controles humanos
04
Decisión
informada
Qué probar, qué descartar y qué gobernar antes de escalar
Lo que te llevas a casa

Al final de hoy vas a saber

01
Formular un reto de producto
Convertir un momento de la verdad en una pregunta accionable
02
Explorar información sin riesgo
Contexto, documentos y datos ficticios
03
Usar IA de forma práctica
Insights, journeys, pantallas y prototipos
04
Diseñar experiencias SURA
Valor, riesgo, operación y usuario
05
Presentar una decisión
Demo, métrica, límites y siguiente experimento
Tu plan para las próximas 3 horas

Agenda · 4 bloques

01 · Conectar
0:00 – 0:15 · 15 min
0:00Entrada y misión SURA Contigo3 min
0:03Pongamos que hablo de SURA5 min
0:08Formación de equipos7 min
02 · Entender
0:15 – 1:00 · 45 min
0:15¿Qué es vibe coding?5 min
0:20Materia prima SURA + material de trabajo10 min
0:30Experience Hunt: momentos de la verdad15 min
0:45Compartir hallazgos e ideas15 min
03 · Experimentar
1:00 – 2:00 · 60 min
1:00Google AI Studio10 min
1:10Microdemostraciones SURA10 min
1:20Primer prompt de producto20 min
1:40☕ Pausa20 min
04 · Crear & decidir
2:00 – 3:00 · 60 min
2:00Lienzo de recorrido de usuario10 min
2:10Gran bloque Vibe Coding30 min
2:40Preparación de pitch10 min
2:50Demo Day · decisión y cierre10 min
0:03 – 0:08 · 5 min · Dinámica inicial

Pongamos que hablo de SURA

Comparte en 30 segundos — el facilitador lo anota en pantalla.

01
Un momento bien resuelto
Cliente, asesor, empresa o equipo que recibió orientación clara.
02
Una fricción de orientación
Algo frecuente, confuso, costoso o emocional que podríamos hacer mejor.
Abrir handout 04 →
0:08 – 0:15 · 7 min

Encuentra a tu equipo

Agrupaos por el tipo de oportunidad que más conecte con vuestra experiencia. Equipos de 4–5 personas con mezcla funcional.

Grupo A
Cliente
Momentos de vida, claridad, acompañamiento y confianza
Grupo B
Asesor
Explicación, priorización, seguimiento y preparación de conversaciones
Grupo C
Empresa
Pyme
Diagnóstico, continuidad, prevención y próximos pasos
Grupo D
Operación
Riesgo
Controles, trazabilidad, cumplimiento y escalabilidad
0:15 – 0:20 · 5 min · Antonio

¿Qué es el vibe coding?

01

Describes

Explicas intención, usuario, contexto, datos ficticios, restricciones y resultado esperado.

02

La IA genera

Produce una primera versión: journey, pantallas, copy, reglas o demo navegable.

03

Iteras

Corriges, acotas, pruebas límites y decides si merece la pena avanzar.

No necesitas saber programar. Necesitas criterio.

Abrir handout 02 →
Cómo jugamos durante las próximas 3 horas

Las reglas del juego

01
No datos
reales
Usamos datos ficticios, públicos o anonimizados. Nada personal ni confidencial.
02
No promesas
automáticas
La demo no sustituye asesoría, evaluación ni decisión regulada.
03
Hacer antes
que explicar
Una demo pequeña enseña más que un documento perfecto.
04
Criterio
humano
La IA propone. El equipo decide, filtra y se responsabiliza.
05
Si no sale en
10 min · repiénsalo
Cambia la instrucción, el alcance o el ejemplo.
06
Comparte
el aprendizaje
Lo valioso no es solo la app: también el prompt, el límite y la decisión.
Materiales del taller

Handouts
para trabajar

Los materiales están enlazados desde esta presentación y desde el menú superior. Ábrelos en otra pestaña cuando toque cada actividad.

01GlosarioConceptos clave 02PromptsBuenas prácticas 03JourneyLienzo de trabajo 04Post-itsDinámica inicial 05RúbricaValoración
0:20 – 0:23 · 3 min · Antonio

SURA ya tiene
materia prima. Mucha.

Antes de construir, exploramos el terreno: procesos, documentos, journeys, preguntas frecuentes, indicadores y conocimiento experto.

Procesos
pasos, reglas y
responsables
FAQs
dudas frecuentes
y respuestas tipo
Journeys · Métricas
señales para diseñar
con criterio
Demostración guiada · Antonio

Tour del material
de trabajo SURA

① Leer el caso
② Capturar momentos
③ Elegir experiencia

0:23 – 0:30 · 7 min

0:30 – 0:45 · 15 min · En grupo

🔎 Experience Hunt colaborativo

Misión: capturar momentos de la verdad. Buscamos situaciones donde una persona necesita claridad, confianza y un siguiente paso.

Pista 01
Momento de la verdad
Instante crítico: alta incertidumbre, emoción, coste o urgencia.
Pista 02
Persona y contexto
Cliente, asesor, pyme o equipo interno. ¿Dónde está y qué intenta resolver?
Pista 03
Fricción emocional
Duda, miedo, espera, lenguaje confuso, exceso de pasos o falta de confianza.
Pista 04
Ayuda accionable
Qué orientación, explicación o acompañamiento haría mejor ese momento.
Abrir lienzo →
0:45 – 1:00 · 15 min · Ambos

Compartimos hallazgos
+ primeras ideas

Cada equipo comparte en 1 minuto: momento de la verdad, persona, fricción y primera idea de experiencia. Sin defender demasiado todavía.

👤 Usuario y momento
💡 Idea de experiencia
🛡️ Límite o riesgo
Antes de construir · Investigación conversacional

Investiga primero con
NotebookLM, Gemini Gems o el asistente disponible

La IA ayuda a ordenar contexto antes de construir: preguntas, supuestos, segmentos, riesgos y gaps.

Paso 1
Reúne el contexto
Caso, proceso, FAQ, journey o datos ficticios de ejemplo
Paso 2
Abre un asistente
QR para abrir el asistente del taller
Usa el asistente indicado por el facilitador para investigar antes de construir.
Prototipo del taller
Paso 3
Lanza la instrucción base
Cópiala, adapta persona, momento de la verdad y fricción
"
Instrucción recomendada
Resume este caso de uso para SURA Contigo. Identifica persona, momento de la verdad, fricción emocional, ayuda accionable, información necesaria, riesgos, dependencias e hipótesis de valor medible.
1:00 – 1:10 · 10 min · Antonio
Tu herramienta de prototipado

Google
AI Studio

Lo usamos para pasar de prompt a estructura, de estructura a demo, y de demo a iteración.

aistudio.google.com

Sube PDFs, tablas o ejemplos ficticios y haz preguntas en español

Pide journeys, pantallas, reglas, microcopy y prototipos navegables

Itera: si algo no está bien, corrígelo en lenguaje natural

Mantén datos ficticios y revisión humana en cada paso

4 microdemostraciones · 2 min cada una

Mostrar el potencial

🛡️
Previene
Plan semanal con señales de riesgo ficticias y acciones simples.
Demo guiada
📈
Retiro Claro
Simulador explicable con checklist y lenguaje sencillo.
Demo guiada
🏢
Pyme Radar
Diagnóstico de continuidad, exposición y próximos pasos.
🤝
Asesor Copiloto
Preparación de conversación con contexto, objeciones y límites.
Demo guiada

1:10 – 1:20

1:20 – 1:40 · 20 min · Todos

Manos a la obra: primer prompt

El equipo redacta un prompt común. Debe incluir contexto, usuario, límites y formato de salida.

A
Define contexto y usuario
"Actúa como equipo de producto SURA Contigo. El usuario es..."
B
Explica el momento de la verdad
"Está en [momento de la verdad], siente [fricción] y necesita [ayuda accionable]."
C
Fija restricciones
"Usa solo datos ficticios. No prometas decisiones reguladas."
D
Pide formato útil
"Devuelve: journey, pantallas, reglas, riesgos, métricas y backlog."
Abrir prompts →
1:40 – 2:00 · 20 min

Pausa viva

Volvemos con una idea elegida y una demo por construir.

2:00 – 2:10 · 10 min · Antonio

Diseño del Recorrido de usuario

Rellenad este lienzo en equipo. Será la chuleta de la presentación.

01 · Usuario
¿Para quién?
Cliente, asesor, empresa o equipo interno en un momento concreto.
02 · Información
¿Con qué señales?
Datos ficticios, preguntas frecuentes, proceso, reglas o indicadores.
03 · IA
¿Qué hace?
Resume, pregunta, recomienda, explica límites o prepara una conversación.
04 · Flujo
¿Cómo lo vive?
Recorrido completo: entrada → diagnóstico → orientación → acción → seguimiento.
Abrir lienzo →
~2:25 · 5 min · Mini-dinámica

⚔️ Batalla de
instrucciones

Dos equipos intercambian prompts. El reto: mejorar claridad, restricciones, estructura y seguridad sin cambiar la idea base.

Antes de la presentación · 2 minutos

Comparte tu prototipo · formulario común

La demo tiene que abrirse, circular y comentarse. Incluid nombre del equipo, caso de uso, usuario, datos ficticios usados, riesgos detectados y decisión recomendada.

Escanea aquí
QR para enviar el enlace del prototipo
Formulario común
Enviad grupo, nombre de la aplicación y URL pública.
Paso 1
Copia la URL pública
En AI Studio: Compartir → Enlace público → copiar.
Paso 2
Añade límites
Explica qué no hace la demo y qué datos son ficticios.
Paso 3
Proyectamos la lista
El facilitador abre las respuestas y lanza cada demostración.
!
Importante: enviad solo enlaces públicos de prototipos. No subáis datos personales ni información privada.
2:40 – 2:50 · 10 min · Preparación

Prepara tu presentación de 3 min

Tres minutos. Una historia. Una decisión recomendada.

1'
El problema
Persona, momento de la verdad, fricción y oportunidad.
1'
La solución
Vuestra experiencia SURA Contigo en una frase.
1'
La decisión
Demo, valor esperado, riesgos y siguiente experimento.
💡
Truco · usa Gemini para tu presentación
Descarga el archivo comprimido de tu proyecto en AI Studio → súbelo a Gemini → pídele "Genérame un pitch de tres minutos con problema, demo, valor, riesgos y siguiente paso"
Abrir rúbrica →
2:50 – 2:57 · El momento

Demo Day 🎉

Tres minutos por equipo. Una demo. Una decisión. Una pregunta abierta.

3'
por grupo
🛡️
criterio
siguiente paso
Tus comentarios · 2 min

¿Cómo lo has vivido?

Cuestionario Kirkpatrick nivel 1 — Reacción. Valora cada objetivo de 1 (nada) a 5 (totalmente).

01
Puedo formular un reto de producto claro
12345
02
Sé explorar información sin usar datos sensibles
12345
03
Puedo prototipar una experiencia con IA
12345
04
Entiendo límites de riesgo, datos y decisión
12345
05
Veo valor para mi área, cliente o equipo
12345
Responde en línea
Escanea el QR
o entra en el enlace
QR para responder el cuestionario final
Formulario de comentarios
2 minutos
+ pregunta abierta
¿Qué te llevas y qué mejorarías para la próxima edición?
2:57 – 3:00 · Cierre

De equipos expertos
a arquitectos
de experiencias

La salida no es una app terminada. Es una conversación mejor informada: qué probar, qué descartar y qué gobernar antes de escalar.

Contexto
procesos · journeys · FAQs
IA
aistudio.google.com
Siguiente paso
probar · descartar · gobernar
Comentarios
QR para formulario final de comentarios
Evalúa el taller
2 minutos
Vibe Coding SURA Contigo · Workshop interno¡Gracias! 🙌