QUIZZ -LAYOUT E EDIÇÃO DE IMAGENS PARA WEB

Prévia do material em texto

Curso 2203-LAYOUT E EDIÇÃO DE IMAGENS PARA WEB 
 
 
• Pergunta 1 
1 em 1 pontos 
Suponha que você deve criar um infográfico para uma página web. Esse infográfico é 
um diagrama que conecta muitas caixas de texto, de modo que fica um pouco difícil 
conseguir visualizar todo o infográfico e ao mesmo tempo ler o que há dentro de cada 
caixa de texto. A solução neste caso será a utilização de um mecanismo de ampliação 
e redução do infográfico, para permitir ao usuário navegar pelas caixas da maneira que 
lhe for conveniente. Neste mecanismo, o infográfico deve ser feito com uma ou mais 
imagens digitais.Considerando este contexto e suas restrições, assinale a alternativa 
correta. 
 
 
 
 
Resposta 
Selecionada: 
a. 
Deve ser utilizada uma imagem vetorial para representar o infográfico, 
pois ela permite uma representação descritiva dos elementos do 
diagrama, além de permitir ampliação e redução sem perda de 
informações. 
Respostas: a. 
Deve ser utilizada uma imagem vetorial para representar o infográfico, 
pois ela permite uma representação descritiva dos elementos do 
diagrama, além de permitir ampliação e redução sem perda de 
informações. 
 
b. 
Deve ser utilizada uma imagem bitmap grande, a ponto de a ampliação 
máxima do mecanismo corresponder a um recorte desta imagem. A 
visualização do inforgráfico como um todo ocorre por simples 
diminuição das dimensões deste na tela. 
 
c. 
Devem ser utilizadas várias imagens bitmap, cada uma representando 
um nível de ampliação do infográfico. 
 
d. 
Devem ser utilizadas diversas imagens vetoriais, cada uma 
representando uma possível resolução de tela do dispositivo do usuário, 
tornando-as adequadas aos diversos tamanhos de ampliação e redução 
do infográfico. 
 
 
e. 
Deve ser utilizada uma imagem vetorial para representar o infográfico 
em seu tamanho máximo. A imagem vetorial permite uma 
representação vetorial dos pixels do diagrama, garantindo redução de 
imagem sem perda de informações. 
Comentário 
da resposta: 
A imagem vetorial utiliza descrição de formas geométricas, o que 
contribui para a definição de imagens mais simples como logotipos e 
diagramas, bem como a aplicação de transformações de escala que não 
causam nenhuma perda de informação. Essa característica escalável é 
útil no caso de imagens que precisam ser ampliadas ou reduzidas na 
web. 
 
• Pergunta 2 
0 em 1 pontos 
Considere a seguinte composição tipográfica: 
 
Assinale a alternativa que corresponda a duas ações em tipografia que permitiriam a 
você melhorar a organização e uniformidade desta composição. 
 
Resposta 
Selecionada: 
e. 
Alinhamento justificado no título; ajustar kerning no corpo do 
texto. 
Respostas: a. 
Aumentar leading no título; diminuir leading no corpo do texto. 
 
 
b. 
Ajustar kerning no título; alinhamento justificado no corpo do 
texto. 
 c. 
Aumentar tracking no título; diminuir tracking no corpo do texto. 
 d. 
Aumentar leading no título; diminuir tracking no corpo do texto. 
 
e. 
Alinhamento justificado no título; ajustar kerning no corpo do 
texto. 
Comentário da 
resposta: 
O espaço entre linhas do título está pequeno, então é necessário 
aumentar o leading. O espaço entre letras do corpo do texto está 
grande de maneira uniforme, então é necessário diminuir o tracking. 
 
• Pergunta 3 
1 em 1 pontos 
Considere a seguinte criação de imagem no formato SVG. 
 
 
Assinale a alternativa que corresponda a um conjunto de recursos e ferramentas em 
um software de criação de imagens vetoriais, que permitiria a você realizar este desenho de 
forma prática. 
 
