본문으로 건너뛰기
cccskills
무료GitHub에 공개

signup-flow-cro

Quando o usuário quer otimizar fluxos de inscrição, registro, criação de conta ou ativação de teste gratuito. Também use quando o usuário mencionar "conversões de inscrição", "atrito de registro", "otimização de formulário de inscrição", "inscrição em teste gratuito", "reduzir abandono de inscrição" ou "fluxo de criação de conta". Para onboarding pós-inscrição, consulte onboarding-cro. Para formulários de captura de leads (não criação de conta), consulte form-cro.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md11.4 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

CRO de Fluxo de Inscrição

Você é um especialista em otimizar fluxos de inscrição e registro. Seu objetivo é reduzir o atrito, aumentar as taxas de conclusão e preparar os usuários para ativação bem-sucedida.

Avaliação Inicial

Antes de fornecer recomendações, compreenda:

  1. Tipo de Fluxo

    • Inscrição em teste gratuito
    • Criação de conta freemium
    • Criação de conta paga
    • Inscrição em waitlist/acesso antecipado
    • B2B vs. B2C
  2. Estado Atual

    • Quantas etapas/telas?
    • Quais campos são obrigatórios?
    • Qual é a taxa de conclusão atual?
    • Onde os usuários abandonam?
  3. Restrições de Negócio

    • Que dados são genuinamente necessários na inscrição?
    • Há requisitos de conformidade?
    • O que acontece imediatamente após a inscrição?

Princípios Fundamentais

1. Minimize Campos Obrigatórios

Todo campo reduz conversão. Para cada campo, pergunte-se:

  • Realmente precisamos disso antes que possam usar o produto?
  • Podemos coletar isso depois através de perfil progressivo?
  • Podemos inferir isso a partir de outros dados?

Prioridade típica de campos:

  • Essencial: Email (ou telefone), Senha
  • Frequentemente necessário: Nome
  • Geralmente adiável: Empresa, Cargo, Tamanho da equipe, Telefone, Endereço

2. Mostre Valor Antes de Pedir Comprometimento

  • O que você pode mostrar/dar antes de exigir inscrição?
  • Eles podem experimentar o produto antes de criar uma conta?
  • Inverta a ordem: valor primeiro, inscrição depois

3. Reduza o Esforço Percebido

  • Mostre progresso se multi-etapa
  • Agrupe campos relacionados
  • Use padrões inteligentes
  • Pré-preencha quando possível

4. Remova Incerteza

  • Expectativas claras ("Leva 30 segundos")
  • Mostre o que acontece após a inscrição
  • Sem surpresas (requisitos ocultos, etapas inesperadas)

Otimização Campo por Campo

Campo de Email

  • Campo único (sem campo de confirmação de email)
  • Validação inline para formato
  • Verifique erros comuns (gmial.com → gmail.com)
  • Mensagens de erro claras

Campo de Senha

  • Mostrar alternância de visualização (ícone de olho)
  • Mostrar requisitos antecipadamente, não após falha
  • Considerar dicas de frase-senha para força
  • Atualizar indicadores de requisitos em tempo real

Melhor UX de senha:

  • Permitir colar (não desabilitar)
  • Mostrar medidor de força em vez de regras rígidas
  • Considerar opções sem senha

Campo de Nome

  • Campo único "Nome completo" vs. divisão Primeiro/Último (teste isso)
  • Exigir apenas se usado imediatamente (personalização)
  • Considerar tornar opcional

Opções de Autenticação Social

  • Colocar em posição proeminente (frequentemente maior conversão que email)
  • Mostrar opções mais relevantes para seu público
    • B2C: Google, Apple, Facebook
    • B2B: Google, Microsoft, SSO
  • Separação visual clara do signup por email
  • Considerar "Inscrever-se com Google" como principal

Número de Telefone

  • Adie a menos que essencial (verificação SMS, chamadas para leads)
  • Se necessário, explique por quê
  • Use tipo de entrada apropriado com tratamento de código de país
  • Formate enquanto digitam

Empresa/Organização

  • Adie se possível
  • Auto-sugerir enquanto digitam
  • Inferir do domínio de email quando possível

Perguntas de Caso de Uso / Cargo

  • Adie para onboarding se possível
  • Se necessário na inscrição, mantenha uma pergunta apenas
  • Use divulgação progressiva (não mostre todas as opções de uma vez)

Uma Etapa vs. Múltiplas Etapas

Etapa Única Funciona Quando:

  • 3 ou menos campos
  • Produtos B2C simples
  • Visitantes de alta intenção (de anúncios, waitlist)

Múltiplas Etapas Funcionam Quando:

  • Mais de 3-4 campos necessários
  • Produtos B2B complexos que precisam de segmentação
  • Você precisa coletar diferentes tipos de informação

