Design para web

Prévia do material em texto

Qual o profissional responsável por planejar, criar, desenvolver e manter as  interfaces de aplicações web e sistemas digitais?
		
	
	Web writer
	
	Arquiteto da informação
	
	Especialista em estratégias de SEO
	
	Gerente de projetos
	 
	
Web designer
	Respondido em 31/03/2021 22:03:31
	
	
	 
		2
          Questão
	
	
	Em que geração de web (1.0, 2.0, 3.0, 4.0) , estudadas nas aulas, caracteriza-se por pouca ou nenhuma interação do usuário ? Pode ser que essa característica seja comum a todas (avalie). Assinale a UNICA alternativa CORRETA.
		
	
	web 4.0
	
	web 3.0
	
	Nas 4 gerações.
	
	web 2.0
	 
	web 1.0
	Respondido em 31/03/2021 22:04:19
	
Explicação:
Na WEB 1.0 o usuario praticamente apenas consultava o que era postado pelas empresas e geradores de conteúdo
	
	
	 
		3
          Questão
	
	
	Correlacione a era WEB (coluna1), com as corretas características (coluna2)
	A Era WEB       
	Carcaterísticas da Era WEB
	a. WEB 1.0
	1. Web informativa, pouca interação do usuários
	b. WEB 2.0
	2. web semântica, a informação é personalizada
	c. WEB 3.0
	3. Web colaborativa, predomínio de dispositivos móveis
	d. WEB 4.0
	4. web inteligente,  algoritmos inteligentes em IA tomam decisões
Assinale a UNICA alternativa que apresenta a correta relação entre as 2 colunas
 
		
	
	1-c ,2-a ,3-b ,4-d
	 
	1-a ,2-c ,3-b ,4-d
	
	1-a ,2-b ,3-c ,4-d
	
	1-a ,2-c ,3-d ,4-b 
		
	 
		
	
		1.
		Identifique para cada declaração a seguir, se trata-se de requisito funcional (RF), requisito não funcional (RNF) ou regra de negócio (RN).
1. A interface deve ser projetado com base nas abordagens de Mobile First e Design Responsivo.
2. O sistema deve registrar os possíveis perfis de usuátios do website
3. O sistema deve gerar o arquivo de pagamentos ao banco, em 10 segundos, no máximo.
4. O sistema deve apresentar imagem de cada produto a ser comercializado, podendo expandir se usuário assim desejar
5. Produtos até R$ 100,00, não podem ser parcelados no cartão de crétdito.
Assinale a UNICA opção que apresenta, em ordem (1 a 5), a correta classificação de cada declaração.
	
	
	
	1.RNF, 2.RF, 3.RF, 4.RN, 5.RNF
	
	
	1.RNF, 2.RF, 3.RNF, 4.RF, 5.RN
	
	
	1.RNF, 2.RNF, 3.RN, 4.RF, 5.RN
	
	
	1.RN, 2.RF, 3.RNF, 4.RN, 5-RNF
	
	
	1.RF,  2.RF, 3.RN, 4.RF,5. RN
	
Explicação:
1. A interface deve ser projetado com base nas abordagens de Mobile First e Design Responsivo. - RNF - descreve uma característica para uso de abordgens de design
2. O sistema deve registrar os possíveis perfis de usuátios do website - RF - Uma funcionalidade so sistema
3. O sistema deve gerar o arquivo de pagamentos ao banco, em 10 segundos, no máximo. -RNF - Foca no aspecto tempo de uma tarefa - RNF
4. O sistema deve apresentar imagem de cada produto a ser comercializado, podendo expandir se usuário assim desejar - RF - Funcionalidade
5. Produtos até R$ 100,00, não podem ser parcelados no cartão de crétdito. - RN - regra que independe do sistema. ´É inerente ao negócio
	
	
	
	 
		
	
		2.
		Assinale a ÚNICA opção VERDADEIRA
 
	
	
	
	O briefing deve contar um orçamento detalhado, projetando mensalmente o saldo em detalhes
	
	
	A necessidade de determinada funcionalidade ter rápido processamento (incremento de performance) é um requisito funcional
	
	
	A principal finalidade do briefing é se um documento inicial, que concentre dados e informações relevantes do projeto de website, visando dentre outras coisas comunicar a equipe e demais interessados
	
	
	Regras de negócio dizem respeito a aplicar tecnologia na solução, ampliando as possibiidades da empresa
	
	
	A participação do cliente na elaboração briefing é descartável
	
	
	
	 
		
	
		3.
		A definição do escopo de um projeto, envolve conhecer tudo aquilo que o website fará e ainda o que ele não fará, ou seja, que está fora do escopo do projeto. O termo escopo poderia ser substituído por abrangência do projeto.