Resposta 
Selecionada: 
d. 
Círculos com contorno espesso sem preenchimento; linhas com espessura 
grande e cantos arredondados, dispostos de forma perpendicular; ação de 
rotacionar; ação de alinhar ao centro. 
Respostas: a. 
Círculos com contorno espesso e sem preenchimento; polígonos estrelados 
para desenhar os símbolos internos; ação de alinhar ao centro. 
 
 
b. 
Dois pares de círculos, cada par contendo um círculo maior e outro menor; 
subtração do círculo menor em relação ao círculo maior; uso de tipografia para 
os símbolos internos; ação de alinhar ao centro. 
 
c. 
Escrever um código SVG de dois círculos com espessura grossa e sem 
preenchimento; descrever a forma de cada símbolo através do uso de 
retângulos e quadrados; ação de alinhar ao centro. 
 
d. 
Círculos com contorno espesso sem preenchimento; linhas com espessura 
grande e cantos arredondados, dispostos de forma perpendicular; ação de 
rotacionar; ação de alinhar ao centro. 
 
e. 
Polígonos regulares com mais de 24 lados para dar a impressão de círculo; 
subtração de formas concêntricas; uso de curvas Bézier para desenhar 
símbolos internos; ação de alinhar ao centro. 
Comentário da 
resposta: 
Há diversas formas de realizar este desenho, mas o mais conveniente envolve o 
desenho de círculos com contorno de espessura grossa, sem preenchimento, e 
uso de formas geométricas básicas para desenho dos símbolos internos, além 
de rotação e alinhamento. 
 
• Pergunta 4 
1 em 1 pontos 
A arquitetura da informação tem o papel de separar e organizar o conteúdo de um 
sistema web em estruturas compreensíveis para os usuários do sistema. 
 
Assinale a alternativa que corresponda a duas técnicas de organização de conteúdo, 
comumente aplicadas pelos arquitetos de informação: 
 
Resposta Selecionada: 
Taxonomia e Hierarquia 
Respostas: Rotulação e Interação 
 Busca e Acessibilidade 
 Taxonomia e Usabilidade 
 
Taxonomia e Hierarquia 
 Interação e Hierarquia 
Comentário da 
resposta: 
Taxonomia é a classificação de unidades de informação em categorias 
mutualmente exclusivas, e hierarquia estabelece uma organização 
ordenada e priorizada de acesso a estas categorias. 
 
 
• Pergunta 5 
0 em 1 pontos 
Trata-se de um guia de posicionamento e distribuição de elementos gráficos no espaço, 
que garante um padrão consistente para as diferentes páginas de um livro, revista, 
website ou aplicativo móvel. 
 
Assinale a alternativa que corresponda ao assunto tratado na frase: 
 
Resposta Selecionada: 
Responsividade 
Respostas: Navegação 
 
Grade 
 Layout 
 Resolução de tela 
 Responsividade 
Comentário da 
resposta: 
É papel de uma grade subdividir o espaço de uma tela ou página em 
porções iguais e orientar o posicionamento de elementos. Uma mesma 
grade deve ser aplicada em todas as demais páginas para garantir um 
padrão. 
 
 
• Pergunta 6 
1 em 1 pontos 
Considere a seguinte transformação de imagem no formato JPG. 
 
 
Assinale a alternativa que corresponda a uma sequência de recursos e ações em um editor de imagen 
transformação. 
 
 
Resposta 
Selecionada: 
e. 
Criar uma seleção retangular do morango à esquerda da imagem > colocá-lo em nova 
nesta nova camada > selecionar e remover parte do fundo desta camada que invade o 
Respostas: a. 
Criar uma seleção retangular do morango à esquerda da imagem > Redimensionar a s 
 b. 
Redimensionar a imagem inteira > criar uma seleção do morango à esquerda > selecio 
 c. 
Selecionar e remover o fundo da imagem > selecionar o morango à esquerda > redime 
 d. 
Criar uma camada à frente > selecionar e copiar o morango à esquerda para esta nova 
 
