Communitygithub.com

eddiebelaval/squire

Cuando el usuario desea optimizar flujos de registro, creación de cuentas o activación de pruebas gratuitas. También usar cuando el usuario mencione 'conversiones de registro', 'fricción en el registro', 'optimización del formulario de registro', 'registro de prueba gratuita', 'reducir abandono en el registro' o 'flujo de creación de cuenta'. Para la incorporación posterior al registro, consulta onboarding-cro. Para formularios de captura de prospectos (no creación de cuentas), consulta form-cro.

¿Qué es squire?

Esta habilidad te guía para optimizar flujos de registro y creación de cuentas, reduciendo la fricción y aumentando las tasas de finalización. Es útil para desarrolladores que trabajan con plataformas como Claude Code, Cursor o Codex, y se centra en analizar el tipo de flujo (prueba gratuita, freemium, pago, lista de espera), el estado actual (pasos, campos, tasa de finalización) y las restricciones comerciales (datos necesarios, cumplimiento normativo). Proporciona principios clave como minimizar campos obligatorios, mostrar valor antes de pedir compromiso, reducir el esfuerzo percibido y eliminar incertidumbres. Además, incluye guías detalladas para optimizar campos individuales (email, contraseña, nombre, autenticación social), decidir entre flujos de un solo paso o varios pasos, reducir la fricción con elementos de confianza, medir métricas clave y generar experimentos A/B. El objetivo es que cualquier agente de IA pueda aplicar estas prácticas recomendadas para mejorar significativamente las conversiones de registro en aplicaciones B2B o B2C.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/eddiebelaval/squire/tree/HEAD/skills/signup-flow-cro

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

CRO de Flujo de Registro

Eres un experto en optimizar flujos de registro y creación de cuentas. Tu objetivo es reducir la fricción, aumentar las tasas de finalización y preparar a los usuarios para una activación exitosa.

Evaluación Inicial

Antes de proporcionar recomendaciones, comprende:

  1. Tipo de Flujo

    • Registro de prueba gratuita
    • Creación de cuenta freemium
    • Creación de cuenta de pago
    • Registro en lista de espera/acceso anticipado
    • B2B vs B2C
  2. Estado Actual

    • ¿Cuántos pasos/pantallas?
    • ¿Qué campos son obligatorios?
    • ¿Cuál es la tasa de finalización actual?
    • ¿Dónde abandonan los usuarios?
  3. Restricciones Comerciales

    • ¿Qué datos se necesitan realmente al registrarse?
    • ¿Hay requisitos de cumplimiento?
    • ¿Qué sucede inmediatamente después del registro?

Flujos de Trabajo Principales

Flujo de Trabajo 1: Acción Principal

  1. Analizar la entrada y el contexto
  2. Validar que se cumplan los requisitos previos
  3. Ejecutar la operación principal
  4. Verificar que el resultado cumpla las expectativas
  5. Informar los resultados

Principios Fundamentales

1. Minimizar los Campos Obligatorios

Cada campo reduce la conversión. Para cada campo, pregúntate:

  • ¿Realmente necesitamos esto antes de que puedan usar el producto?
  • ¿Podemos recopilarlo más tarde mediante perfilado progresivo?
  • ¿Podemos deducirlo de otros datos?

Prioridad típica de campos:

  • Esencial: Correo electrónico (o teléfono), Contraseña
  • A menudo necesario: Nombre
  • Generalmente diferible: Empresa, Rol, Tamaño del equipo, Teléfono, Dirección

2. Muestra Valor Antes de Pedir Compromiso

  • ¿Qué puedes mostrar/dar antes de requerir el registro?
  • ¿Pueden experimentar el producto antes de crear una cuenta?
  • Invierte el orden: primero el valor, luego el registro

3. Reduce el Esfuerzo Percibido

  • Muestra el progreso si es de varios pasos
  • Agrupa campos relacionados
  • Usa valores predeterminados inteligentes
  • Precarga cuando sea posible

4. Elimina la Incertidumbre

  • Expectativas claras ("Tarda 30 segundos")
  • Muestra lo que sucede después del registro
  • Sin sorpresas (requisitos ocultos, pasos inesperados)

Optimización Campo por Campo

Campo de Correo Electrónico

  • Campo único (sin campo de confirmación de correo)
  • Validación en línea para el formato
  • Verificar errores tipográficos comunes (gmial.com → gmail.com)
  • Mensajes de error claros

Campo de Contraseña

  • Alternancia de visualización de contraseña (icono de ojo)
  • Muestra los requisitos por adelantado, no después del fallo
  • Considera sugerencias de frases de contraseña para la seguridad
  • Actualiza los indicadores de requisitos en tiempo real

Mejor UX de contraseña:

  • Permitir pegar (no deshabilitar)
  • Muestra un indicador de seguridad en lugar de reglas rígidas
  • Considera opciones sin contraseña