Sobre o escopo, assinale a UNICA resposta ERRADA.
	
	
	
	Um erro na identificação do escopo pode ser fatal
	
	
	Não é permitida variação no escopo durante o projeto
	
	
	Na declaração do escopo devem constar: as premissas e restrições ao projeto
	
	
	Ao afetar o escopo do projeto, pode-se comprometer seu orçamento e cronograma
	
	
	A não identificação de requisitos adequadamente, pode afetar o escopo do projeto
		São componentes básicos de uma página web, exceto?
	
	
	
	Cabeçalho
	
	
	Rodapé
	
	
	Bloco de Navegação
	
	
	Grid com dados de uma tabela do banco de dados
	
	
	Logotipo
	
Explicação:
Grid com dados de um BD não corresponde a um componente de web site básico.
	
	
	
	 
		
	
		2.
		As propriedades a seguir referem-se a que elemento do website ?
1. Compreende toda área da página web sem preenchimento 
2. Fundamental, visando que o design visual não pareça confuso e com excesso de informações. 
3. Conduz o usuário e ajuda a equilibrar  
4. Ajuda a criar unidade nos elementos 
Assinela a UNICA opção, que apresenta o correto elemento de uma página web, a que se referem as propriedades acima
	
	
	
	Cabeçalho
	
	
	Espaço em branco
	
	
	Bloco de conteúdo
	
	
	Rodapé
	
	
	Navegação
	
	
	
	 
		
	
		3.
		O HTML é uma linguagem de marcação para construção de páginas WEB. Avalie as assertivas a seguir como características da linguagem HTML
I. Dependente de plataforma 
II. Permite a qualquer computador, com navegador instalado, ler e interpretar o código HTML 
III. Não existe uma empresa privado=a ou pública ou pessoa que monopolize a linguagem HTML
IV. arquivos HTML são grandes e relacionados pelos hiperlinks
Assinale a UNICA opção com assertivas corretas APENAS
	
	
	
	II, III e IV
	
	
	I e III
	
	
	II e IV
	
	
	I, II e IV
	
	
	II e III
		Das declarações a seguir, assinale a opção que apresenta um requisito NÃO funcional.
	
	
	
	Emitir relatório pro grupo de despesas
	
	
	A interface deve ser desenvolvida com a abordagem Mobile First
	
	
	Vendas podem ser a vista (dinheiro) ou cartão (1x). Compras acima de 100, podem ser parceladas
	
	
	Excluir receita operacional
	
	
	Cadastrar nova despesas
	
Explicação:
requisitos NAO funcionais são propriedades do sistema, ou de algum ou alguns de suas funcionalidades
	
	
	
	 
		
	
		2.
		Todo projeto precisa ser justificado. No que se refere as justificativas do projeto, avalie as assertivas a seguir
I.Deve-se declarar o problema a ser resolvido e os benefícios que pretende-se atingir
II. Não deve Apresentar números, como valores das receitas provenientes do resultado do projeto
III.Esclarecer os porquês das atividades e investimentos necessários
Com base em sua análise, assinale a ÚNICA opção que apresenta APENAS as assertivas CORRETAS
	
	
	
	I e III 
	
	
	I e II
	
	
	II e III
	
	
	II
	
	
	III
	
Explicação:
I.Deve-se declarar o problema a ser resolvido e os benefícios que pretende-se atingir - VERDADE
II. Não deve Apresentar números, como valores das receitas provenientes do resultado do projeto - FALSO, deve-se apresentar SIM os números com as receitas, de forma a sensibilidar melhor os patrocinadores
III.Esclarecer os porquês das atividades e investimentos necessários - VERDADE
	
	
	
	 
		
	
		3.
		"Direciona o desenvolvimento de uma interface que busque atingir o foco do site, valorizando o conteúdo oferecido e compartilhado. 