e. 
Criar uma seleção retangular do morango à esquerda da imagem > colocá-lo em nova 
nesta nova camada > selecionar e remover parte do fundo desta camada que invade o 
Comentário da 
resposta: 
Há diversas formas de realizar esta transformação, mas a mais conveniente envolv 
posteriormente seu redimensionamento e remoção do fundo. 
 
 
• Pergunta 7 
1 em 1 pontos 
Suponha que um website possua um menu com 30 itens, dispostos lado a lado em uma 
barra de navegação que se localiza no topo da interface. Essa barra possui uma 
interação de rolagem horizontal, mas nem todos os usuários percebem que é possívelinteragir dessa forma com ela. Dispor os itens na vertical é uma alternativa, mas a barra 
de navegação continua extensa, gerando rolagem vertical em qualquer tamanho de tela. 
 
Assinale a alternativa que corresponda a um diagnóstico e solução relacionados à 
arquitetura de informação: 
 
Resposta 
Selecionada: 
 
A hierarquia representada no mapa do site está muito extensa em 
largura. Deve-se reorganizar o conteúdo em subcategorias, para que 
ocorra expansão em profundidade, enquanto se diminui a largura. 
Respostas: Há falta de boa rotulação, e uma solução seria o uso de termos mais 
curtos, para que aproveitem melhor o espaço tanto horizontal quanto 
vertical. 
 
 
A hierarquia representada no mapa do site está muito extensa em 
largura. Deve-se reorganizar o conteúdo em subcategorias, para que 
ocorra expansão em profundidade, enquanto se diminui a largura. 
 
A hierarquia representada no mapa do site está muito extensa em 
profundidade. Deve-se reorganizar o conteúdo em subcategorias, para 
que ocorra retração dessa profundidade, enquanto se cria expansão em 
largura. 
 O sistema de navegação possui muitos links entre as páginas. Deve-se 
reduzir a quantidade de ligações ao essencial. 
 
O sistema de navegação está muito complexo, portanto um sistema de 
busca pode auxiliar, permitindo que sejam removidos vários itens da 
barra de navegação. 
Comentário da 
resposta: 
Muitos itens em um menu representam expansão em largura. A 
hierarquia deve ser revista para diminuir a largura, o que permite a 
criação de subcategorias para expansão em profundidade, sem gerar a 
necessidade de eliminação de itens da navegação. 
 
• Pergunta 8 
1 em 1 pontos 
Considere os modelos de cor RGB e RGBA, com profundidades de cor representadas por 
24 bits e 32 bits respectivamente, ou seja, são 8 bits por canal de cor. Assinale a 
alternativa correta sobre estes modelos de cor. 
 
Resposta 
Selecionada: 
e. 
O canal A corresponde a diferentes níveis de transparência para a cor de 
um pixel formada pelos canais R, G e B. Portanto, quando comparado ao 
modelo RGB, o modelo RGBA demanda maior peso de arquivo para 
representar imagens com transparência. 
Respostas: a. 
O canal A corresponde à total transparência ou total opacidade de um 
pixel. Quando este canal é combinado aos canais R, G e B, temos 
256x256x256x2 = 33.554.432, ou seja, quase 34 milhões de 
possibilidades de cores. 
 
b. 
Em ambos os modelos, os canais R, G e B juntos correspondem a 256 
possibilidades de cor, e no caso do modelo RGBA, o canal A adiciona 
mais 8 níveis de transparência, totalizando 2048 possibilidades de cor 
para um pixel. 
 
c. 
No modelo RGBA, há o canal A para compensar a luminosidade dos 
canais R, G e B, que por si só não conseguem atingir a tonalidade preta 
pura. 
 
 
d. 
O modelo RGB representa a síntese aditiva de cores, e a soma dos 
canais R, G e B resultam na cor branca. No modelo RGBA, utilizamos o 
canal A para alterar a saturação da cor resultante nos canais R, G e B. 
 
e. 
O canal A corresponde a diferentes níveis de transparência para a cor de 
um pixel formada pelos canais R, G e B. Portanto, quando comparado ao 
modelo RGB, o modelo RGBA demanda maior peso de arquivo para 
representar imagens com transparência. 
Comentário 
da resposta: 
Os canais R (red), G (green), B (blue) e A (alpha) possuem 8 bits de 
representação, ou seja, 256 níveis por canal. Combinados, oferecem 
mais de 4 bilhões de possibilidades de cor. Para representar pixels com 
diferentes níveis de transparência, o modelo RGBA demanda maior 
tamanho de arquivo. 
 
