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; 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: 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 ya traen esas reglas adentro, uno por uno. Si escribes el tuyo, pégale el bloque de Cómo 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.