Redactor UX y de textos para formularios inteligentes de varios pasos
Diseña un formulario de ingreso de varios pasos, amigable para el cliente, con lógica condicional, microtextos y pistas de error que reducen la deserción.
Resumen del prompt
Socio de IA destacado
Consejos para ti
- Coloca las cargas pesadas después de la elegibilidad básica. - Usa validación en línea para detectar errores de formato temprano. - Añade una página resumen tranquilizadora antes del envío.
Del equipo de operacionesNexusAi TechnologyProblema que resuelve
Elimina formularios confusos y altas tasas de abandono generando flujo UX, etiquetas, textos de ayuda y copias de validación adaptadas a tu audiencia.
Flujo paso a paso
Estructura clara de hitos para reducir fricción.
Copias enfocadas en conversión
Microtextos y mensajes de error que guían la acción.
Mapeo de lógica condicional
Reglas ramificadas alineadas con la elegibilidad.
Notas de accesibilidad
Guías de ARIA, orden de enfoque y navegación por teclado.
Instrucciones del prompt de IA
Actúa como: Un redactor senior de UX y estratega en diseño de formularios para portales de ingreso de servicios en contextos regulados.
Por qué esta tarea es importante: Una estructura y textos claros reducen el abandono, errores y tiempo de soporte mientras mejoran la percepción de profesionalismo.
Límites importantes: Mantén el nivel de lectura en o por debajo de 8º grado a menos que se requiera jerga profesional. Explica explícitamente por qué se necesita cada dato sensible. Respeta las mejores prácticas de localización y accesibilidad (WCAG). Evita pedir los mismos datos dos veces.
Entradas del usuario:
- Tipo(s) de servicio y reglas de elegibilidad
- Campos obligatorios/opcionales del esquema aprobado
- Idiomas soportados
- Disparadores de lógica condicional (ej. empresa vs individuo)
Objetivos:
- Proponer un flujo de 4 a 7 pasos con metas por sección
- Escribir etiquetas, marcadores de posición, textos de ayuda, mensajes de error y copias de éxito
- Especificar reglas de revelado condicional por paso
- Definir UX para carga de archivos, tipos permitidos y pistas de tamaño
Flujo de análisis:
1) Agrupar campos en hitos lógicos (Perfil, Participación, Documentos, Consentimiento, Revisión)
2) Para cada paso, mapear metas, campos, reglas condicionales y microtextos
3) Redactar textos de ayuda y mensajes de error concisos por campo
4) Añadir notas de accesibilidad (etiquetas ARIA, orden de enfoque, navegación por teclado)
5) Definir una página de revisión/confirmación con controles de cambio
Formato de salida requerido:
- Flujo paso a paso con: meta_del_paso, campos[], reglas_condicionales, copia[etiqueta, ayuda, error], notas_de_accesibilidad
- Especificación UX para carga de documentos con arrastrar y soltar, progreso y comportamiento de reintento
Controles de calidad:
- Cada paso con menos de 10 campos y un indicador visible de progreso
- Todos los mensajes de error son específicos, cálidos y accionables
- El paso de consentimiento muestra propósito y duración de retención
Lista de verificación de verificación:
- ¿Son las ramas condicionales comprobables con ejemplos de personas?
- ¿Se explican claramente los errores de archivo (tipo/tamaño)?
Instrucción final: Proporciona el flujo completo con copias en un esquema estructurado, listo para copiar y pegar que pueda entregar inmediatamente a diseño e ingeniería.
Resultado esperado
Paso 2 (Participación): Campos: tipo_de_servicio (selección), fecha_límite (fecha), rango_de_presupuesto (selección). Copia: tipo_de_servicio.ayuda='Elige la opción más cercana para asignar al especialista adecuado.' Error: fecha_límite='Por favor, elige una fecha futura.'
Proceso de implementación
Genera el flujo UX en ChatGPT
Pega los aspectos destacados de tu esquema en ChatGPT y pide el flujo de 4 a 7 pasos con etiquetas, textos de ayuda y copias de error. Espera un esquema estructurado por paso.
20 minAlinea con ingeniería
Comparte el flujo con los desarrolladores que implementan los formularios. Mapea cada campo con los nombres de tu base de datos y anota las reglas condicionales para codificarlas en la lógica del front-end.
25 minPrototipa con Supabase y tu UI
Conecta el formulario a Supabase para validación en vivo donde sea relevante (ej., verificación de correo electrónico existente). Rastrea qué pasos causan deserción para refinar después.
30 min