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
- 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
| Estado | Quando aparece | Título | Texto | Ação principal | Secundária | Visual | Acessibilidade |
|---|---|---|---|---|---|---|---|
| Primeira utilização | Projeto acabado de criar | As tuas tarefas vão aparecer aqui | Adiciona a primeira e divide o trabalho com a equipa. | Criar tarefa | Importar lista | Ilustração de lista vazia | Alt vazio (decorativa) |
| Sem resultados | Filtros sem correspondência | Nada com estes filtros | Experimenta outro estado ou responsável. | Limpar filtros | — | Ícone de lupa | Anunciar com aria-live="polite" |
| Sem ligação | Rede perdida | Estás sem ligação | Guardámos as alterações e enviamo-las quando voltares a estar online. | Tentar de novo | — | Nuvem riscada | Não depender só da cor |
| Sessão expirada | Token expirado | A tua sessão expirou | Volta a entrar para continuar; não perdes o que estavas a escrever. | Iniciar sessão | — | Ícone de cadeado | Mover o foco para o botão |
| Sem permissão | Utilizador só de leitura | Só podes ver este projeto | Pede acesso de edição a quem gere o projeto. | Pedir acesso | — | Ícone de olho | Explicar, não só desativar |
| Ficheiro grande | Anexo acima do limite | Este ficheiro é demasiado grande | O limite é [PREENCHER: limite real]. Experimenta comprimi-lo. | Escolher outro ficheiro | — | Ícone de documento | Erro 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.