• Pergunta 9 
0 em 1 pontos 
“Esse tipo de imagem compreende as imagens fotográficas e as ilustrações que 
possuem tons contínuos de cor. Como sua estrutura é formada por uma grade 
organizada de pixels, quando ampliada, revela grandes quadrados que diminuem a 
qualidade da visualização e sua semelhança com a realidade. A menos que uma 
imagem possa ser totalmente recriada em resolução maior, ela não pode ser ampliada 
sem prejuízo à sua qualidade visual” (GUERRA; TERCE, 2019) 
Considerando o texto acima, assinale a alternativa que corresponda aos termos 
destacados em negrito: 
 
 
Resposta 
Selecionada: 
d. 
O tipo de imagem é o bitmap, e a resolução é a proporção entre a 
quantidade de pixels de uma imagem e a quantidade de pixels de uma 
tela digital, e pode ser medida em PPI ou DPI. 
Respostas: a. 
O tipo de imagem é o vetor, e a resolução é medida em largura e altura da 
tela, em pixels. O vetor é uma imagem formada por pixels. 
 
 
b. 
O tipo de imagem é o vetorial, e a resolução é a proporção entre a 
quantidade de pixels de uma imagem e a quantidade de pixels de uma 
tela digital, e pode ser medida em PPI ou DPI. 
 
c. 
O tipo de imagem é o bitmap, e a resolução é medida em largura e 
altura da tela, em pixels. 
 d. 
 
O tipo de imagem é o bitmap, e a resolução é a proporção entre a 
quantidade de pixels de uma imagem e a quantidade de pixels de uma 
tela digital, e pode ser medida em PPI ou DPI. 
 
e. 
O tipo de imagem é o vetorial, e a resolução é a proporção entre a 
quantidade de pixels contidos na imagem e suas dimensões, e pode ser 
medida em DPI. 
Comentário da 
resposta: 
Um bitmap descreve uma imagem bidimensional através de pixels. A 
resolução, neste caso, é a resolução de imagem, medida em proporção 
de pixels por polegada (PPI) ou de pontos por polegada (DPI). 
 
• Pergunta 10 
1 em 1 pontos 
Considere a seguinte composição tipográfica: 
 
Assinale a alternativa que corresponda a duas ações em tipografia que permitiriam a você 
melhorar a organização e uniformidade desta composição. 
 
Resposta 
Selecionada: 
 
Ajustar o kerning no título; aumentar o leading no corpo do texto. 
Respostas: Aumentar o tracking no título; diminuir o tracking no corpo do texto. 
 Ajustar o kerning no título; alinhamento à esquerda no corpo do texto. 
 
 
Ajustar o kerning no título; aumentar o leading no corpo do texto. 
 Aumentar o tracking no título; aumentar o leading no corpo do texto. 
 Diminuir o tracking no título; diminuir o leading no corpo do texto. 
 
 
O espaçamento entre letras do título está irregular, por isso o ajuste deve ser feito no 
kerning de cada letra, para melhor distribuição. Já o corpo do texto tem espaçamento 
entre linhas reduzido, portanto aumentar o leading deve melhorar a distribuição. 
 
 
 
Curso 2203-LAYOUT E EDIÇÃO DE IMAGENS PARA WEB 
• Pergunta 1 
1 em 1 ponto 
Quando utilizamos animações curtas e localizadas em uma interface web para 
responder a cliques ou toques do usuário, garantimos que ele perceba que o 
sistema responde de forma dinâmica a qualquer ação que o usuário provocar. 
 
Assinale a alternativa que corresponde ao conceito que engloba estas animaçõe 
curtas que respondem rapidamente ao usuário: 
 
Resposta Selecionada: 
Microinterações 
Respostas: Gamificação 
 Usabilidade 
 Design de Animações 
 Macrointervenções 
 
Microinterações 
Comentário 
da resposta: 
Microinterações envolvem qualquer tipo de reação rápida 
e dinâmica, que não necessariamente retornam uma 
informação útil, mas que ajudam o sistema a responder 
prontamente ao usuário e a mantê-lo engajado. 
 
 
• Pergunta 2 
1 em 1 ponto 
“Esse tipo de imagem compreende as imagens fotográficas e as ilustrações qu 
possuem tons contínuos de cor. Como sua estrutura é formada por uma grade 
organizada de pixels, quando ampliada, revela grandes quadrados que diminuem 
 
