Glossário de Product Design
O que é wireframe?
Também chamado de Rascunho de tela, Esqueleto de tela
Wireframe é um rascunho de baixa fidelidade de uma tela, sem cores nem acabamento visual, usado para definir estrutura, ordem do conteúdo e hierarquia antes do design final.
Em detalhe
O wireframe responde ao “o que vai onde” sem distrair com estética. Por ser rápido, permite testar várias estruturas e descartar as ruins cedo, quando mudar ainda é barato.
Pode ser feito no papel, no quadro ou no Figma com caixas cinza. O importante é que o time consiga discutir conteúdo e fluxo, não cor e fonte.
Na prática
- Use conteúdo real (ou próximo do real) em vez de lorem ipsum.
- Faça mais de uma alternativa por tela e compare.
- Ligue os wireframes num fluxo para ver a tarefa inteira.