Wireframe

O que é Wireframe

O wireframe responde "o que vai em cada tela e em que ordem" antes de qualquer decisão estética. Usa caixas, linhas e textos reais ou aproximados.

É a etapa mais barata para errar: mudar um wireframe leva minutos; mudar uma tela pronta ou já programada leva dias.

Por que importa para startups

Startups precisam validar estrutura e mensagem rápido. Discutir cor antes de estrutura é a forma mais cara de atrasar um projeto.

Como a Perforza trabalha com isso

Fazemos wireframes com a copy real da página ou do fluxo, para validar mensagem e hierarquia juntas antes do design visual.

Exemplo

Antes de desenhar a nova home, o time aprova um wireframe com a ordem: promessa, prova, como funciona, cases, preço, perguntas.

Erros comuns

• Usar texto "lorem ipsum" e descobrir no final que a mensagem não cabe.
• Pular o wireframe para "ganhar tempo".

Perguntas

Qual a diferença entre wireframe e protótipo?

O wireframe mostra a estrutura de uma tela; o protótipo simula a navegação entre telas, em baixa ou alta fidelidade.