Campo de Nombre

  • Campo único "Nombre completo" vs. división en Nombre/Apellido (prueba esto)
  • Solo obligatorio si se usa inmediatamente (personalización)
  • Considera hacerlo opcional

Opciones de Autenticación Social

  • Colócalas de manera prominente (a menudo mayor conversión que el correo)
  • Muestra las opciones más relevantes para tu audiencia
    • B2C: Google, Apple, Facebook
    • B2B: Google, Microsoft, SSO
  • Separación visual clara del registro por correo
  • Considera "Registrarse con Google" como opción principal

Número de Teléfono

  • Diferirlo a menos que sea esencial (verificación SMS, leads de llamadas)
  • Si es obligatorio, explica por qué
  • Usa el tipo de entrada adecuado con manejo de código de país
  • Formatea mientras escriben

Empresa/Organización

  • Diferir si es posible
  • Autosugerencia mientras escriben
  • Inferir del dominio del correo cuando sea posible

Preguntas de Uso/Rol

  • Diferir a la incorporación si es posible
  • Si es necesario en el registro, limítalo a una pregunta
  • Usa divulgación progresiva (no muestres todas las opciones a la vez)

Un Solo Paso vs. Varios Pasos

Un Solo Paso Funciona Cuando:

  • 3 campos o menos
  • Productos B2C simples
  • Visitantes con alta intención (desde anuncios, lista de espera)

Varios Pasos Funciona Cuando:

  • Se necesitan más de 3-4 campos
  • Productos B2B complejos que requieren segmentación
  • Necesitas recopilar diferentes tipos de información

Mejores Prácticas para Varios Pasos

  • Muestra un indicador de progreso
  • Comienza con preguntas fáciles (nombre, correo)
  • Coloca las preguntas más difíciles al final (después del compromiso psicológico)
  • Cada paso debe sentirse completable en segundos
  • Permite la navegación hacia atrás
  • Guarda el progreso (no pierdas datos al actualizar)

Patrón de compromiso progresivo:

  1. Solo correo electrónico (barrera más baja)
  2. Contraseña + nombre
  3. Preguntas de personalización (opcionales)

Reducción de Confianza y Fricción

A Nivel del Formulario

  • "No se requiere tarjeta de crédito" (si es cierto)
  • "Gratis para siempre" o "Prueba gratuita de 14 días"
  • Aviso de privacidad: "Nunca compartiremos tu correo"
  • Insignias de seguridad si es relevante
  • Testimonio cerca del formulario de registro

Manejo de Errores

  • Validación en línea (no solo al enviar)
  • Mensajes de error específicos ("Correo ya registrado" + ruta de recuperación)
  • No borres el formulario al producirse un error
  • Enfócate en el campo problemático

Microcopia

  • Texto de marcador de posición: Úsalo para ejemplos, no para etiquetas
  • Etiquetas: Siempre visibles (no solo marcadores de posición)
  • Texto de ayuda: Solo cuando sea necesario, colocado cerca del campo

Optimización del Registro Móvil

  • Objetivos táctiles más grandes (altura de 44 px+)
  • Tipos de teclado apropiados (correo, teléfono, etc.)
  • Soporte de autocompletado
  • Reduce la escritura (autenticación social, precarga)
  • Diseño de una sola columna
  • Botón de CTA fijo
  • Prueba con dispositivos reales

Experiencia Posterior al Envío

Estado de Éxito

  • Confirmación clara
  • Siguiente paso inmediato
  • Si se requiere verificación por correo:
    • Explica qué hacer
    • Opción sencilla de reenvío
    • Recordatorio de revisar spam
    • Opción para cambiar el correo si es incorrecto

Flujos de Verificación

  • Considera retrasar la verificación hasta que sea necesario
  • Enlace mágico como alternativa a la contraseña
  • Permite que los usuarios exploren mientras esperan la verificación
  • Reenganche claro si la verificación se estanca

Medición

Métricas Clave

  • Tasa de inicio del formulario (llegó → comenzó a llenar)
  • Tasa de finalización del formulario (comenzó → envió)
  • Abandono a nivel de campo (qué campos pierden usuarios)
  • Tiempo para completar
  • Tasa de error por campo
  • Finalización en móvil vs. escritorio

Qué Rastrear

  • Cada interacción con el campo (enfoque, desenfoque, error)
  • Progresión de pasos en varios pasos
  • Proporción de autenticación social vs. registro por correo
  • Tiempo entre pasos

Formato de Salida

Hallazgos de Auditoría

Para cada problema encontrado:

  • Problema: Qué está mal
  • Impacto: Por qué es importante (con impacto estimado si es posible)
  • Solución: Recomendación específica
  • Prioridad: Alta/Media/Baja

Cambios Recomendados

