Com base em tecnologias e práticas frontend web, julgue o se...

Próximas questões
Com base no mesmo assunto
Q2464538 Engenharia de Software

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. 

Alternativas

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

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