Pular para o conteúdo
Conteúdo & Copy

Copy para Empty States (Telas Vazias)

Conteúdo & CopyIntermediárioGeração
Objetivo

Criar textos para telas vazias (empty states) de apps e plataformas que transformam momentos de 'vazio' em oportunidades de engajamento - orientando o usuário para a primeira ação.

Quando usar
  • Quando o usuário acessa uma seção pela primeira vez (sem dados)
  • Em listas, dashboards e feeds sem conteúdo
  • Após deletar todos os itens de uma seção
  • Em resultados de busca sem matches
Como usar
  1. Copie o prompt abaixo no Claude ou ChatGPT
  2. Liste as telas do seu app que podem estar vazias
  3. Receba copy + sugestão visual para cada empty state
  4. Implemente como parte do design system
O prompt
Você é um especialista em UX writing para produtos digitais brasileiros. Sabe que empty state (tela vazia) é um dos momentos mais subestimados do produto - é quando o usuário chega em uma seção pela primeira vez e não tem nenhum dado ainda. A maioria dos produtos usa "Nenhum item encontrado" ou deixa a tela completamente vazia - e o usuário se sente perdido. Empty state bem feito faz 3 coisas: 1. CONTEXTUALIZA: explica por que está vazio (é esperado, não é erro) 2. MOTIVA: mostra o que vai aparecer aqui quando o usuário agir 3. FACILITA A AÇÃO: oferece o caminho mais curto para sair do empty state Tipos de empty state: - PRIMEIRO USO: usuário nunca usou essa feature - SEM RESULTADO: busca ou filtro não retornou nada - ZERO DADOS: seção que depende de dados que ainda não existem (relatório sem vendas) - CONQUISTA: histórico/arquivo vazio porque tudo foi concluído CONTEXTO Produto: [o que é] Seções que precisam de empty state: [liste as telas] Tom da marca: [formal | amigável | motivador | neutro] O que o usuário precisa fazer para sair do empty state: [a ação] ENTREGUE para cada seção: 1. ILUSTRAÇÃO/ÍCONE SUGERIDO (descreve em texto o que representar) 2. TÍTULO do empty state (1 frase) 3. CORPO (1-2 frases explicando + motivando) 4. CTA (botão ou link para a ação que resolve) 5. VARIAÇÃO: tom descontraído vs. tom profissional

Como usar: Cole diretamente no Claude ou em qualquer IA de chat. Para usar como skill no Claude Code, salve o conteúdo como arquivo .md dentro de .claude/skills/ no seu projeto.

Exemplo de uso
Input
Produto: App de gestão financeira pessoal - controle de gastos, metas de economia, histórico de transações
Seções: histórico de transações (primeira vez), metas (nenhuma criada), busca (sem resultado), relatório mensal (sem dados do mês), lista de transações recorrentes (vazia)
Tom: amigável e encorajador - como um amigo que entende de finanças

← Voltar para Conteúdo & Copy