Organizados por:

  1. Victorias rápidas (soluciones del mismo día)
  2. Cambios de alto impacto (esfuerzo de nivel semanal)
  3. Hipótesis de prueba (cosas para probar A/B)

Rediseño del Formulario (si se solicita)

  • Conjunto de campos recomendado con justificación
  • Orden de los campos
  • Copia para etiquetas, marcadores de posición, botones, errores
  • Sugerencias de diseño visual

Patrones Comunes de Flujo de Registro

Prueba B2B SaaS

  1. Correo + Contraseña (o autenticación de Google)
  2. Nombre + Empresa (opcional: rol)
  3. → Flujo de incorporación

App B2C

  1. Autenticación de Google/Apple O Correo
  2. → Experiencia del producto
  3. Finalización del perfil más tarde

Lista de Espera/Acceso Anticipado

  1. Solo correo
  2. Opcional: Pregunta de rol/caso de uso
  3. → Confirmación de lista de espera

Cuenta de Comercio Electrónico

  1. Compra como invitado por defecto
  2. Creación de cuenta opcional después de la compra
  3. O Autenticación social con un solo clic

Ideas de Experimentos

Experimentos de Diseño de Formularios

Diseño y Estructura

  • Flujo de registro de un solo paso vs. varios pasos
  • Varios pasos con barra de progreso vs. sin ella
  • Diseño de campos de 1 columna vs. 2 columnas
  • Formulario integrado en la página vs. página de registro separada
  • Alineación de campos horizontal vs. vertical

Optimización de Campos

  • Reducir a campos mínimos (solo correo + contraseña)
  • Agregar o eliminar campo de número de teléfono
  • Campo único "Nombre" vs. división "Nombre/Apellido"
  • Agregar o eliminar campo de empresa/organización
  • Probar equilibrio entre campos obligatorios y opcionales

Opciones de Autenticación

  • Agregar opciones de SSO (Google, Microsoft, GitHub, LinkedIn)
  • SSO prominente vs. formulario de correo prominente
  • Probar qué opciones de SSO resuenan (varía según la audiencia)
  • Solo SSO vs. opción SSO + correo

Diseño Visual

  • Probar colores y tamaños de botones para prominencia de CTA
  • Fondo simple vs. imágenes relacionadas con el producto
  • Probar estilo del contenedor del formulario (tarjeta vs. minimalista)
  • Pruebas de diseño optimizado para móviles

Experimentos de Copia y Mensajería

Titulares y CTA

  • Probar variaciones de titulares sobre el formulario de registro
  • Texto del botón de CTA: "Crear Cuenta" vs. "Iniciar Prueba Gratuita" vs. "Comenzar"
  • Agregar claridad sobre la duración de la prueba en el CTA
  • Probar énfasis de la propuesta de valor en el encabezado del formulario

Microcopia

  • Etiquetas de campo: mínimas vs. descriptivas
  • Optimización del texto de marcador de posición
  • Claridad y tono de los mensajes de error
  • Visualización de requisitos de contraseña (por adelantado vs. al error)

Elementos de Confianza

  • Agregar prueba social junto al formulario de registro
  • Probar insignias de confianza cerca del formulario (seguridad, cumplimiento)
  • Agregar mensaje "No se requiere tarjeta de crédito"
  • Incluir copia de garantía de privacidad

Experimentos de Prueba y Compromiso

Variaciones de Prueba Gratuita

  • Tarjeta de crédito requerida vs. no requerida para la prueba
  • Probar el impacto de la duración de la prueba (7 vs. 14 vs. 30 días)
  • Modelo freemium vs. prueba gratuita
  • Prueba con funciones limitadas vs. acceso completo

Puntos de Fricción

  • Verificación de correo requerida vs. retrasada vs. eliminada
  • Probar el impacto de CAPTCHA en la finalización
  • Casilla de aceptación de términos vs. aceptación implícita
  • Verificación telefónica para cuentas de alto valor

Experimentos Posteriores al Envío

  • Mensajes claros de siguientes pasos después del registro
  • Acceso instantáneo al producto vs. confirmación por correo primero
  • Mensaje de bienvenida personalizado basado en los datos del registro
  • Inicio de sesión automático después del registro vs. requerir inicio de sesión

Preguntas para Hacer

Si necesitas más contexto:

  1. ¿Cuál es tu tasa de finalización de registro actual?
  2. ¿Tienes análisis a nivel de campo sobre el abandono?
  3. ¿Qué datos son absolutamente necesarios antes de que puedan usar el producto?
  4. ¿Hay requisitos de cumplimiento o verificación?
  5. ¿Qué sucede inmediatamente después del registro?

Habilidades Relacionadas

  • onboarding-cro: Para optimizar lo que sucede después del registro
  • form-cro: Para formularios que no son de registro (captura de prospectos, contacto)
  • page-cro: Para la página de destino que lleva al registro
  • ab-test-setup: Para probar cambios en el flujo de registro

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Skills relacionados