Além do enfoque de criação e edição do conteúdo do website, mostra-se útil como princípio que conduz a experiência do usuário."
O texto acima refere-se a:  (assinela a UNICA opção correta)
 
	
	
	
	objetivo  
	
	
	planejamento
	
	
	engajamento
	
	
	projeto de interação com usuário 
	
	
	conceito editorial 
		Avalie as 2 assertivas a seguir e descubra o conceito que está sendo descrito
I. Na visão do usuário, a interface é o próprio software, na medida em que é através delaque são executadas as suas tarefas.
II. Mede o quão fácil é a interação entre usuário e sistema. Nessa direção, o designer de interação deve lançar mão de ferramentas como wireframe, mockups e protótipos.
Assinale a UNICA alternativa correta.
	
	
	
	Programação
	
	
	Legibilidde
	
	
	Estética
	
	
	Usabilidade (da interface)
	
	
	Funcionalidade
 
	
	
	
	 
		
	
		2.
		Um bom trabalho da equipe de _____________________ permite:
I. que as informações sejam facilmente identificáveis no website 
II. uma navegação eficiente e intuitiva
III. uma boa distribuição do conteúdo, pela página web.
Assinale a UNICA opção que preenhe corretamente a frase acima.
	
	
	
	Design da interação
	
	
	Legibildade
	
	
	Arquitetura da informação
	
	
	Design responsivo
	
	
	Usabilidade
	
	
	
	 
		
	
		3.
		A que atributo da Usabilidade, estamos fazendo referência ?
I. É um dos 5 atributos de Nielsen, para definir usabilidade
II. Visa permitir que o usuário rapidamente relembre o uso do software, em caso de reaprendizado, depois de um certo tempo de inatividade em seu uso.
	
	
	
	Facilidade de aprendizado
	
	
	Produtividade
	
	
	Memorabilidade
	
	
	Prevenção de erros
	
	
	Satisfação do usuário
		Avalie as asserivas a seguir
I. A avaliação Heurística avalia uma interface, a luz de heurísticas, por avaliadores, necessariamente em uma interface implementada
II. O design responsivo visa adequar um website para que funcione adequadamente independente do dispositivo do usuário.
III. O design universal avalia interfaces a luz de 7 princípios;
Com base em sua análise, assinale a UNICA alternativa que apresenta TODAS as assertivas corretas.
	
	
	
	II e III
	
	
	III
	
	
	II
 
	
	
	I e III
	
	
	I, II e III
	
Explicação:
I. A avaliação Heurística avalia uma interface, a luz de heurísticas, por avaliadores, necessariamente em uma interface implementada - FALSO, NAO necessariamente a interface precisa estar implementada
II. O design responsivo visa adequar um website para que funcione adequadamente independente do dispositivo do usuário. - VERDADE
III. O design universal avalia interfaces a luz de 7 princípios; - VERDADE
	
	
	
	 
		
	
		2.
		Uma das heurísticas propostas pelo método de inspeção de Jacob Nielsen, a Avaliação Heurística, diz que: 
- "Usuário deve poder realizar todas as ações disponíveis na interface e se, por ventura, seguir um caminho equivocado deve ser alertado e ter a possibilidade de voltar ao ponto de origem, revertendo a ação sem perdas (UNDO)."
De qual heurística estamos falando?
Assinale a ÚNICA opção correta
	
	
	
	Estética e design minimalista
	
	
	Reconhecimento ao invés de lembrança
	
	
	Compatibilidade entre sistema e mundo real  
	
	
	Controle e liberdade do usuário
	
	
	Visibilidade do status do sistema
	
	
	
	 
		
	
		3.
		Uma das heurísticas propostas pelo método de inspeção de Jacob Nielsen, a Avaliação Heurística, diz que: 
