Article image
⚡Eros Lima
⚡Eros Lima17/02/2021 12:41
Compartilhe

🎨Arte ou Lixo?🗑️

  • #CSS
  • #JavaScript
  • #HTML

🐛Olá poderia testar meu app pra ver se tem alguma falha (bug)?🐞

Galera eu estou finalizando um projeto em que consegui construir graças aos cursos que realizei recentemente pela DIO (Bootcamp HTML Web Developer) e outras plataformas e gostaria da sua opinião (caso possa abrir o aplicativo e me dizer qual aparelho usou e navegador para eu analisar os problemas e ir corrigindo, eu agradeço muito):

Link direto (_vercel_): 

https://dev-finances-eight.vercel.app/

GitHub: https://github.com/ErosMLima/Dev_Finances

  • O aplicativo possui áudio para Cegos (Acessibilidade), um botão de dark mode, efeitos de animação cristal no fundo e as operações de + ou - com total no final.

Desde já agradeço sua atenção, aguardo seu contato, deixem seu comentário e seu like.

Compartilhe
Comentários (8)
Felipe Oliveira
Felipe Oliveira - 17/02/2021 23:35

Olá,

Outro coisa que melhoraria é bloquear o botão de mudar o modo por alguns segundos após o clique, ao menos pra concluir a fala. Quando você clica diversas vezes, as falas são encadeadas. Se você clicar bem rápido várias vezes, ela fica falando umas 50x.

Outro coisa é submeter o formulário com Enter e cancelar com Esc.

CJ

Claudio Junior - 17/02/2021 14:46

Ficou muito bom.

Não é nenhuma falha só que como você permite o lançamento da data talvez deixar ordenado pela mesma seria uma boa.

Kétsia Amin
Kétsia Amin - 17/02/2021 14:01

Primeiro, parabéns pelo trabalho, o fato de você pensar na acessibilidade foi ótimo.

O design está bem atraente, as melhorias descritas por Mariana Campos são válidas e necessárias.

Como usuária senti falta de um botão de editar após registrar uma transação.


O aparelho que eu usei foi um Notebook Samsung e o navegador Google Chrome.

Vinícius Ferreira
Vinícius Ferreira - 17/02/2021 13:10

Ficou animal, irmão!

Responsivo, clean e bem estruturado.

A única coisa que eu mudaria é o box shadow do campo "Total". Mas acho q isso é detalhe, somente.

Fora isso, ficou muito bom mesmo!

Parabéns!!!

⚡Eros Lima
⚡Eros Lima - 17/02/2021 12:58

Tudo Anotado Mariana Campos, para eu ir arrumando ou colocar na próxima versão que será em português esta versão é somente em inglês porque ei queria testar a "Alexa".


Ótimas observações! Thanks a lot! 🙂


Mariana Campos
Mariana Campos - 17/02/2021 12:54

Botão ilegível

image


o Save também pode melhorar o contraste.

Mariana Campos
Mariana Campos - 17/02/2021 12:53

OK

image


Ilegível / pouco contraste


image


Mariana Campos
Mariana Campos - 17/02/2021 12:52

Bom dia, Eros. Tudo bem?


Tenho pouco conhecimento nessa área, mas tenho uma pequena experiência na área de design (tenho cursos na área de ux/ui design) e algumas coisas que identifiquei:


  • Quando muda para o dark mode, as fontes continuam com as mesmas cores, onde fica: Description/Value/Date fica quase ilegível, seria interessante mudar a cor.
  • Seria interessante colocar tudo em português, a não ser que o público fale inglês.
  • Ao incluir uma nova transação, o botão "cancel" precisa ser melhorado. O vermelho no fundo fica ilegível, o contraste não está muito bom.
  • Na hora de incluir nova transação, seria interessante especificar o que é entrada e saídas. Não tem essa opção, sendo necessário colocar o valor negativo para saídas. Para muitas pessoas isso não ficaria óbvio.


Acho que foi isso que identifiquei!


Para verificar a questão de contraste, eu utilizo este site: https://contrastchecker.com/

é só colocar os códigos #hex da fonte e do background e ele fala se está bom ou não.


Jr.👨‍💻Full-Stack Developer - JavaScript | React.js | Next.js | Angular | Node.js | Python | .NET | C# | Scientific Researcher | DevSecOps | Cyber Sec. Enthusiast