Avaliação de Case de Estudo | UI Design: melhorando a experiência de um app com UI Patterns

Ola, tudo bem com vc

Estou caminhando com o curso de UX/UI e agora estou na parte de UI colocando em tela tudo que tive no UX. Basicamente é um APP de conecção entre Cliente e Prestador de serviço. Foco na acessibilidade, questao de tela eu desenhei para isso, para que o publico idoso possa usar. E de quebra tambem tem o apelo de parte dos lucros serem voltados para suporte a idosos em situação de abandono. Basicamente isso a problematica do negocio.

Gostaria muito de criticas bem agressivas, esse é meu primero projeto, estou fazendo sozinho com base em estudos autonomos e sei que UI/UX é feito por equipes multidiciplinares. Sejam bem sinceros!

Trabalhei bem a questao das Heuriscas de Nielsen. Tambem estudei sobre o tamanho dos componentes para questao de acessibilidade de tela.

Muito grato pela força!

https://www.figma.com/file/hayxTKh6QTb4jcDs66qQBt/high-prototype?node-id=0%3A1

Oi, td bem. Estamos aqui para nos ajudarmos, certo! então.. vou contar minha experiência ao percorrer o seu design. Precisa melhorar, faltou bastante conceitos técnicos de design nas telas.

Confesso que tinha expectativa de navegar no protótipo para ter uma experiência de uso. mas.. tudo bem.

Pontos de atenção:

Cores

Onboarding e Login - nível de contraste muito baixo: botão secundário, formulário/input.
Harmonia das cores ausente.
O uso de degrade no padrão de navegação: rodapé + ícone com fundo circular + texto, passa desconforto visual
Pessoas com deficiência visual para o daltonismo, vc fez um teste para saber como uma pessoa com essa deficiência visualizaria a sua interface?

Esses vídeos me ajudaram bastante, talvez goste tb:

sobre contraste: https://cursos.alura.com.br/extra/alura-mais/acessibilidade-nas-cores-c842
harmonia cores: https://cursos.alura.com.br/extra/alura-mais/como-aplicar-uma-paleta-de-cores-ao-seu-projeto-c1083

Padrões de interface - são soluções para problemas frequentes de usabilidade. No seu design, há erros na aplicação desses padrões:

padrões de navegação
padrões de dados
onboarding

Há inconsistência nos tamanhos dos componentes entre as telas, espaçamentos, textos, tamanhos de botões principal, botões secundário ... https://cursos.alura.com.br/course/ui-design-experiencia-app-ui-patterns

Acessibilidade

Testar acessibilidade https://webaim.org/resources/contrastchecker/

https://colorshark.io/

Plugins Figma

Color blind - https://www.figma.com/community/plugin/733343906244951586

Stark - https://www.figma.com/community/plugin/732603254453395948

Espero que ajude.

Ate+

Mergulhe em programação