Questões de Concursos Web Design

Diversas ferramentas de IA generativa têm sido utilizadas em desenvolvimento web, com foco especial na personalização de experiências do usuário. Em geral, a personalização de experiências se baseia no processamento de dados coletados dos usuários.
A respeito dos benefícios relacionados ao uso de técnicas de IA generativa para personalização das experiências dos usuários, avalie as afirmativas a seguir:

I. Os usuários tendem, predominantemente, a se sentir mais valorizados ao receberem conteúdos alinhados a suas preferências e necessidades.
II. Os usuários tendem, predominantemente, a se sentir mais seguros com relação à proteção e à utilização ética e moralmente correta de seus dados privados.
III. Os usuários podem receber conteúdos dinâmicos, mais adequados às configurações de seus dispositivos.

Está correto o que se afirma em

O WebP é uma tecnologia criada pelo Google que proporciona compactação de imagens com o objetivo de fazer com que os sites da Internet carreguem mais rápido, uma vez que as imagens correspondem de 60% a 65% dos bytes na maioria das páginas.
A respeito do WebP, avalie se as afirmativas a seguir são verdadeiras (V) ou falsas (F).

( ) Com perdas, sem perda e transparência, há suporte para imagens WebP animadas, que podem fornecer tamanhos reduzidos em comparação com GIF e APNG.
( ) Permite metadados do tipo EXIF, mas não suporta o padrão XMP (usados por câmeras, por exemplo).
( ) Uma das maneiras de detectar a compatibilidade de um navegador com o WebP é por meio da biblioteca JavaScript Modernizr.

As afirmativas são, respectivamente,

As heurísticas de Nielsen são um conjunto de dez princípios gerais para o design de interfaces de usuário, desenvolvidos por Jakob Nielsen, um dos pioneiros no campo da usabilidade.
Acerca das heurísticas de Nielsen, considere as seguintes afirmações:

I. Os usuários geralmente executam ações por engano. Eles precisam de uma “saída de emergência” claramente marcada para abandonar a ação indesejada sem ter que passar por um processo extenso.
II. É dever do design manter os usuários sempre informados acerca do que está ocorrendo por meio de feedback adequado dentro de uma janela razoável de tempo.
III. Boas mensagens de erro são importantes, mas os melhores designs evitam cuidadosamente a ocorrência de problemas.

Está correto o que se afirma em

Os diferentes testes de usabilidade são indicados para diferentes etapas do ciclo de desenvolvimento de um produto.
Relacione os seguintes testes de usabilidade com a fase de desenvolvimento em que são normalmente empregados.

1. Teste de avaliação de usabilidade
2. Teste de exploração de usabilidade
3. Teste de validação de usabilidade
( ) fase inicial
( ) fase intermediária
( ) fase final

Assinale a opção que indica a relação correta, na ordem apresentada.

O uso de Inteligência Artificial generativa é de grande utilidade para desenvolvedores web, por permitir a criação rápida de ilustrações e gráficos de alta qualidade. Por exemplo, uma das ferramentas mais populares atualmente é a aplicação Crayion, anteriormente conhecida como DALL-E mini, por ser uma ferramenta de acesso livre com interface amigável. No entanto, essas ferramentas podem frustrar os usuários por apresentarem limitações que inviabilizam o uso dos elementos visuais criados a partir de seus resultados. A respeito das tendências no uso de IA generativa em design web, avalie as afirmativas a seguir:

I. Há limitações éticas relacionadas à reprodução de potenciais vieses discriminatórios, provenientes das bases de dados de treinamento das redes generativas.
II. Sua principal vantagem consiste na eliminação de elementos de propriedade intelectual protegida nas imagens geradas, garantindo aos desenvolvedores a não-obrigatoriedade de pagamentos de direitos autorais.
III. Há preocupações com relação à geração de imagens extremamente realistas e com o potencial uso dos chamados “deepfakes” em campanhas de desinformação.

Está correto o que se afirma em

Arquivos rasterizados e vetoriais são dois dos formatos mais populares usados em conteúdo visual. Ambos representam imagens, porém de formas bem distintas. Desta forma, há muito para considerar na hora de decidir qual deles utilizar em seu projeto.
A esse respeito, assinale a afirmativa correta.

O modelo de acessibilidade proposto pelo Governo Eletrônico Brasileiro (e-MAG 3.1) estabelece diretrizes e boas práticas para o desenvolvimento de conteúdos digitais acessíveis.
Sobre o e-MAG 3.1, analise as afirmativas a seguir.

I. Recomenda-se que vídeos e imagens tenham sempre controles de brilho e contraste, para garantir o acesso de pessoas com visão subnormal.
II. Recomenda-se o uso de tabelas para a diagramação do layout das páginas, pois facilita a organização visual do conteúdo.
III. A validação manual é essencial na avaliação de acessibilidade, pois certos aspectos precisam de julgamento humano para serem identificados.

