Conteúdo & Copy
Copy para Empty States (Telas Vazias)
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
- Copie o prompt abaixo no Claude ou ChatGPT
- Liste as telas do seu app que podem estar vazias
- Receba copy + sugestão visual para cada empty state
- 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
Skills relacionadas
Conteúdo & Copy
Gerador de Headlines com Framework AIDA
Criar headlines de alta conversão usando o framework AIDA (Atenção, Interesse, Desejo, Ação) para qualquer tipo de con…
Conteúdo & Copy
Criador de Hooks para Reels e TikTok
Gerar hooks (ganchos de abertura) irresistíveis para os primeiros 3 segundos de vídeos curtos no Instagram Reels e Tik…
Conteúdo & Copy
Headlines de Alta Conversão para Landing Pages
Criar headlines estratégicas para o topo de landing pages que comunicam valor imediato, retêm o visitante e aumentam a…