3
respostas

[Dúvida] Final

Olás! Algumas vezes o figma faz com que o prototipo apareça bugado alguns botoes, nn sei se é bug dele mesmo ou se é alguma variavel minha que ficou ruim. Mas fica ai o projeto para verem como ficou:
https://www.figma.com/design/84v4Yqn5dALBKLlfOZkeRu/Prot%C3%B3tipo-de-baixa-fidelidade---Alura?node-id=125-3208&t=uQqrwvyo3mUiimpG-1

3 respostas

Oii, tudo bem?

Parabéns pela conclusão do projeto, Luana! É gratificante ver a evolução de um fluxo completo de design, desde as telas de entrada até a interface do chatbot. O WeekMood apresenta uma identidade visual coerente e um propósito claro de auxiliar no acompanhamento emocional.

Identidade visual e interface (UI)

  • Consistência cromática: O uso das variações de roxo e lilás cria uma unidade visual forte em todas as telas. Essa escolha costuma transmitir calma e introspecção, o que combina com a proposta de um diário de humor.
  • Tipografia e hierarquia: Nas telas de Onboarding (Passos 1, 2 e 3), os títulos estão bem destacados e as ilustrações ajudam a comunicar a funcionalidade sem sobrecarregar com texto.
  • Componentes: O teclado customizado e os botões seguem um padrão arredondado que traz suavidade à navegação.

Experiência do usuário (UX)

  • Gamificação: A inclusão de medalhas e conquistas (como visto na tela de "Parabéns") ajuda a estimular o uso diário, transformando o registro de humor em um hábito positivo.
  • Interatividade no chatbot: As telas de conversa mostram opções rápidas de resposta, o que reduz o esforço cognitivo do usuário na hora de buscar ajuda ou registrar sentimentos.
  • Dashboard: A tela "Home" organiza bem o resumo semanal e as dicas do mês, permitindo que a pessoa tenha uma visão geral da própria saúde mental logo no primeiro contato após o login.

Sugestões para próximos passos

Para elevar ainda mais a qualidade de futuras iterações, você pode considerar:

  1. Acessibilidade: Verifique se o contraste do texto branco sobre os tons mais claros de lilás atende aos critérios de leitura para todos os públicos.
  2. Estados de erro: Desenvolver telas para situações onde o login falha ou a conexão cai ajuda a guiar o usuário em momentos de frustração.

Excelente trabalho na organização do fluxo! Continuar praticando a construção de protótipos navegáveis ajudará você a visualizar gargalos na experiência antes mesmo do desenvolvimento.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Obrigada! Voce sabe pq essas telas no teste ficam dando esse bug do botão? Sempre que abro o prototipo pelo inicio do fluxo os botões ficam assim, as vezes ele fica normal, parece q depende do humor do figma kkkkkk
Insira aqui a descrição dessa imagem para ajudar na acessibilidade
mas quando eu abro começando pela pagina de "Bem-vindo" ele fica normal: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Oi, Luana.

O Figma carrega os protótipos em camadas. Se a sua conexão oscila ou se o arquivo é muito pesado, ele pode exibir uma versão simplificada do componente (o esqueleto original) antes de aplicar as suas edições personalizadas. Quando você abre diretamente na página de "Bem-vindo", ele foca os recursos de carregamento apenas naquela tela, o que explica por que funciona melhor dessa forma.

Um abraço e bons estudos.