O seu exemplo não é exatamente um dos melhores porque, tal como já foi comentado, um formulário de login é suficientemente simples e padronizado ao ponto de que praticamente todo usuário já acostumado com serviços na Internet (Facebook, Gmail, etc) deve ser capaz de entender que precisa fornecer um nome de usuário e uma senha para ter acesso ao serviço.
Além disso, a sua pergunta está um pouco confusa. Principalmente a respeito do que você quer dizer com "estado", já que você mesmo menciona que a informação de obrigatoriedade (o que parece ser a sua principal conclusão e o item que foi avaliado na sua pesquisa) foi omitida porque você a julga irrelevante.
De todas as formas, eu entendi que a sua pergunta é essencialmente sobre como implementar boa sinalização (de forma genérica) em formulários para auxiliar na Usabilidade, principalmente tendo em vista as suas citações a respeito do engajamento. Vou tentar bolar uma resposta nesse sentido.
Usabilidade e Testes
Bom, primeiramente, usabilidade descreve o quão fácil é usar um produto (facilidade + usar -> usabilidade, eis dai a semântica da palavra). E por fácil pode-se entender muitas coisas, mas principalmente se a interação com o produto é eficaz e eficiente, útil/interessante para quem utiliza e ergonômica (não requer esforço além do necessário, não cansa, etc). Se você ainda não o fez, sugiro que leia mais sobre o assunto, talvez aqui mesmo no SOPT com as tags usabilidade e ux.
Você não forneceu os detalhes da sua pesquisa (mesmo após pedidos), mas se as pessoas entrevistadas sentiram falta da indicação de obrigatoriedade há potencialmente duas razões:
- Elas usaram o seu formulário de login, não preencheram algum dos campos obrigatórios (no caso, usuário e/ou senha), clicaram em "Faça Login" e ficaram frustradas com a indicação de que esse esforço inicial foi inútil porque um ou mais campos eram obrigatórios.
- Elas também são desenvolvedores e estão acostumados com o "padrão de indicar com asterísco os campos obrigatórios" (muito embora talvez nem entendam o porquê disso). Como não viram essa indicação no seu formulário, citaram-na como algo faltante.
O primeiro caso é o que se intenciona observar com um teste com usuários reais. Afinal, usuários não são garantidamente desenvolvedores. Eu acho pouco provável que tenha sido esse caso na sua pesquisa, porque esse formulário é muito simples e (como eu já mencionei) a grande maioria dos usuários já estão acostumados com o uso de sistemas que requerem login para saber que devem fornecer ambos os dados. A não ser, é claro, que seus usuários sejam pessoas totalmente inexperientes com o uso de computadores. Mas, nesse caso eu ficaria surpreso por eles terem entendido o que significa a palavra "login" e terem conseguido clicar no "botão"... :)
O segundo caso me parece mais provável. E ai, há um erro importante. Você não deve testar as suas aplicações com outros desenvolvedores (a não ser que o que você esteja construindo seja especificamente pra eles). Desenvolvedores irão essencialmente te oferecer respostas que você é capaz de observar sozinho, e por isso são de pouca ajuda. Os testes precisam ser feitos com os usuários reais ou com pessoas que sejam representativas desse grupo, pois só assim é possível perceber quais são as reais dificuldades de utilização com a interface.
Aspectos Importantes no Seu Formulário
Tendo colocado os pontos de vista anteriores sobre os testes e validação, eu creio que posso oferecer algumas observações sobre o seu formulário atual de login. Ainda assim, elas são observações baseadas na minha experiência como projetista de interfaces, e podem não estar totalmente corretas. Elas servem como sugestões de melhores práticas de design, mas sua validade ou não depende realmente dos usuários no contexto do seu produto.
Mesmo que a usabilidade de um formulário não seja das melhores, os usuários podem já ser suficientemente experientes para ignorar tais problemas ou ter algum interesse em se esforçar mais do que precisariam. Isto é, em relação a engajamento que você cita (sugiro ler também a minha resposta nesta outra pergunta), também depende da motivação para o uso. Um formulário de login péssimo (imagine algo realmente ruim de utilizar) poderia ser relevado por usuários interessados em jogar um espetacular jogo que vem depois dele (motivação intrínseca), ou por usuários que precisam acessar o site do banco para fazer uma transação financeira (motivação extrínseca).
Eis as minhas observações:
- "Faça Login" não é uma expressão comum da língua portuguesa. Ela talvez seja facilmente entendida por programadores ou por outros usuários que já tenham inferido ou se acostumado com seu significado depois de tantos usos por ai. Ainda assim, trata-se de um anglicismo de difícil tradução. Por isso que sistemas profissionais usam "Entrar" ou "Acessar" ao invés de login e "Registrar" ou "Cadastrar" ao invés de signin (veja o Facebook, por exemplo), simplesmente porque garantem um acesso mais amplo e fácil aos usuários comuns no nosso idioma. Você mesmo usa "faça o seu cadastro" ali embaixo.
- "Não consegue acessar?" é uma pergunta meramente retórica, e perguntas retórias são comumente confusas ou inúteis. Acredite, esse tipo de texto é algo que programadores usam muito. Aqui em São Paulo há um sistema de auto-atendimento para o pagamento de estacionamentos em shopping centers que faz a seguinte pergunta: "Cliente Porto tem desconto?", seguido de dois botões com "Sim" e "Não", para demandar se o cliente do estacionamento é cliente da seguradora (pois, em tese, ele teria um desconto no valor do estacionamento). Eu sempre rio muito ao ver essa frase porque penso: "Se eu acertar, o que eu ganho?". :) Piadas à parte, é fácil observar a confusão das pessoas utilizando esses quiosques quando chegam nesse ponto da interação. No seu caso, pode acontecer o mesmo. Essa pergunta é potencialmente confusa porque o usuário lê o texto e não necessariamente entende que no caso de dificuldades de acessar deve clicar ali. O texto não parece um link, tal como o "Faça o seu cadastro", e não diz claramente a ação esperada. Seria melhor formatar tal como um link (e manter esse padrão durante toda a interface) e usar o texto "Não consegue acessar? Clique aqui.".
- O uso de cores e mensagens de erro é sempre interessante principalmente porque eles adicionam informações relevantes à interação. As mensagens de erro devem ser informativas, educadas, e indicarem apenas os campos com erro (se o usuário errou apenas a senha, exibir também a mensagem abaixo do campo do email vai seguramente deixá-lo confuso a respeito de onde o erro ocorreu). As cores também ajudam o usuário a identificar rapidamente onde está o erro, principalmente em formulários longos. Mas tal como nos links, é importante manter o padrão em toda a aplicação. No seu formulário não é claro o porquê dos campos ficarem verdes. Acredito que a intenção é só mostrar que o campo foi preenchido, mas isso parece ser desnecessário dada a óbvia indicação de que há texto nele. Além disso, as cores não devem ser a única ou a principal indicação do estado de erro, porque há pessoas que podem ter dificuldades em interpretá-las. Há diversos graus de daltonismo, por exemplo, então é mais interessante ter cores contrastantes do que apenas esteticamente agradáveis. O verde, além de provavelmente desnecessário, pode ser confundido com o vermelho por pessoas com esse tipo de dificuldade.
- O principal problema (que seguramente tem relação com a indicação da obrigatoriedade, mas é mais importante do que ela sozinha) é a percepção de esforço desnecessário por parte do utilizador. Não é exatamente o caso do seu formulário de exemplo, mas seria em um formulário de cadastro onde o usuário cria a senha. Isto é, a informação de que a senha precisa ter entre 6 e 18 dígitos, e que precisa usar ao menos um número e um caractere especial, etc, etc, etc, deve ser clara desde o início da interação. Deixar para informar isso apenas após o usuário tentar entrar qualquer senha que ele desejar é muito frustrante. Por isso em formulários longos a indicação dos campos obrigatórios é especialmente importante, pois evita a frustração em ter que submeter os dados para descobrir o que é requerido aos poucos. Essa frustração é totalmente disruptiva naqueles casos em que tudo o que já foi digitado no formulário é completamente perdido após o clique em enviar porque um campo obrigatório não foi preenchido (quem nunca abandonou um site com raiva por causa disso pode se considerar um(a) sortudo(a)).
P.S.: O seu formulário de login tem também um potencial problema de segurança, já que ele diz claramente para qualquer um que tente um acesso que as senhas no seu sistema têm tamanho fixo entre 6 e 18 dígitos. Essa informação é desnecessária nesse contexto (seria importante apenas no contexto da criação da senha).
Esta é a forma como os daltônicos com protanopia (a forma mais comum
de daltonismo) devem enxergar o seu formulário.

Fonte: Color Blindness Check