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

Vamos entender melhor a questão abordada. O item avalia o conhecimento sobre um conceito fundamental em frontend web, especificamente o wireframe.

Um wireframe é, essencialmente, uma representação simplificada de uma interface de usuário. Ele é utilizado na fase inicial do desenvolvimento de um projeto web para mostrar a estrutura básica e o layout das páginas de um site ou aplicação, sem se preocupar com detalhes de design, cores ou imagens. O principal objetivo é definir a organização e a hierarquia dos elementos na página.

A questão afirma que o wireframe "representa um protótipo navegável de como cada interface da aplicação deve ser utilizada e de como deve responder". Isso está incorreto por alguns motivos:

  • O wireframe não é, por definição, um protótipo navegável. Ele é uma representação estática, que mostra a disposição dos elementos na interface.
  • O wireframe não detalha como a interface deve responder a interações do usuário. Ele se concentra na estrutura e no layout, sem abordar comportamento dinâmico ou interatividade.

Para criar um protótipo navegável, usamos ferramentas mais avançadas como mockups interativos ou prototypes em softwares de design como Figma, Sketch ou Adobe XD. Estes sim permitem simular a navegação e as respostas da interface às ações do usuário.

Portanto, a alternativa E está correta ao indicar que a declaração está errada, pois confunde conceitos distintos dentro do frontend web.

Espero que esta explicação tenha ajudado a esclarecer o conceito de wireframe e a diferença entre ele e um protótipo navegável. Qualquer dúvida, estou à disposição!

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