Guia do template
Como funciona o fluxo de Processo de Design UX/UI
Fluxo de discovery, ideação e handoff para times de desenvolvimento.
Etapas representadas no diagrama
- User Discovery
- Wireframing
- Visual Design
- Prototipagem
- Developer Handoff
Itens de conferência incluídos
Use os itens abaixo como ponto de partida. Ajuste cada verificação às regras, aos documentos e aos responsáveis do seu processo.
- User Discovery: Entrevistas
- User Discovery: Benchmarks
- Wireframing: Low-fi Sketch
- Wireframing: User Flow
- Visual Design: Design System
- Visual Design: High-fi Prototypes
- Prototipagem: Interação
- Prototipagem: Animação
- Developer Handoff: Zeplin / Figma Link
- Developer Handoff: Design Tokens
Como adaptar o template à sua operação
Valide a sequência com as pessoas que executam o processo. Substitua nomes genéricos por ações observáveis, defina quem responde por cada atividade e registre as exceções que alteram o caminho. Depois de testar o fluxo com um caso real, atualize as etapas e os critérios que geraram dúvidas.
Este template pertence à categoria UX/UI. A estrutura pode ser editada no Procedimentando para refletir a terminologia, as aprovações e os controles usados pela sua equipe.