Com base em tecnologias e práticas frontend web, julgue o se...
Com base em tecnologias e práticas frontend web, julgue o seguinte item.
O wireframe representa um protótipo navegável de como
cada interface da aplicação deve ser utilizada e de como deve
responder.
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: E (Errado)
Tema central: A questão aborda o conceito de wireframe no contexto de prototipação de interfaces web, conhecimento fundamental para concursos na área de Engenharia de Software e Desenvolvimento Frontend.
Resumo teórico:
Wireframes são representações visuais simplificadas das telas de uma aplicação. Servem para estruturar e desenhar a disposição dos elementos (botões, menus, campos, imagens), mostrando o que estará presente e onde, sem detalhar funcionalidades, comportamentos ou estilos visuais finais.
Segundo autores como Sommerville ("Engenharia de Software", 10ª Ed.) e os padrões do Nielsen Norman Group, wireframes NÃO são protótipos navegáveis, mas sim rascunhos estáticos que ilustram a estrutura das páginas.
Justificativa da alternativa correta:
A afirmação da questão está ERRADA porque define o wireframe como um "protótipo navegável", o que é incorreto. Wireframes são estáticos e não apresentam interatividade ou navegação entre telas; eles não simulam o funcionamento da interface, apenas sua disposição visual básica.
Já os protótipos navegáveis (ou protótipos de alta fidelidade) permitem a interação do usuário, simulando cliques, transições e comportamentos, auxiliando testes de usabilidade e validação de fluxos — isso vai além do objetivo de um wireframe.
Estratégias de interpretação:
- Ao ver o termo "navegável", desconfie: na prototipação, apenas protótipos de média/alta fidelidade são navegáveis, não wireframes.
- Procure palavras que associem wireframes à funcionalidade ou resposta da interface — esse é um sinal de erro conceitual.
- Lembre-se: Wireframe foca na estrutura; Protótipo pode incluir navegação e interação.
Dica extra: Quando a banca tenta confundir wireframe com protótipo navegável, marque ERRADO!
Gostou do comentário? Deixe sua avaliação aqui embaixo!
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
O wireframe é um protótipo de design da interface de uma página uma web. É basicamente o layout de apresentação de uma página ou app
Portanto, ERRADO.
Wireframes são tipicamente estáticos.
Errado.
O wireframe não representa um protótipo navegável. Ele é uma representação visual básica e estática da estrutura de uma página ou de uma interface de aplicação, mostrando a disposição dos elementos principais, como blocos de texto, imagens, botões e áreas de conteúdo. O objetivo principal do wireframe é definir o layout geral e a organização dos elementos na interface, sem se preocupar com detalhes de design, cores ou estilos visuais.
Batalha entre Cespe e FGV
O wireframe é um protótipo simples navegável que permite interagir com as funcionalidades das páginas. - Correta FGV em 2010.
Essa alternativa como correta gerou polêmica!
E agora? rs...considerar definição de cespe uma e fgv outra? Já tem a briga de questões sobre Switch entre as duas!
Uma fonte
O típico wireframe define como será o layout, posição dos elementos e a navegação. Ele mostra onde vão as coisas, trazendo uma visão geral de como tudo será organizado, a razão dos componentes e outros parâmetros do design.
Ele vem de diversas maneiras, desde de um desenho simples feito à lápis até uma versão navegável bem detalhada. O que ele tem tipicamente em comum é o seu foco em funcionalidade, comportamento e prioridade de conteúdo, levando em consideração toda e qualquer necessidade do usuário.
- Geralmente um Wireframe é desenhado em escala de cinza, apenas para indicar os elementos da página web, aplicativo, etc.
Fonte: https://mppagano.medium.com/o-que-%C3%A9-um-wireframe-uxdrops-b02fe76ec43b
isso é protótipo
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo