Skip to content

ESTRUTURA.md

Latest commit

 

History

History
197 lines (125 loc) · 3.13 KB

ESTRUTURA.md

File metadata and controls

197 lines (125 loc) · 3.13 KB

Perfeito. Você quer algo nível mercado + pronto pra usar no GitHub, sem slide — então vou te entregar uma estrutura completa de repositório + instrução para os alunos + modelo de README.

Isso aqui você pode literalmente copiar e passar pra turma.

🚀 📦 PROJETO FINAL – ESTRUTURA PARA GITHUB

📁 Estrutura do repositório

projeto-ux-ui/
│
├── README.md
├── /docs
│   ├── problema.pdf
│   ├── persona.pdf
│   ├── fluxo-usuario.pdf
│   ├── wireframes.pdf
│   ├── prototipo.pdf
│   ├── (opcional) jornada-usuario.pdf
│   ├── (opcional) matriz-csd.pdf
│
├── /imagens
│   ├── persona.png
│   ├── fluxo.png
│   ├── wireframe1.png
│   ├── wireframe2.png
│   ├── tela1.png
│   ├── tela2.png
│
└── /figma
    └── link_figma.txt

🧠 📌 INSTRUÇÃO PARA OS ALUNOS (pode colar)

🎯 Objetivo

Desenvolver uma solução digital (web e mobile) para resolver um problema real, social ou ambiental, documentando todo o processo de UX/UI em um repositório no GitHub.

📋 Entregáveis obrigatórios

Você deve incluir:

1. Problema

  • Descrição clara do problema
  • Contexto
  • Quem é afetado
  • Por que é relevante

2. Persona

  • Nome fictício
  • Idade
  • Contexto
  • Objetivo
  • Dores
  • Comportamento

3. Fluxo do Usuário (diagrama)

  • Caminho completo do usuário
  • Etapas principais
  • Decisões

4. Wireframes

  • Estrutura das telas
  • Organização da informação
  • Sem foco visual (baixo nível)

5. Protótipo

  • Interface visual (UI aplicada)
  • Navegação funcional
  • Web + Mobile

6. Link do Figma

  • Arquivo organizado
  • Protótipo navegável

🔹 Opcionais (valem diferencial)

  • Jornada do usuário
  • Matriz CSD

⚠️ Regras importantes

  • Projeto 100% individual
  • Deve resolver um problema real
  • Não existe número mínimo de telas 👉 Mas deve ter o suficiente para uma solução completa

💡 PROBLEMÁTICAS (para escolha)

(você já tem, só colar aqui — já está perfeito)

🧾 📄 MODELO DE README.md (PRONTO)

# 📱 Projeto UX/UI – Solução Digital

## 📌 Problema

Descreva aqui o problema escolhido.

- Quem é afetado?
- Qual a dificuldade?
- Por que isso é relevante?

---

## 💡 Solução Proposta

Explique sua ideia de forma clara.

---

## 👤 Persona

Resumo da persona criada.

![Persona](./imagens/persona.png)

---

## 🔄 Fluxo do Usuário

Descrição do fluxo.

![Fluxo](./imagens/fluxo.png)

---

## 🧩 Wireframes

Estrutura inicial das telas.

![Wireframe](./imagens/wireframe1.png)

---

## 🎨 Protótipo

Interface final do sistema.

![Tela](./imagens/tela1.png)

---

## 🔗 Acesse o Protótipo

[Link do Figma](colocar_link_aqui)

---

## 📂 Documentação

- [Problema](./docs/problema.pdf)
- [Persona](./docs/persona.pdf)
- [Fluxo](./docs/fluxo-usuario.pdf)
- [Wireframes](./docs/wireframes.pdf)
- [Protótipo](./docs/prototipo.pdf)

---

## 🚀 Considerações Finais

- O que você aprendeu  
- Dificuldades  
- Melhorias futuras