Está correto o que se afirma em

Testes de Usabilidade são uma prática fundamental na Engenharia de Usabilidade, focando na observação de como usuários reais interagem com o sistema.
Sobre esses testes, é correto afirmar que

A Cartilha e-PWG do Governo Federal traz diretrizes para melhorar a comunicação e serviços online, definindo recomendações claras de desenvolvimento.
A recomendação de não abrir links em novas janelas e não usar janelas adicionais se alinha com a seguinte diretriz:

Cookies de websites podem ser processados e utilizados para treinamento de algoritmos de IA. No entanto, há preocupações éticas com relação à privacidade dos dados armazenados nos cookies. Uma das formas de aumentar a proteção dos dados dos usuários consiste em buscar a configuração mais segura dos atributos opcionais dos cookies.
Dos atributos opcionais de cookies listados abaixo, aquele que deve ser configurado para sinalizar ao navegador que o cookie deve ser enviado apenas por meio de uma conexão encriptada HTTPS é o

Cada página na internet possui diferentes entradas e saídas, o que pode gerar desorientação aos usuários. Dessa forma, é importante que o site informe ao visitante em que contexto ele se encontra, qual é o objetivo da página e defina claramente a navegação.
Assinale a opção que apresenta uma diretriz de contexto e navegação da Cartilha de Usabilidade dos Padrões Web em Governo Eletrônico e-PWG.

Uma das premissas do SEO é aumentar a visibilidade de sites nos motores de busca, com base na relevância do conteúdo. Para isso, os motores de busca usam elementos que ajudam a "compreender" o conteúdo do site.
Exemplos de elementos que auxiliam diretamente os motores de busca a interpretar o conteúdo de um site incluem:

A animação e os efeitos visuais desempenham um papel crucial na criação de conteúdos envolventes e dinâmicos, permitindo contar histórias complexas e fantásticas que cativam audiências. Um dos principais fornecedores de ferramentas para esse fim é a Adobe.
Nesse contexto, marque a opção que apresenta uma ferramenta do Adobe Creative Cloud e sua correta utilidade.

O reconhecimento e a recuperação de memória são cruciais em interfaces de usuário porque reduzem a carga cognitiva, facilitam a navegação e melhoram a eficiência.
Em face do exposto, é correto afirmar que

O Google Analytics é uma ferramenta voltada para métricas associadas aos usuários que acessam um site e pode gerar diversos relatórios.
Entre os relatórios possíveis, o que mostra o caminho que o usuário percorreu no site é o relatório de

O Figma é uma das ferramentas mais utilizadas atualmente quando se trata de criação de interfaces gráficas.
Em relação ao Figma, é correto afirmar que

Atomic Design é uma metodologia para criar sistemas de design robustos e escaláveis. Ela se baseia na ideia de dividir a interface em componentes menores e reutilizáveis. Esses componentes são baseados na teoria atômica, organizados de forma hierárquica e apresentam cinco níveis principais.
Sobre o Atomic Design, avalie de as afirmativas a seguir são verdadeiras (V) ou falsas (F).

( ) Átomos atuam como blocos de construção basilares que compõem as interfaces de usuário. Ex.: elementos HTML básicos, como rótulos de formulário, entradas e botões.
( ) Moléculas são grupos relativamente simples de elementos de UI atuando juntos, como uma unidade. Ex.: um rótulo de formulário, um campo de busca e um botão podem ser reunidos para gerar uma molécula de formulário de pesquisa.
( ) Organismos são instâncias específicas de templates que exibem o visual de uma interface com real implementação de conteúdo.

As afirmativas são, respectivamente,

De acordo com o e-MAG 3.1, a tag <meta http-equiv="refresh" content="30" />não deve ser utilizada, uma vez que

As diretrizes de Acessibilidade para Conteúdo Web (WCAG, em inglês) definem quatro princípios como base da acessibilidade no desenvolvimento de sites.
Relacione os princípios de acessibilidade às ações correspondentes.

1. Perceptibilidade
2. Operabilidade
3. Compreensibilidade
4. Robustez
( ) Garantir que todos os elementos interativos possam ser acessados via teclado.
( ) Usar HTML semântico de modo adequado.
( ) Fornecer instruções e feedback aos usuários.
( ) Fornecer alternativas textuais para imagens e vídeos.

Assinale a opção que indica a relação correta, na ordem apresentada.

Testes de usabilidade podem ser classificados em vários tipos, conforme o seu objetivo.
O teste de exploração, frequentemente realizado durante o desenvolvimento de uma aplicação web, tem por objetivo