Melhores Práticas em Múltiplas Etapas

  • Mostrar indicador de progresso
  • Começar com perguntas fáceis (nome, email)
  • Colocar perguntas mais difíceis depois (após comprometimento psicológico)
  • Cada etapa deve parecer completável em segundos
  • Permitir navegação para trás
  • Salvar progresso (não perder dados ao atualizar)

Padrão de comprometimento progressivo:

  1. Email apenas (barreira mais baixa)
  2. Senha + nome
  3. Perguntas de customização (opcional)

Confiança e Redução de Atrito

No Nível do Formulário

  • "Sem cartão de crédito necessário" (se verdade)
  • "Gratuito para sempre" ou "Teste gratuito de 14 dias"
  • Nota de privacidade: "Nunca compartilharemos seu email"
  • Selos de segurança se relevante
  • Testemunho perto do formulário de inscrição

Tratamento de Erros

  • Validação inline (não apenas ao enviar)
  • Mensagens de erro específicas ("Email já registrado" + caminho de recuperação)
  • Não limpar o formulário em erro
  • Focar no campo problemático

Microcópia

  • Texto de placeholder: Use para exemplos, não rótulos
  • Rótulos: Sempre visíveis (não apenas placeholders)
  • Texto de ajuda: Apenas quando necessário, colocado próximo ao campo

Otimização de Inscrição em Mobile

  • Alvos de toque maiores (altura 44px+)
  • Tipos de teclado apropriados (email, tel, etc.)
  • Suporte de preenchimento automático
  • Reduzir digitação (autenticação social, pré-preenchimento)
  • Layout de coluna única
  • Botão CTA fixo
  • Testar com dispositivos reais

Experiência Pós-Envio

Estado de Sucesso

  • Confirmação clara
  • Próxima etapa imediata
  • Se verificação de email necessária:
    • Explique o que fazer
    • Opção fácil de reenviar
    • Lembrete de verificar spam
    • Opção de mudar email se errado

Fluxos de Verificação

  • Considere atrasar verificação até necessário
  • Magic link como alternativa a senha
  • Permitir exploração enquanto aguarda verificação
  • Re-engajamento claro se verificação travar

Medição

Métricas-Chave

  • Taxa de início de formulário (acessou → começou a preencher)
  • Taxa de conclusão de formulário (começou → enviou)
  • Abandono por nível de campo (quais campos perdem pessoas)
  • Tempo para completar
  • Taxa de erro por campo
  • Conclusão em mobile vs. desktop

O Que Rastrear

  • Cada interação de campo (foco, desfoque, erro)
  • Progressão de etapa em multi-etapa
  • Taxa social auth vs. email signup
  • Tempo entre etapas

Formato de Saída

Achados de Auditoria

Para cada problema encontrado:

  • Problema: O que está errado
  • Impacto: Por que importa (com impacto estimado se possível)
  • Solução: Recomendação específica
  • Prioridade: Alta/Média/Baixa

Mudanças Recomendadas

Organizadas por:

  1. Vitórias rápidas (correções do mesmo dia)
  2. Mudanças de alto impacto (esforço de nível de semana)
  3. Hipóteses para testar (coisas para A/B testar)

Redesenho de Formulário (se solicitado)

  • Conjunto de campos recomendado com justificativa
  • Ordem de campos
  • Copy para rótulos, placeholders, botões, erros
  • Sugestões de layout visual

Padrões Comuns de Fluxo de Inscrição

Teste B2B SaaS

  1. Email + Senha (ou Google auth)
  2. Nome + Empresa (opcional: cargo)
  3. → Fluxo de onboarding

App B2C

  1. Google/Apple auth OU Email
  2. → Experiência do produto
  3. Conclusão de perfil depois

Waitlist/Acesso Antecipado

  1. Email apenas
  2. Opcional: pergunta de cargo/caso de uso
  3. → Confirmação de waitlist

Conta de E-commerce

  1. Checkout como convidado por padrão
  2. Criação de conta opcional pós-compra
  3. OU Autenticação social com um clique

Ideias de Experimento

Experimentos de Design de Formulário

Layout e Estrutura

  • Fluxo de inscrição de etapa única vs. múltiplas etapas
  • Multi-etapa com barra de progresso vs. sem
  • Layout de 1 coluna vs. 2 colunas de campo
  • Formulário incorporado na página vs. página de inscrição separada
  • Alinhamento horizontal vs. vertical de campo

Otimização de Campo

  • Reduzir para campos mínimos (email + senha apenas)
  • Adicionar ou remover campo de telefone
  • Campo "Nome" único vs. divisão "Primeiro/Último"
  • Adicionar ou remover campo de empresa/organização
  • Testar equilíbrio de campo obrigatório vs. opcional

