Layout e Edição de Imagens para Web

Prévia do material em texto

Revisar envio do teste: Clique aqui para iniciar o Quiz
STSICAS3DA_2103-2103-695406 2103-LAYOUT E EDIÇÃO DE IMAGENS PARA WEB Quiz
REVISAR ENVIO DO TESTE: CLIQUE AQUI PARA INICIAR O QUIZ 
Usuário DANIELLI ALMEIDA DA LUZ
Curso 2103-LAYOUT E EDIÇÃO DE IMAGENS PARA WEB
Teste Clique aqui para iniciar o Quiz
Iniciado 24/11/21 17:53
Enviado 24/11/21 18:04
Data de vencimento 29/11/21 23:59
Status Completada
Resultado da tentativa 6 em 10 pontos  
Tempo decorrido 11 minutos
Resultados exibidos Todas as respostas, Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta Selecionada: 
Respostas:
 
Comentário
da resposta:
Este componente se sobrepõe à interface para direcionar o usuário a uma
pergunta e espera uma única ação. Por exemplo, ao tentar fechar um programa
de edição de documentos, este componente serve para perguntar ao usuário se
ele deseja salvar o documento, e ele não poderá seguir em frente ou acessar
qualquer outro comando enquanto não resolver esta situação.
Assinale a alterna�va que corresponda ao componente em questão:
Janela modal.
Hiperlink.
Radiobutton.
Switch.
Lista dropdown.
Janela modal.
As janelas modais interrompem o usuário para direcionar sua
atenção para alguma ação urgente ou prioritária.
Sala de Aula Tutoriais
1 em 1 pontos
DANIELLI ALMEIDA DA LUZ
39
https://senacsp.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_170037_1
https://senacsp.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_170037_1&content_id=_7591335_1&mode=reset
https://www.ead.senac.br/
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_193_1
https://senacsp.blackboard.com/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_210_1
https://senacsp.blackboard.com/webapps/login/?action=logout
Pergunta 2
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
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ções
curtas que respondem rapidamente ao usuário:
Gamificação
Gamificação
Usabilidade
Design de Animações
Macrointervenções
Microinterações
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 3
Resposta
Selecionada:
c.
Respostas: a.
b.
c.
Suponha que você fez uma série de fotografias artísticas com o seu telefone
celular smartphone, e cada foto possui dimensões de 4160 x 2340 pixels e com
resolução de 72 DPI. Você deseja colocar estas imagens em um portfólio na web,
mantendo qualidade visual, mas evitando que as pessoas consigam imprimi-las
com qualidade, caso as copiem. Assinale a alternativa que corresponda às
edições necessárias sobre estas fotos para que cumpram estes requisitos. 
Não é necessário alterar nenhum atributo nas fotos, pois a
linguagem HTML é capaz de redimensionar automaticamente as
fotos durante sua visualização na página, conforme restrições
definidas no código.
É necessário diminuir as dimensões e a resolução da foto, até que
atinjam tamanho e qualidade necessária para uma página web.
É necessário diminuir as dimensões da foto para um tamanho
adequado a páginas web, mantendo a resolução a 72 DPI.
0 em 1 pontos
0 em 1 pontos
d.
e.
Comentário
da
resposta:
Não é necessário alterar nenhum atributo nas fotos, pois a
linguagem HTML é capaz de redimensionar automaticamente as
fotos durante sua visualização na página, conforme restrições
definidas no código.
É necessário apenas diminuir a resolução das fotos, para que não
possam ser impressas com qualidade.
É necessário diminuir as dimensões da foto para um tamanho
adequado a páginas web, e aumentar a resolução para preservar
sua qualidade.
A resolução de 72 DPI é uma convenção adequada para
visualização de imagens em telas digitais com qualidade, portanto
basta diminuir as dimensões para que não seja possível aumento
posterior de resolução, o que permitiria imprimir estas imagens com
qualidade. 
Pergunta 4
Resposta
Selecionada:
Respostas:
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ível interagir 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:
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.
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. 
0 em 1 pontos
Comentário
da
resposta:
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.
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 5
Resposta
Selecionada:
e.
Respostas: a.
b.
c.
d.
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.
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. 
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.
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.
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.
1 em 1 pontos
e.
Comentário
da
resposta:
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.
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. 
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 6
Resposta Selecionada:Respostas:
 
Comentário
da
resposta:
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:
Taxonomia e Hierarquia
Rotulação e Interação
Busca e Acessibilidade
Taxonomia e Usabilidade
Taxonomia e Hierarquia
Interação e Hierarquia
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 7
Considere a seguinte composição tipográfica:
1 em 1 pontos
1 em 1 pontos
Resposta
Selecionada:
d.
Respostas: a.
b.
c.
d.
e.
Comentário
da
resposta:
Assinale a alternativa que corresponda a duas ações em tipografia que
permitiriam a você melhorar a organização e uniformidade desta composição.
Aumentar leading no título; diminuir tracking no corpo do
texto.
Aumentar leading no título; diminuir leading no corpo do
texto.
Ajustar kerning no título; alinhamento justificado no corpo do
texto.
Aumentar tracking no título; diminuir tracking no corpo do
texto. 
Aumentar leading no título; diminuir tracking no corpo do
texto.
Alinhamento justificado no título; ajustar kerning no corpo do
texto.
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 8 1 em 1 pontos
Resposta Selecionada: 
Respostas:
 
Comentário
da
resposta:
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 de
linguagem falada ou escrita, de modo que toda a comunicação seja condicionada
a uma estratégia unificada. 
Assinale a alternativa que corresponda ao assunto tratado na frase acima:
Design System
Programming System
Design System
UI Kits
Listas dropdown
Arquitetura de Informação
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 9
Resposta Selecionada: 
Respostas: 
Comentário
da
resposta:
Estes testes são utilizados para medir se os usuários estão entendendo o
propósito de um sistema de forma clara e rápida, bem como avaliar se os
elementos de destaque de uma página estão chamando a devida atenção e
compreensão do usuário. 
Assinale a alternativa que corresponda a este tipo de teste de usuário:
Testes de usabilidade
Testes de impressão
Testes de acessibilidade
Testes de usabilidade
Testes A/B
Análise heurística
Os testes de impressão apresentam uma página ao participante
durante 5 a 10 segundos, e depois o usuário é questionado sobre o
que ele percebeu sobre esta página.
0 em 1 pontos
Quarta-feira, 24 de Novembro de 2021 18h05min01s BRT
Pergunta 10
Resposta Selecionada: 
Respostas:
 
Comentário
da resposta:
Em uma interface, podemos observar a facilidade do usuário em aprendê-la, quão
eficiente ela é no cumprimento de uma tarefa, quão memorável é sua utilização,
quais as chances de erros acontecerem durante o uso, e quão satisfatória é a
experiência de uso que proporciona. 
Assinale a alternativa que corresponda à qualidade geral de uma interface web,
que considera todos os pontos mencionados na frase acima:
Usabilidade
Jogabilidade
User Stories
Microinteratividade
Usabilidade
Acessibilidade
A usabilidade é um dos principais pontos de análise de produtos e
serviços web que melhora a experiência do usuário.
← OK
1 em 1 pontos
javascript:launch('/webapps/blackboard/content/listContent.jsp?content_id=_7591335_1&course_id=_170037_1&nolaunch_after_review=true%27);