Guía de buenas prácticas para pedir datos en un ChatFunnel

En la actualidad los formularios están evolucionando hacia flujos conversacionales que obtienen algo más que respuestas: buscan empatía, claridad y resultados.

En este contexto, los ChatFunnels se convierten en herramientas poderosas: recogen datos, guían al usuario y convierten interacciones en información útil de manera natural.

Pero, ¿cómo diseñarlos sin saturar al usuario o comprometer su privacidad?. En este artículo descubrirás:

• Cómo estructurar tus ChatFunnels con una sola pregunta por paso, lenguaje cercano y objetivos claros.
• Por qué el uso de >>> como ayuda contextual supera al placeholder tradicional en usabilidad.

Al final, entenderás cómo capturar datos relevantes, y preparar al usuario para una transición hacia un asistente (humano o IA) efectiva y respetuosa.

Principios UX clave

• Objetivo claro y un uso por flujo: define qué quieres conseguir y diseña el funnel para ese caso de uso, en pasos lineales y simples. Los chatbots funcionan mejor con flujos lineales con pocas ramas; cuando el usuario se desvía, la experiencia empeora.
• Una pregunta por paso: ayuda a la comprensión y reduce errores. Este patrón (“one thing per page”) es una recomendación establecida en sistemas de diseño gubernamentales.
• Minimiza los datos: recoge solo lo necesario para el fin declarado (principio de minimización y Data Protection by Default del RGPD). Diseña, por defecto, para el mínimo volumen, alcance, tiempo de conservación y accesibilidad de datos.
• Transparencia y expectativas: explica al inicio qué vas a pedir y para qué, y cuánto tardará. Ordena las preguntas de lo general a lo específico.

Hints con >>> en vez de placeholders

En nuestro ChatFunnel no tenemos placeholders; usamos >>> para mostrar una pista breve, concreta y visible antes del campo. Buenas prácticas de “hint text”:

• Úsalo solo si aporta claridad, manténlo en una frase corta y sin enlaces.
• La ayuda no desaparece al escribir, problema típico de placeholders donde se aumenta la carga de memoria y los errores. Mejor tener la pista fuera del campo.

Elegir bien el tipo de entrada

• Select/Options cuando la lista de respuestas es conocida (reduce tecleo y errores). A los usuarios les gusta pulsar opciones para entradas comunes.
• Text/Number/Email/Phone cuando el dato es abierto, proporciona ejemplos usando >>>. Si usas máscaras (teléfono), adáptalas al país para no bloquear al usuario.

Patrón listo para copiar

Puedes ver este patrón en funcionamiento clicando el botón de Joinchat

- step: 0
  name: menu
  content: Vamos a ver una serie de ejemplos de *Hints* en vez de placeholders cuando recogemos datos de los usuarios en Chat Funnels.
  options:
    - option: 0
      type: goto
      text: ✉️ Correo electrónico
      value: 3
    - option: 1
      type: goto
      text: 📅 Fecha y hora
      value: 1
    - option: 2
      type: goto
      text: 📱Teléfono/WhatsApp
      value: 4
    - option: 3
      type: goto
      text: 👤 Nombre y Apellido
      value: 5
    - option: 4
      type: goto
      text: 📍 Dirección
      value: 7
- step: 1
  name: date
  content: |-
    ¿Qué fecha prefieres?
    >>>
    AAAA-MM-DD _(p.ej. 2025-09-30)_
  options:
    - option: 0
      type: goto
      text: ''
      value: 2
  input: text
- step: 2
  name: time
  content: |-
    ¿A qué hora?
    >>>
    HH:MM en 24h _(p.ej. 15:30)_
  options:
    - option: 0
      type: goto
      text: ''
      value: 0
  input: text
- step: 3
  name: email
  content: |-
    ¿Cuál es tu email?
    >>>
    p.ej. nombre@empresa.com
  options:
    - option: 0
      type: goto
      text: ''
      value: 0
  input: email
- step: 4
  name: phone
  content: |-
    Tu número de WhatsApp con código de país
    >>>
    p.ej. 34612345678
  options:
    - option: 0
      type: goto
      text: ''
      value: 0
  input: phone
- step: 5
  name: name
  content: |-
    ¿Puedes indicar tu nombre?
    >>>
    Introduce tu nombre
  options:
    - option: 0
      type: goto
      text: ''
      value: 6
  input: text
- step: 6
  name: lastname
  content: |-
    Dime tus apellidos
    >>>
    Introduce tus apellidos
  options:
    - option: 0
      type: goto
      text: ''
      value: 0
  input: text
- step: 7
  name: street
  content: |-
    Indícame tu domicilio por favor
    >>>
    p.ej. Avda. Cansas City 123
  options:
    - option: 0
      type: goto
      text: ''
      value: 8
  input: text
- step: 8
  name: city
  content: |-
    ¿En que ciudad resides?
    >>>
    p.ej. Madrid
  options:
    - option: 0
      type: goto
      text: ''
      value: 9
  input: text
- step: 9
  name: state
  content: |-
    Dime la provincia
    >>>
    p.ej. Toledo
  options:
    - option: 0
      type: goto
      text: ''
      value: 10
  input: text
- step: 10
  name: postalcode
  content: |-
    Déjame el Código Postal
    >>>
    p.ej. 13300
  options:
    - option: 0
      type: goto
      text: ''
      value: 0
  input: number