Refcat

Estados vazios que explicam o próximo passo

Refcat team10/27/2026

Uma tela vazia nem sempre representa o primeiro uso. Uma busca pode não encontrar resultados. Um filtro pode esconder todos os itens. Uma mudança de permissão pode remover o acesso. Uma sincronização pode continuar em andamento. Tratar todas essas situações como “Nada por aqui ainda” obriga a pessoa a diagnosticar o produto antes de continuar seu trabalho.

Imagine abrir uma pasta compartilhada de pesquisa e não encontrar referências. Você precisa saber se a pasta é nova, se alguém removeu o conteúdo ou se você não tem acesso aos itens. Uma ilustração simpática não resolve essa dúvida. A mensagem precisa explicar o estado e oferecer um próximo passo adequado.

Separe ausência de falha

Antes de escrever o texto, liste os possíveis motivos para aquela área vazia. Agrupe-os conforme o que a pessoa pode fazer a seguir. Uma pasta nova pode precisar da ação Adicionar referências. Uma busca sem resultados pode pedir outros termos ou um recorte mais amplo. Uma falha de rede exige uma opção de tentar novamente e a indicação honesta de que a solicitação não terminou.

Esses estados precisam de mensagens diferentes, mesmo quando compartilham o layout. Não mostre uma mensagem definitiva de zero resultados enquanto a solicitação carrega. Também não mantenha resultados antigos sob uma nova consulta que falhou. Nos dois casos, a interface conta uma história que a solicitação não confirma.

Dê três funções à mensagem

Um estado vazio útil responde a três perguntas: O que aconteceu? Por que isso pode ter acontecido? O que posso fazer agora? A segunda resposta pode ser breve e deve admitir a incerteza quando o produto não sabe a causa.

Em um catálogo filtrado, experimente um título como “Nenhum fluxo de checkout no Android corresponde a estes filtros”, seguido de “Remova um filtro de componente ou busque em todas as plataformas”. A ação deve fazer essa mudança sem descartar silenciosamente o restante da consulta. Mantenha uma maneira acessível de conferir os filtros ativos para que a explicação possa ser verificada.

Aproxime a ação da situação

Um botão genérico de Criar nem sempre é a resposta certa. Quem consulta uma pasta compartilhada pode não ter permissão para adicionar itens. Se uma importação está pendente, iniciar outra pode duplicar o trabalho. Escolha a ação conforme o estado e o papel da pessoa.

Para mudanças reversíveis, considere oferecer desfazer ou uma volta clara ao recorte anterior. Se uma ação destrutiva esvaziou a visualização, explique onde é possível recuperar o conteúdo. Evite sugerir formas de recuperação que o produto não oferece de verdade.

Pesquise também a transição

Reúna referências do momento anterior ao estado vazio e da primeira ação bem-sucedida depois dele. No Refcat, compare como produtos semelhantes passam de uma coleção vazia ao primeiro item salvo. Observe se as instruções desaparecem, se a ação principal fica no mesmo lugar e se o conteúdo muda de posição inesperadamente.

Monte uma tabela de revisão com uma linha por estado: causa, mensagem, ação disponível e resultado esperado. Percorra a tabela com dados realistas, incluindo uma solicitação que falhou e uma conta com acesso restrito. Uma tela vazia que ensina o próximo passo pode ajudar; uma tela vazia que esconde a condição real transfere a investigação do problema para quem usa.

Pare de desenhar a partir de uma tela em branco. Passe o briefing ao seu agente.

Dê ao seu projeto referências de produtos reais
Grátis · Sem cartão de crédito