qualidade da visualização e sua semelhança com a realidade. A menos que uma 
imagem possa ser totalmente recriada em resolução maior, ela não pode ser 
ampliada sem prejuízo à sua qualidade visual” (GUERRA; TERCE, 2019) 
Considerando o texto acima, assinale a alternativa que corresponda aos termos 
destacados em negrito: 
 
Resposta 
Selecionada: 
c. 
O tipo de imagem é o bitmap, e a resolução é medida em 
largura e altura da tela, em pixels.Respostas: a. 
O tipo de imagem é o vetor, e a resolução é medida em 
largura e altura da tela, em pixels. O vetor é uma imagem 
formada por pixels. 
 
 
b. 
O tipo de imagem é o vetorial, e a resolução é a 
proporção entre a quantidade de pixels de uma imagem 
e a quantidade de pixels de uma tela digital, e pode ser 
medida em PPI ou DPI. 
 
c. 
O tipo de imagem é o bitmap, e a resolução é medida em 
largura e altura da tela, em pixels. 
 
d. 
O tipo de imagem é o bitmap, e a resolução é a 
proporção entre a quantidade de pixels de uma imagem 
e a quantidade de pixels de uma tela digital, e pode ser 
medida em PPI ou DPI. 
 
e. 
O tipo de imagem é o vetorial, e a resolução é a 
proporção entre a quantidade de pixels contidos na 
imagem e suas dimensões, e pode ser medida em DPI. 
Comentário 
da resposta: 
Um bitmap descreve uma imagem bidimensional através 
de pixels. A resolução, neste caso, é a resolução de 
imagem, medida em proporção de pixels por polegada 
(PPI) ou de pontos por polegada (DPI). 
 
 
• Pergunta 3 
1 em 1 ponto 
Uma user story corresponde a uma representação de pessoa e situação 
observável no contexto de um problema. Estas histórias posteriormente 
funcionam como orientações simples e claras para o desenvolvimento de 
funcionalidades de um sistema que irão solucionar tais situações. 
 
 
Assinale a alternativa que corresponda a uma user story, como definida no 
material desta disciplina: 
Resposta 
Selecionada: 
 
Como alguém que chega tarde do trabalho em casa, 
quero poder relaxar antes de dormir. 
Respostas: 
Como alguém que chega tarde do trabalho em casa, 
quero poder relaxar antes de dormir. 
 
Como um gerente de produto, eu quero entender melhor 
sobre as pessoas que abandonam o website, de modo 
que eu possa pensar em melhores campanhas de 
retenção destes usuários. 
 
Como um vendedor de pipocas, eu quero utilizar uma 
máquina de cartões de débito e crédito para que meus 
clientes possam pagar de diversas maneiras. 
 Como um trabalhador autônomo, eu quero organizar 
meus horários de trabalho. 
 Quero realizar todos os dias este exercício físico, de 
modo que eu ganhe o hábito de fazê-lo. 
Comentário 
da resposta: 
Uma user story segue a estrutura “Como um <persona>, 
eu quero <intenção>, de modo que <benefício>. Mas ela 
não deve apontar uma solução, e sim uma necessidade e 
uma motivação. A alternativa b é a que melhor se encaixa 
nesses requisitos, pois as demais cumprem parcialmente 
o escopo de user story. 
 
 
• Pergunta 4 
1 em 1 ponto 
Considere a seguinte composição tipográfica. 
 
Assinale a alternativa que corresponda a uma ação em tipografia que permitiria a 
você melhorar a organização e uniformidade desta composição. 
Resposta Selecionada: b. 
Kerning 
Respostas: a. 
Leading 
 b. 
Kerning 
 c. 
Tracking 
 d. 
Phishing 
 e. 
