É fácil esquecer telas vazias porque os designers geralmente trabalham com dados de amostra. No produto real, cada novo usuário os conhece primeiro, então eles moldam a primeira impressão mais do que qualquer outra tela.
Existem quatro tipos comuns. Os estados vazios de primeiro uso aparecem antes que a pessoa tenha criado qualquer coisa. Os estados limpos pelo usuário aparecem depois que eles terminam ou excluem tudo, como uma lista de tarefas vazia. Os estados sem resultado aparecem após uma pesquisa ou filtro. E estados de erro ou de não acesso aparecem quando os dados não podem ser mostrados.
Cada tipo precisa de palavras diferentes. Um estado de primeiro uso deve explicar para que serve a tela e convidar à primeira ação: "Nenhum projeto ainda. Crie seu primeiro projeto." Um estado sem resultados deve ajudar as pessoas a se recuperarem: mostrar o que pesquisaram e oferecer a limpeza dos filtros. Um estado limpo pode ser um pequeno momento de recompensa.
Os recursos visuais são opcionais. Uma pequena ilustração ou uma animação suave pode tornar a tela amigável, e um personagem animado pode orientar um usuário iniciante. Mantenha a luz, certifique-se de que a ação seja a mais visível e não confie na imagem para explicar o estado.
Se você deseja um personagem animado amigável para um estado vazio, o ExodeUI, que criamos, possui uma biblioteca gratuita de mascotes interativos que são executados como arquivos ExodeUI e reagem à entrada.