# Ideas de elementos interactivos

**No elijas el elemento por lo bonito: elígelo por la objeción que tienes enfrente. Esta es la lista ordenada por lo que cada uno resuelve.**

Los prompts para construirlos están en [Elementos interactivos](/guias/elementos-interactivos); aquí es para decidir cuáles.

## Si la objeción es el precio

- **Calculadora de retorno.** Que mueva sus propios supuestos. Deja de discutirse tu costo y empieza a discutirse su beneficio.
- **[Comparador de escenarios](/guias/elementos-interactivos#5-el-costo-de-no-hacer-nada)**: qué pasa si no hacen nada, si hacen lo mínimo, si hacen lo propuesto. El costo de no hacer nada rara vez está calculado, y es tu mejor argumento.
- **Desglose del precio por componente**, que se pueda abrir. Un precio que se puede auditar se negocia distinto que un número suelto.
- **Configurador de alcance.** Si pueden quitar módulos y ver el precio bajar, el "está caro" se vuelve "quitemos esto" — que es una conversación mucho mejor.

## Si la objeción es el tiempo o el esfuerzo

- **Cronograma por fases**, donde cada fase abra el detalle de **qué necesitamos de ustedes**. Esa es la pregunta real detrás del "¿cuánto tarda?".
- **Checklist de arranque** que puedan ir marcando mientras leen (sin guardar: solo para la lectura).
- **Línea de tiempo de un día típico**, antes y después. Para software y para procesos, es lo que hace tangible el cambio.

## Si la objeción es el riesgo o la confianza

- **Caso comparable con sus números al lado.** Dos columnas: el cliente parecido y ellos.
- **Preguntas frecuentes en acordeón**, con las dudas reales que salieron en la llamada. Responder la objeción antes de que la digan la desarma.
- **Mapa de riesgos**: qué puede salir mal, qué hacemos si pasa. Nombrar los riesgos tú, primero, es de las cosas que más confianza generan.
- **Quién es quién** en el equipo asignado, con foto y responsabilidad. Contratan personas, no un logotipo.

## Si el problema es que nadie lo lee completo

- **Índice pegajoso** con ligas a las secciones.
- **Resumen de tres renglones arriba**, siempre.
- **Barra de progreso de lectura.** Cuesta poco y ayuda a que lleguen al final.
- **Tarjetas de cifras destacadas** al inicio de cada sección: lo que se escanea en treinta segundos.

## Si van a comparar contra un competidor

- **Tabla comparativa honesta**, donde también digas qué no haces. La tabla donde ganas en las diez filas no la cree nadie.
- **Criterios de decisión con peso ajustable**: que el comité mueva qué tanto le importa cada criterio y vea el resultado. Es agresivo, y funciona cuando tu diferencia es real.

## Lo que no vale la pena

- **Animaciones de entrada por todos lados.** Se sienten lentas y en celular se ven mal.
- **Modo oscuro.** Es trabajo que nadie te va a agradecer en una propuesta.
- **Contadores de urgencia**, precios tachados, "quedan 2 lugares". Tu cliente no es un carrito de e-commerce y eso quema credibilidad.
- **Chatbots dentro del documento.** No hay a dónde mandar los mensajes.
- **Gráficas que no aportan.** Una dona de tres pedazos para decir tres números: mejor los tres números grandes.

## Antes de pedir cualquiera de estos

Da igual cuál elijas: el archivo tiene que cumplir las mismas reglas, y los elementos interactivos son justo donde la IA se sale del carril —mete Chart.js desde un CDN, guarda el estado en `localStorage`, arma un formulario para "mandar la configuración"—. Los prompts de [Elementos interactivos](/guias/elementos-interactivos) ya traen esas reglas adentro, uno por uno. Si escribes el tuyo, pégale el bloque de [Cómo debe ser el HTML](/guias/como-debe-ser-el-html).

## La regla de las tres

Tres elementos interactivos bien elegidos ganan a ocho. Cada uno que agregas compite por la atención de los otros — y por la paciencia de alguien que está leyendo tu propuesta en el celular, entre dos juntas.

## Qué sigue

[Dudas frecuentes](/guias/preguntas-frecuentes).