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
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
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