Pesquisa sobre Front-End com Foco em UX/UI e Prototipagem no Figma
Responsável: Mayra Lithuania Rodrigues Dos Santos - 232029247 Fase do Projeto: Sprint 0
Objetivo
Esse estudo busca entender como criar interfaces bonitas e fáceis de usar com o Figma. A ideia é transformar um conceito visual em algo funcional e intuitivo. Além disso, mostramos como a prototipagem no Figma ajuda a equipe a trabalhar melhor junta, testando os layouts antes da programação. Isso evita retrabalho e garante que o design fique do jeito certo, tanto na aparência quanto na experiência do usuário.
Ferramentas e Tecnologias Analisadas
-
Figma – Plataforma que permite criar e organizar layouts de forma simples e colaborativa. Tudo acontece em um só lugar, desde o esboço até a versão final.
-
Componentes e Variantes – Recurso que permite reaproveitar elementos do design, mantendo tudo padronizado e economizando tempo.
-
Auto Layout – Ajuda a organizar os elementos da tela de forma automática, adaptando tudo para diferentes tamanhos de tela sem precisar ajustar manualmente.
-
Estilos e Design Tokens – Ferramenta que define cores, fontes e espaçamentos de forma padronizada, facilitando a manutenção do design.
-
Prototipagem Interativa – Permite simular a navegação e testar a experiência do usuário antes da programação, garantindo que tudo faça sentido e funcione bem.
Ferramentas e Abordagens Estudadas
- Figma: Formato simplificado para estruturar conteúdos de forma legível.
- Componentes e Variantes: Serviço que transforma repositórios em sites acessíveis online.
- Auto Layout: Recurso para automatizar processos, incluindo publicação de atualizações.
- Estilos e Design Tokens: Consistência visual e facilidade de atualização.
- Prototipagem Interativa: Validação de experiência do usuário antes da implementação.
O objetivo desse estudo foi entender como utilizar o Figma para estruturar interfaces de maneira eficiente, garantindo um fluxo de trabalho otimizado, designs consistentes e maior integração entre design e desenvolvimento.