Microcopy e design de estados vazios, de erro e de carregamento

Cria o inventário de estados vazios, erros, carregamentos e confirmações de um ecrã, com título, texto, ação principal e notas de acessibilidade prontas para a equipa de produto. Pensado para ChatGPT, Claude, Gemini e Microsoft Copilot. Inclui 5 variáveis personalizáveis e pode copiá-lo gratuitamente com um clique.

Iniciante · Texto · Pendente de revisão editorial

Prompt

Atua como UX writer e designer de produto com experiência em interfaces SaaS.

Contexto:
- Produto: {{produto}}
- Ecrã ou funcionalidade: {{ecra}}
- Tipo de utilizador: {{utilizador}}
- Tom de voz: {{tom}}
- Erros reais que podem ocorrer: {{erros}}

Entregáveis:
1. Inventário dos estados do ecrã: primeira utilização (vazio inicial), sem resultados de pesquisa ou filtro, vazio depois de apagar tudo, carregamento, carregamento lento, erro de ligação, erro de permissões, erro de validação, erro do servidor, sucesso e dados parciais. Acrescenta outros que o contexto exija.
2. Para cada estado: quando aparece, título (máx. 40 caracteres), texto de apoio (máx. 120), ação principal, ação secundária se fizer sentido e sugestão visual (ilustração, ícone, skeleton).
3. Regras de microcopy para este produto: dizer o que aconteceu, porquê e o que o utilizador pode fazer; nunca o culpar; nunca mostrar apenas códigos técnicos.
4. Notas de acessibilidade por estado: anunciar mudanças de conteúdo com aria-live, gerir o foco após um erro, não depender só da cor e dar texto alternativo às ilustrações.
5. Três variantes do estado vazio de primeira utilização para testar com utilizadores.

Restrições:
- Não inventes funcionalidades nem limites do produto; usa [PREENCHER] quando faltar um dado.
- Mantém um tom {{tom}} coerente em todos os estados.
- Se não for claro o que o utilizador pode fazer após um erro, pergunta-me antes de escrever.

Formato: tabela com as colunas Estado, Gatilho, Título, Texto, Ação principal, Ação secundária, Visual, Acessibilidade; depois as regras e as variantes.

Como utilizar

  1. Indica o ecrã concreto e os erros que o teu sistema regista de facto. 2. Revê a tabela com a equipa de desenvolvimento para confirmar cada gatilho. 3. Copia os textos para o ficheiro de design ou para o sistema de traduções.

Exemplo de utilização

Produto: app de gestão de projetos · Ecrã: lista de tarefas · Utilizador: chefe de equipa · Tom: próximo · Erros: sem ligação, sem permissão de edição.

Exemplo de resultado

Estados da lista de tarefas

EstadoQuando apareceTítuloTextoAção principalSecundáriaVisualAcessibilidade
Primeira utilizaçãoProjeto acabado de criarAs tuas tarefas vão aparecer aquiAdiciona a primeira e divide o trabalho com a equipa.Criar tarefaImportar listaIlustração de lista vaziaAlt vazio (decorativa)
Sem resultadosFiltros sem correspondênciaNada com estes filtrosExperimenta outro estado ou responsável.Limpar filtros—Ícone de lupaAnunciar com aria-live="polite"
Sem ligaçãoRede perdidaEstás sem ligaçãoGuardámos as alterações e enviamo-las quando voltares a estar online.Tentar de novo—Nuvem riscadaNão depender só da cor
Sessão expiradaToken expiradoA tua sessão expirouVolta a entrar para continuar; não perdes o que estavas a escrever.Iniciar sessão—Ícone de cadeadoMover o foco para o botão
Sem permissãoUtilizador só de leituraSó podes ver este projetoPede acesso de edição a quem gere o projeto.Pedir acesso—Ícone de olhoExplicar, não só desativar
Ficheiro grandeAnexo acima do limiteEste ficheiro é demasiado grandeO limite é [PREENCHER: limite real]. Experimenta comprimi-lo.Escolher outro ficheiro—Ícone de documentoErro ligado ao campo com aria-describedby

Regras de microcopy

  • Diz o que aconteceu, porquê e o que a pessoa pode fazer.
  • Nunca culpes o utilizador: «Não conseguimos…», não «Falhaste…»…

Dados-chave

Categoria
Design UI/UX · Aplicações SaaS
Tipo de resultado
Texto
Nível
Iniciante
Pensado para
ChatGPT, Claude, Gemini e Microsoft Copilot
Verificado em
Pendente de verificação editorial
Variáveis
Produto, Ecrã ou funcionalidade, Tipo de utilizador, Tom de voz e Erros reais
Idioma
Português
Preço
Gratuito, sem registo
Atualizado
07/11/2026

Perguntas frequentes

Qual a diferença entre o estado vazio de primeira utilização e o de sem resultados?

O de primeira utilização deve explicar o valor da funcionalidade e convidar a criar o primeiro elemento. O de sem resultados deve ajudar a alterar ou limpar a pesquisa e os filtros.

Devo mostrar o código de erro?

Apenas como informação secundária para o suporte. A mensagem principal deve estar em linguagem clara e dizer o que fazer a seguir.

Para que serve este prompt?

Cria o inventário de estados vazios, erros, carregamentos e confirmações de um ecrã, com título, texto, ação principal e notas de acessibilidade prontas para a equipa de produto.

Com que ferramentas de IA funciona?

Foi pensado para ChatGPT, Claude, Gemini e Microsoft Copilot. Ainda não o verificámos nestas ferramentas, pelo que os resultados podem variar entre elas.

Como personalizo o prompt?

Clique em “Personalizar” e preencha as variáveis (Produto, Ecrã ou funcionalidade, Tipo de utilizador, Tom de voz e Erros reais). O texto atualiza-se instantaneamente e pode depois copiá-lo com um clique. Os valores ficam guardados apenas no seu navegador.

Preciso de experiência para o utilizar?

Não. É um prompt de nível iniciante: basta preencher os dados e colá-lo na sua ferramenta de IA.

Este prompt é gratuito?

Sim. Todos os prompts do HomeCasa Prompts são gratuitos, sem registo nem subscrição. Pode também utilizá-los em projetos profissionais.

Posso confiar no resultado da IA?

Trate-o como um rascunho de qualidade: verifique sempre os dados, os números e as afirmações importantes antes de publicar ou tomar decisões.

Prompts relacionados