Você já se deparou com um site confuso, feio ou difícil de usar? 🤯 Agora é sua chance de transformá-lo! Nesta atividade, você irá analisar um site mal projetado e recriá-lo aplicando todos os conceitos de UX/UI que aprendemos.
Vocês deverão:
✅ Identificar os problemas do site original (heurísticas, cores, tipografia, navegação)
✅ Criar um redesign funcional e visualmente agradável
✅ Apresentar um protótipo navegável no Figma ou um layout no Canva
- Escolha um site com um design ruim. 🧐
- Aplique as heurísticas de usabilidade e UCD para identificar problemas.
- Analise a tipografia, cores e estrutura do site (arquitetura da informação).
- Documente os problemas encontrados com prints e anotações no Google Docs ou Miro.
Tip
Escolha um dos sites abaixo que apresentam problemas de design e proponha um redesign baseado em boas práticas.
1️⃣ Yale School of Art
2️⃣ Gates N Fences
3️⃣ Penny Juices
4️⃣ Jami Lin
5️⃣ Viação Feitoria
6️⃣ Goetz Skyvu
- Crie um wireframe do novo layout no Figma ou Canva. ✏
- Escolha a paleta de cores adequada com base na teoria das cores. 🎨
- Defina a tipografia garantindo legibilidade e harmonia.
🅰️
- Transforme o wireframe em um layout final no Figma ou Canva. 💻
- Ajuste contrastes, espaçamentos e hierarquia visual para melhor usabilidade.
- Crie um protótipo navegável (se usar Figma).
- Compartilhe com colegas para feedback e faça ajustes.
- Apresente o site antes e depois. 👀
- Explique as escolhas de design e melhorias aplicadas.
- Responda às perguntas:
- O que foi mais desafiador?
- Como a metodologia
UCDajudou? - Como a escolha das cores e tipografia influenciou a experiência do usuário?
✔ Protótipo no Figma ou layout no Canva
✔ Relatório com prints e justificativas das escolhas no Google Docs/Miro
- Aplicação dos conceitos de
UX/UI(heurísticas, tipografia, cores, arquitetura da informação) - Qualidade do redesign (layout funcional e acessível)
- Justificativa das escolhas
- Clareza na apresentação
🔥 Agora é com vocês! Criem algo incrível e mostrem o poder do bom design! 🚀