Do jeito que estava falando, achava que iria encontrar uma ui toda bagunçada, mas está funcional. A aplicação de ícones, bordas arredondadas para deixar com um design atual, trocar a fonte, aplicar mais pesos na hierarquia de texto, expansão no uso de cores e feedback visual das interações realizadas, além do feedback via backend, já vai tornar sua aplicação mais agradável aos olhos.
Encontrei alguns erros e melhorias a se fazer enquanto realizava alguns testes:
Erro 1: Quando se clica no botão de adicionar áudio, a tela do questionário continua ativa, o inverso também ocorre. Então acaba uma tela que não está interagindo o tempo todo a mostra.
Erro 2: A mensagem de sucesso de envio de áudio, o “á” de áudio não carrega, aparece um símbolo de erro, talvez seja pelo uso do acento.
Melhoria 1: Na minha opinião, seria melhor modificar para que a tela de login aparecesse como modal, e apenas quando o usuário clicasse para subir um áudio.
Melhoria 2: O áudio deve ter autoplay quando se carrega um novo questionário.
Melhoria 3: Adicionar um FAQ, de preferência na mesma página com a qual o usuário interage com a dinâmica, esse FAQ precisa responder dúvidas de como funciona a dinâmica da plataforma, se há algum controle de qualidade sobre os áudios inseridos, limitação de formato de áudio que pode subir, limitação de duração de áudio e de caracteres para a frase.
Uma conclusão que cheguei ao interagir com a plataforma, é que os usuários a usaria em momento breves, no transporte ou enquanto espera algo, então penso em desenvolver o design focado no mobile, que atualmente está com o maior déficit de qualidade, e de que ele será carregado com conexões de baixa velocidade de internet. Ou seja, será um design simples.
Reparei que está usando o Bootstrap, qual é a versão dele? Queria construir o design pensando nos componentes dos quais serão originados.
A menção de curiosidade, por que está utilizando jquery? As pessoas que conheço não costumam recomendar o uso dele, fiquei curioso o motivo por ter usado.
Por fim gostaria que me esclarecesse alguns pontos, depois que fosse finalizado o design, passaria para outra pessoa implementar na aplicação ou eu também farei essa parte? Se sim, irá abrir o código para realizar as modificações via GitHub?
opa, valeu!
estou usando o Bootstrap v5.1.0, é o padrão que veio no template web do dotnet.
Sobre o jquery, eu passei a usar ele, pois eu achava que como eu vou depender de alguén para fazer o front, teria que retirar o máximo o C# do front. eu poderia fazer essas requests em C#, junto com o HTML. mas, não sei se quem fosse mexer entenderia, já que C# não é muito usado por quem mexe com front. mas, se você for entrar nesse projeto, pode modificar essa parte, se quiser.
Por fim, eu posso pensar em abrir o código do projeto sin. atualmente o repositório é privado. Mas posso te incluir nele para conseguir ver os códigos.