Estados vazios: explique a ausência e ofereça um caminho

A tabela vazia de um sistema financeiro pode indicar que nenhuma conta foi cadastrada ou que todas as contas já foram pagas. Embora a área pareça igual, as duas situações têm significados opostos. Projetar estados vazios começa pela origem da ausência, porque uma instrução inadequada pode levar a cadastrar informação duplicada ou desconfiar de um trabalho concluído.

Mapeie os motivos antes de desenhar a ilustração

Identifique primeiro acesso, filtro sem correspondência, tarefa concluída, conteúdo removido, falta de permissão e problema de obtenção dos dados. A referência do Carbon Design System diferencia circunstâncias de ausência e destaca a necessidade de contextualizar a orientação. Use essa base para construir os casos específicos do seu produto.

Confirme com desenvolvimento quais condições podem ser distinguidas com segurança. Se o sistema não sabe se há registros porque a consulta falhou, não deve anunciar que não existem registros. A interface precisa refletir a informação disponível, mesmo quando isso exige admitir uma indisponibilidade temporária.

Escolha a próxima ação conforme a causa

Em uma agenda hipotética de serviços, o primeiro acesso pode oferecer cadastrar um horário. Uma busca sem resultados deve permitir ajustar dia ou profissional. Já uma agenda que terminou todos os atendimentos pode confirmar que não há pendências. Reutilizar o mesmo botão de adicionar em todas essas telas enfraquece o significado de cada situação.

Mostre dependências que realmente impedem o avanço

Se é necessário cadastrar um profissional antes de abrir a agenda, explique essa relação e leve à configuração correta. Não apresente uma ação que terminará em outro bloqueio. Quando a pessoa não tem autorização, indique como solicitar acesso segundo o funcionamento real da organização, sem prometer uma liberação automática.

Dimensione o conteúdo para a área disponível

Uma página inteira permite explicar o que será exibido e como começar. Um pequeno cartão de painel precisa de uma resposta mais econômica. Evite repetir a mesma ilustração grande em vários cartões vazios: o conjunto pode parecer uma coleção de erros e competir com informações que continuam úteis.

O elemento visual pode apoiar o reconhecimento, mas não deve carregar sozinho a explicação. Verifique se título, descrição e ação resolvem a situação quando a imagem é removida. Se a ilustração acrescenta apenas decoração, sua apresentação para tecnologias assistivas deve respeitar esse papel.

Trate filtros como parte da explicação

Uma busca vazia ganha clareza quando mostra o contexto vigente. Informe o termo consultado e mantenha os filtros reconhecíveis. Limpar todos os filtros pode ser uma boa saída, mas deve deixar previsível quais escolhas serão descartadas. Quando houver várias restrições, permita revisar uma delas sem reconstruir a consulta inteira.

Não ofereça sugestões inventadas como se fossem resultados reais. Se apresentar termos relacionados, deixe claro que são alternativas para uma nova consulta. Evite também afirmar que um item não existe no catálogo quando a busca apenas não o encontrou nas condições atuais.

Verifique entrada, permanência e saída do estado

Simule o acesso sem dados, a criação do primeiro registro e a exclusão do último. Observe se a mensagem muda no momento correto e se o foco continua em um lugar compreensível. Depois de criar conteúdo, a pessoa deve reconhecer onde ele apareceu, sem precisar recarregar a página por tentativa.

Registre cada condição com sua mensagem, ação e dependências. Em vez de aprovar um único desenho chamado vazio, aprove o conjunto de situações. Para começar a revisão, selecione a área com mais ambiguidades e responda a três perguntas: por que está vazia, o que isso significa e qual ação é realmente possível agora.