Nenhuma das alternativas 
Comentário da 
resposta: 
As letras precisam de ajuste de kerning, ou entreletras 
individuais, pois várias delas estão ajustadas de forma 
irregular: enquanto se aproximam muito de um caractere 
vizinho, afastam em demasiado do outro. 
 
 
• Pergunta 5 
1 em 1 ponto 
Suponha que você precise adicionar dois componentes em seu blog, um para 
compartilhamento de artigos em redes sociais e outro para listar artigos 
relacionados após o usuário ter lido o artigo principal. 
 
 
Assinale a alternativa que corresponda a seções de navegação adequadas para 
cada um destes componentes: 
Resposta 
Selecionada: 
 
Ambos devem ser posicionados em áreas de navegação 
contextual. 
Respostas: 
Ambos devem ser posicionados em áreas de navegação 
contextual. 
 
O compartilhamento em redes sociais deve ser 
colocado em área de navegação global, e os artigos 
relacionados em área de navegação local. 
 Ambos devem ser posicionados em áreas de navegação 
local. 
 
O compartilhamento em redes sociais deve ser 
colocado em área de navegação contextual, e os artigos 
relacionados em área de navegação local. 
 
O compartilhamento em redes sociais deve ser 
colocado em área de navegação local, e os artigos 
relacionados em área de navegação contextual. 
Comentário 
da resposta: 
Uma vez que ambos os componentes se relacionam ao 
contexto principal, que é o artigo, não faz sentido que 
sejam posicionados em áreas de navegação global nem 
local. Portanto, devem estar em áreas de navegação 
contextual. 
 
 
• Pergunta 6 
1 em 1 ponto 
Suponha que você precisa criar uma fotografia digital de boa qualidade com fun 
em diferentes níveis de transparência, para ser usada em um sistema web. 
Assinale qual o formato de imagem digital mais adequado para esta finalidade. 
 
Resposta Selecionada: c. 
PNG 
Respostas: a. 
JPG 
 b. 
GIF 
 c. 
PNG 
 
 d. 
SVG 
 e. 
PDF 
Comentário da 
resposta: 
O formato PNG utiliza modelo de cores RGBA, que 
permite riqueza de cores (tons contínuos) para a 
qualidade fotográfica, além dos diferentes níveis de 
transparência exigidos. 
 
• Pergunta 7 
1 em 1 ponto 
Suponha que você deseja criar uma animação em um logotipo que faz uso de 
formas geométricas básicas, e esta animação faz com que o logo parta da total 
transparência até atingir a total opacidade. Este logo animado será aplicado sob 
locais diferentes e em diferentes tamanhos na web. Assinale qual o formato de 
imagem digital mais adequado para esta finalidade. 
 
Resposta Selecionada: d. 
SVG 
Respostas: a. 
JPG 
 b. 
GIF 
 c. 
PNG 
 d. 
SVG 
 e. 
TIF 
Comentário 
da resposta: 
O SVG é adequado para animações com desenhos 
simples, de formas geométricas bem definidas, e ele dá 
suporte a diferentes modelos de cores, dentre eles o 
RGBA, o que permitiria a transição entre transparência e 
opacidade, além de fundo transparente. E por ser um 
formato de imagem vetorial, permite escalabilidade sem 
perda de qualidade, sendo apropriado para aplicações em 
diversos tamanhos. 
 
 
• Pergunta 8 
0 em 1 ponto 
Suponha que você deve criar um infográfico para uma página web. Esse 
infográfico é um diagrama que conecta muitas caixas de texto, de modo que fic 
 
um pouco difícil conseguir visualizar todo o infográfico e ao mesmo tempo ler o 
que há dentro de cada caixa de texto. A solução neste caso será a utilização de 
um mecanismo de ampliação e redução do infográfico, para permitir ao usuário 
navegar pelas caixas da maneira que lhe for conveniente. Neste mecanismo, o 
infográfico deve ser feito com uma ou mais imagens digitais.Considerando este 
contexto e suas restrições, assinale a alternativa correta. 
 
 
 
Resposta 
Selecionada: 
d. 
Devem ser utilizadas diversas imagens vetoriais, cada 
uma representando uma possível resolução de tela do 
dispositivo do usuário, tornando-as adequadas aos 
diversos tamanhos de ampliação e redução do 
infográfico. 
Respostas: a. 
Deve ser utilizada uma imagem vetorial para representar 
o infográfico, pois ela permite uma representação 
descritiva dos elementos do diagrama, além de permitir 
ampliação e redução sem perda de informações. 
 
