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

Comentários

Veja os comentários dos nossos alunos

Dreamweaver? Ainda usam isso?

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo