Uma desenvolvedora de interfaces para web em um banco recebe...

Próximas questões
Com base no mesmo assunto
Q3057465 Programação
Uma desenvolvedora de interfaces para web em um banco recebeu a tarefa de participar da criação de uma aplicação web para a intranet do banco. O projeto será dividido em três fases. Primeiramente, ela deve criar um modelo wireframe para definir a estrutura básica da interface. Em seguida, ela precisa desenvolver um mockup para adicionar detalhes visuais e interativos ao modelo inicial. Por fim, deve converter o mockup em um modelo funcional em HTML5 que será utilizado no código da aplicação.

Considerando-se esse contexto e a ordem de execução das fases, as ferramentas que essa desenvolvedora deve escolher para otimizar o trabalho e garantir a adequação perfeita a cada fase são, respectivamente,
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

A alternativa correta é: E - Balsamiq, Figma, Dreamweaver

Essa questão aborda a utilização de ferramentas específicas para o desenvolvimento de interfaces de aplicações web, dividindo o processo em três fases distintas: criação de wireframe, desenvolvimento de mockup e conversão em um modelo funcional em HTML5. Compreender as diferenças entre essas etapas e as ferramentas adequadas para cada uma é essencial para resolver a questão.

Fase 1: Criação do Wireframe

Um wireframe é um esqueleto ou estrutura básica da interface, que foca mais na funcionalidade e na organização dos elementos na tela sem detalhes visuais. A ferramenta mais apropriada para esta fase é o Balsamiq, pois é amplamente utilizada para criar wireframes de maneira simples e eficaz.

Fase 2: Desenvolvimento do Mockup

O mockup é uma versão mais detalhada do wireframe, que inclui cores, tipografia e aspectos visuais, além de interatividade. O Figma é uma excelente escolha para esta fase, pois permite a criação de mockups ricos em detalhes visuais e com funcionalidades interativas.

Fase 3: Conversão para HTML5

Na última etapa, a tarefa é converter o mockup em um modelo funcional, utilizando HTML5. Dreamweaver é uma ferramenta poderosa para desenvolvimento web, adequada para codificar e visualizar a estrutura da aplicação em HTML5.

Análise das Alternativas Incorretas:

A - Miro, Adobe XD, Balsamiq: Miro é mais uma ferramenta de colaboração e brainstorm, não especificamente focada em wireframes. Adobe XD poderia ser uma boa escolha para mockups, mas não se encaixa na sequência correta indicada na alternativa.

B - Sketch, Figma, Miro: Sketch e Figma são bons para mockups, mas Miro, como mencionado, não é voltado para a última fase de conversão em HTML5.

C - Dreamweaver, Visual Studio, Balsamiq: Dreamweaver é adequando para a última fase, mas Visual Studio não é um software específico para mockups e Balsamiq deveria ser utilizado na primeira fase.

D - Figma, Balsamiq, Miro: Nesta sequência, as ferramentas não estão na ordem correta para cada fase do projeto.

Portanto, a escolha da alternativa E é a mais adequada, pois alinha as ferramentas corretas para cada etapa do desenvolvimento de interfaces.

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