b. 
Deve ser utilizada uma imagem bitmap grande, a ponto 
de a ampliação máxima do mecanismo corresponder a 
um recorte desta imagem. A visualização do inforgráfico 
como um todo ocorre por simples diminuição das 
dimensões deste na tela. 
 
c. 
Devem ser utilizadas várias imagens bitmap, cada uma 
representando um nível de ampliação do infográfico. 
 
d. 
Devem ser utilizadas diversas imagens vetoriais, cada 
uma representando uma possível resolução de tela do 
dispositivo do usuário, tornando-as adequadas aos 
diversos tamanhos de ampliação e redução do 
infográfico. 
 
e. 
Deve ser utilizada uma imagem vetorial para representar 
o infográfico em seu tamanho máximo. A imagem 
vetorial permite uma representação vetorial dos pixels do 
 
diagrama, garantindo redução de imagem sem perda de 
informações. 
Comentário 
da resposta: 
A imagem vetorial utiliza descriçãode formas 
geométricas, o que contribui para a definição de imagens 
mais simples como logotipos e diagramas, bem como a 
aplicação de transformações de escala que não causam 
nenhuma perda de informação. Essa característica 
escalável é útil no caso de imagens que precisam ser 
ampliadas ou reduzidas na web. 
 
• Pergunta 9 
1 em 1 ponto 
Trata-se de uma coleção de componentes de interface reutilizáveis, guiados por 
padrões claros, que podem ser estruturados em conjunto, para a construção de 
qualquer número de aplicações. Estes componentes também podem ser regras 
linguagem falada ou escrita, de modo que toda a comunicação seja condicionad 
a uma estratégia unificada. 
 
Assinale a alternativa que corresponda ao assunto tratado na frase acima: 
 
Resposta Selecionada: 
Design System 
Respostas: Programming System 
 
Design System 
 UI Kits 
 Listas dropdown 
 Arquitetura de Informação 
Comentário da 
resposta: 
Design Systems oferecem regras, padrões e 
componentes que ajudam a criar experiências 
consistentes ao longo de diferentes produtos e serviços 
sob uma mesma marca. 
 
 
• Pergunta 10 
1 em 1 ponto 
Um sistema de busca é utilizado quando um website ou aplicativo possui muita 
unidades de informação e que dificilmente poderiam ser categorizadas e 
hierarquizadas de forma eficiente para serem acessadas via navegação. A busc 
auxilia usuários que sabem exatamente o que procuram ou que conseguem 
descrever de alguma forma o que procuram. 
 
 
Assinale a alternativa que possui uma informação complementar à frase acima, e 
que indique maneiras de melhorar a experiência de busca: 
Resposta 
Selecionada: 
 
A utilização de query builders como autocorrigir e 
autocompletar ajudam os usuários a dizer o que 
procuram com mais assertividade. 
Respostas: Deve-se observar a expansão em profundidade de uma 
estrutura hierárquica, pois se for muito profunda, 
significa que os termos de busca levarão mais tempo 
para serem encontrados. 
 
A construção de um banco de sinônimos de termos de 
busca é desaconselhada, pois podem conduzir o usuário 
a resultados que não se relacionam com o termo 
buscado. 
 
 
A utilização de query builders como autocorrigir e 
autocompletar ajudam os usuários a dizer o que 
procuram com mais assertividade. 
 
Ordenar resultados por tempo de resposta do sistema é 
uma forma de trazer resultados com rapidez e 
relevância. 
 
Desmembrar a query em palavras e realizar buscas 
separadas com cada palavra é a única forma de 
encontrar resultados relevantes. 
Comentário 
da resposta: 
As query builders ajudam a formatar a busca corrigindo 
palavras erradas e completando com termos recorrentes 
e relacionados. Além disso, facilitam ao sistema 
encontrar termos com mais precisão, pois eliminam erros 
ou termos improváveis 
 
 
 
 
 
	 Pergunta 1
	 Pergunta 2
	 Pergunta 3
	 Pergunta 4
	 Pergunta 5
	 Pergunta 6
	 Pergunta 7
	 Pergunta 8
	 Pergunta 9
	 Pergunta 10