← Início
#076

Copy para Empty States (Telas Vazias)

Conteúdo & Copy Intermediário Geraçã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
  • 1Copie o prompt abaixo no Claude ou ChatGPT
  • 2Liste as telas do seu app que podem estar vazias
  • 3Receba copy + sugestão visual para cada empty state
  • 4Implemente 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
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
Output
EMPTY STATES - App de Gestão Financeira 1. HISTÓRICO DE TRANSAÇÕES (primeiro uso) Ícone sugerido: ilustração leve de uma carteira aberta vazia ou moedas com um sinal de "mais" Título: "Suas finanças começam aqui" Corpo: "Adicione sua primeira transação - uma compra, um pagamento, um salário. Cada registro que você fizer vai aparecendo aqui e vai te dar uma visão clara do que entra e sai." CTA: [Adicionar primeira transação] Tom descontraído: "Que tal registrar o que você gastou hoje? Pode ser o café da manhã. Cada real conta." Tom profissional: "Registre sua primeira movimentação para iniciar o controle financeiro." 2. METAS DE ECONOMIA (nenhuma criada) Ícone sugerido: ilustração de um cofre ou bandeira de chegada - levemente animada se possível Título: "Você ainda não tem nenhuma meta" Corpo: "Criar uma meta é o primeiro passo para economizar de verdade. Pode ser uma viagem, uma reserva de emergência ou qualquer objetivo - o app acompanha o progresso automaticamente." CTA: [Criar minha primeira meta] Tom descontraído: "Sonho com destino e prazo vira meta. O que você quer guardar dinheiro para fazer?" Tom profissional: "Defina objetivos financeiros mensuráveis e acompanhe seu progresso." 3. BUSCA SEM RESULTADO Ícone sugerido: lupa com interrogação ou cara expressiva de "não achei" Título: "Nenhuma transação com esse nome" Corpo: "Tenta com palavras diferentes ou confere se o período de data está certo. Transações antigas podem estar em outro mês." CTA: [Limpar filtros] ou [Ver todas as transações] Tom descontraído: "Hmm, nada apareceu aqui. Tenta um termo diferente ou muda o período de busca." Tom profissional: "Nenhum resultado encontrado para este filtro. Ajuste os critérios de busca ou expanda o período." 4. RELATÓRIO MENSAL (sem dados do mês) Ícone sugerido: gráfico de barras vazio ou calendário com "0" Título: "Ainda sem dados esse mês" Corpo: "O relatório aparece conforme você vai registrando transações. Adicione as movimentações de [mês atual] e o gráfico vai se montando automaticamente." CTA: [Adicionar transação de hoje] Tom descontraído: "O mês acabou de começar! Registra os gastos de hoje e o relatório começa a tomar forma." Tom profissional: "Nenhuma transação registrada para este período. Adicione movimentações para gerar o relatório." 5. TRANSAÇÕES RECORRENTES (vazia) Ícone sugerido: seta circular (ícone de recorrência) com fundo neutro Título: "Nenhuma transação recorrente configurada" Corpo: "Você pode configurar aqui os gastos que se repetem todo mês - aluguel, assinaturas, salário. Assim você não precisa registrar na mão toda vez e o app avisa quando a data chegar." CTA: [Configurar transação recorrente] Tom descontraído: "Netflix, academia, aluguel... tudo que paga todo mês pode ficar aqui. Configura uma vez, o app lembra sempre." Tom profissional: "Configure despesas e receitas recorrentes para automatizar o registro mensal."