- "A terminologia usada na interface deve ser centrada na linguagem do usuário e não orientada ao sistema". 
De qual heurística estamos falando?
Assinale a ÚNICA opção correta.
	
	
	
	Controle e liberdade do usuário
	
	
	Visibilidade do status do sistema
	
	
	Reconhecimento ao invés de lembrança
	
	
	Compatibilidade entre sistema e mundo real
	
	
	Estética e design minimalista
	
		Estudamos na aula um procedimento de 4 passos para elaborar o wireframe inicial. Assinale a ÚNICA opção que NÃO consta desse procedimento
	
	
	
	Escolha as imagens e definina seu tamanho e resolução
	
	
	Conheça o fluxo do usuário
	
	
	Organize o wireframe
	
	
	Selecione os elementos
	
	
	Inspire-se e busque referencias
	
	
	
	 
		
	
		2.
		Assinale a ÚNICA opção ERRADA sobre o contexto de elaboração da versão inicial de wireframes.
	
	
	
	não deve conter detalhes de conteúdo
	
	
	deve conter os principais elementos de cada janela do website
	
	
	deve conter o fluxo entre as janelas do website
	
	
	deve conter a relação entre as janelas do website
	
	
	tem preocupação de como será o posicionamento de cada edit e respectiva fonte
	
	
	
	 
		
	
		3.
		Avalie as assertivas a seguir no que se refere ao protótipo de alta fidelidade
I. Deve, preferencialmente, ser elaborado depois dos wireframes.
II. Com o wireframe já foi possível realizar a avaliação heurística
III. Colocam o usuário no centro do processo de desenvolvimento
Com base em sua análise, assinale a ÚNICA opção que apresenta TODAS as assertivas CORRETAS
 
	
	
	
	I, II e III
	
	
	I e III  
	
	
	III
	
	
	I
	
	
	I e II
		Existem 2 opções para compactação de arquivos, em especial dos arquivos com imagens: com perda e sem perda. 
No que se refere a compactação SEM perda, assinale a ÚNICA opção CORRETA
	
	
	
	Imagens precisam ser descompactadas antes da exibição
	
	
	Usa filtro que não comprime os dados
	
	
	Gera arquivos mais leves
	
	
	Reduz a qualidade da imagem
	
	
	Degrada a imagem
	
	
	
	 
		
	
		2.
		No que se refere aos ícones na WEB, avalie as assertivas a seguir.
I.SVG é a junção dos termos em inglês Scalable Vector Graphics. 
II.São gráficos vetoriais escaláveis, editáveis, sem perda de qualidade, em um formato aberto e mantido pela W3C.
III.O SGV é baseado em SQL
IV.Os navegadores modernos não suportam SVG
Com base na sua análise, assinale a ÚNICA alternativa que apresenta APENAS as assertivas corretas.
	
	
	
	I 
	
	
	I, II, III e IV
	
	
	I e III
	
	
	III e IV
	
	
	I e II
	
Explicação:
I.SVG é a junção dos termos em inglês Scalable Vector Graphics. --> VERDADE
II.São gráficos vetoriais escaláveis, editáveis, sem perda de qualidade, em um formato aberto e mantido pela W3C. --> VERDADE
III.O SGV é baseado em SQL -- FALSO, é baseado em XML
IV.Os navegadores modernos suportam SVG - FALSO, pois eles suportam , sim
	
	
	
	 
		
	
		3.
		Avalie as assertivas abaixo no que se refere ao conceito e uso de tipografia na WEB.
I. tipografia permite que o internauta tenha uma boa experiência de navegação independente de seu nível de sua destreza técnica 
II. tipografia refere-se em avaliar unica e exclusivamente do rodapé (mapa do site)
III.Os elementos de um website possuem uma relação, que pode ser classificada de 3 formas: : concordante, conflitante e contrastante
Assinale a única alternativa que apresenta  TODAS as assertivas corretas
	
	
	
	I e II 
	
	
	I 
	
	
	I, II e III
	
	
	II e III
	
	
	I e III
	
Explicação:
I. tipografia permite que o internauta tenha uma boa experiência de navegação independente de seu nível de sua destreza técnica  - VERDADE
II. tipografia refere-se em avaliar unica e exclusivamente do rodapé (mapa do site) - FALSO, refere-se em avaliar todo o conteúdo textual da página, considerando: contrates, comprimento, tamanho, hierarquia (títulos, subtítulo, corpo e rodapé), a legibilidade, espaçamento, conforto da leitura e estrutura final do texto.
III.Os elementos de um website possuem uma relação, que pode ser classificada de 3 formas: : concordante, conflitante e contrastante --> VERDADE