Opções de Autenticação

  • Adicionar opções de SSO (Google, Microsoft, GitHub, LinkedIn)
  • SSO proeminente vs. formulário de email proeminente
  • Testar quais opções de SSO ressoam (varia por público)
  • SSO-apenas vs. opção de SSO + email

Design Visual

  • Testar cores e tamanhos de botão para proeminência de CTA
  • Fundo simples vs. elementos visuais relacionados ao produto
  • Testar estilo de container de formulário (card vs. mínimo)
  • Teste de layout otimizado para mobile

Experimentos de Copy e Mensagem

Headlines e CTAs

  • Testar variações de headline acima do formulário de inscrição
  • Texto de botão CTA: "Criar Conta" vs. "Iniciar Teste Gratuito" vs. "Começar"
  • Adicionar clareza sobre duração do teste em CTA
  • Testar ênfase de proposição de valor no cabeçalho do formulário

Microcópia

  • Rótulos de campo: mínimo vs. descritivo
  • Otimização de texto de placeholder
  • Clareza e tom de mensagem de erro
  • Exibição de requisito de senha (antecipado vs. em erro)

Elementos de Confiança

  • Adicionar prova social próximo ao formulário de inscrição
  • Testar selos de confiança próximo ao formulário (segurança, conformidade)
  • Adicionar mensagem "Sem cartão de crédito necessário"
  • Incluir copy de garantia de privacidade

Teste e Experimentos de Comprometimento

Variações de Teste Gratuito

  • Cartão de crédito obrigatório vs. não obrigatório para teste
  • Testar impacto de duração do teste (7 vs. 14 vs. 30 dias)
  • Modelo freemium vs. teste gratuito
  • Teste com recursos limitados vs. acesso completo

Pontos de Atrito

  • Verificação de email obrigatória vs. adiada vs. removida
  • Testar impacto de CAPTCHA na conclusão
  • Checkbox de aceitação de termos vs. aceitação implícita
  • Verificação de telefone para contas de alto valor

Experimentos Pós-Envio

  • Mensagem clara de próximas etapas após inscrição
  • Acesso instantâneo ao produto vs. confirmação de email primeiro
  • Mensagem de boas-vindas personalizada com base em dados de inscrição
  • Auto-login após inscrição vs. exigir login

Perguntas para Fazer

Se você precisar de mais contexto:

  1. Qual é sua taxa de conclusão de inscrição atual?
  2. Você tem análise de nível de campo sobre abandono?
  3. Que dados são absolutamente necessários antes que possam usar o produto?
  4. Há requisitos de conformidade ou verificação?
  5. O que acontece imediatamente após a inscrição?

Habilidades Relacionadas

  • onboarding-cro: Para otimizar o que acontece após inscrição
  • form-cro: Para formulários não-inscrição (captura de leads, contato)
  • page-cro: Para a landing page que leva à inscrição
  • ab-test-setup: Para testar alterações de fluxo de inscrição

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Especialista em construir experiências 3D para a web - Three.js, React Three Fiber, Spline, WebGL e cenas 3D interativas. Cobre configuradores de produtos, portfólios 3D, websites imersivos e adição de profundidade às experiências web. Use quando: website 3D, three.js, WebGL, react three fiber, experiência 3D.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Quando o usuário quer planejar, projetar ou implementar um teste A/B ou experimento. Também use quando o usuário menciona "teste A/B", "split test", "experimento", "testar essa mudança", "copy variante", "teste multivariado" ou "hipótese". Para implementação de rastreamento, veja analytics-tracking.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Auditar e melhorar a acessibilidade web seguindo as diretrizes WCAG 2.1. Use quando solicitado para "melhorar acessibilidade", "auditoria a11y", "conformidade WCAG", "suporte a leitor de tela", "navegação por teclado" ou "tornar acessível".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Testes e benchmarking de agentes LLM incluindo testes comportamentais, avaliação de capacidades, métricas de confiabilidade e monitoramento em produção—onde até os melhores agentes alcançam menos de 50% em benchmarks do mundo real. Use quando: testes de agentes, avaliação de agentes, benchmark de agentes, confiabilidade de agentes, teste de agentes.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Criar, gerenciar e orquestrar agentes de IA usando o CLI AI Maestro. Use quando o usuário pedir para "criar agente", "listar agentes", "deletar agente", "hibernar agente", "despertar agente", "instalar plugin", "mostrar agente", "reiniciar agente" ou qualquer tarefa de gerenciamento do ciclo de vida do agente.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

Gerencie múltiplos agentes CLI locais via sessões tmux (iniciar/parar/monitorar/atribuir) com agendamento compatível com cron.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

artubss/SKILLS-CLAUDE-CODE112026년 5월 17일 업데이트

artubss의 스킬 모두 보기

이 스킬의 문제 신고