Web design

Prévia do material em texto

WEB DESIGN 
 
Agora você vai completar as frases relacionando os verbos com os termos que os complementam. 
Para isso, complete as frases com as palavras do quadro. 
 
Resposta 
A sequência correta é: 
 
Um dos alicerces para a construção de um bom website está em sua navegação. O 
objetivo principal de qualquer um que visite uma página está em encontrar o mais 
rápido possível as informações que procura, utilizando o menor número de cliques 
possíveis. O design de interface de um site deve tornar esse processo mais fácil e ajudar os visitantes a 
navegar sem que fiquem perdidos em uma imensidão de informações. 
 
Quanto mais amigável for o site, maior será a probabilidade de as pessoas se 
envolverem com o seu conteúdo. Uma boa interface tem sempre como objetivo 
primário fornecer a melhor experiência para o usuário, o que, em outras palavras, 
se traduz em mais acessos e em um maior tempo de navegação. 
 
WEB DESIGN 
 
 
1. (UEAP ‒ 2014) A interação humano-computador é uma disciplina preocupada com: 
o A formação multidisciplinar de equipes de desenvolvimento de sistema, de modo a atender aos 
requisitos da tarefa, do usuário, sistema e contexto. 
o A melhoria de processos pela definição, modelagem, simulação, implementação, execução, 
monitoramento, análise e otimização. 
o O design, a avaliação e a implementação de sistemas computacionais interativos para uso 
humano e com o estudo dos principais fenômenos ao redor deles. 
o A implementação de inspeções de usabilidade, com foco nas técnicas de heurísticas, percurso cognitivo 
e percurso pluralístico. 
 
2. Analisando a evolução das interfaces de computadores, qual dispositivo poderia ser considerado o 
primeiro a passar informações para dentro de uma máquina? 
o Mouse 
o Monitor 
o Teclado 
o Cartão perfurado 
 
1. 1. A web 1.0 foi a primeira implementação da internet e durou entre os anos de 1989 e 2005. Assinale 
a seguir a afirmativa que possui características marcantes da web 1.0: 
o É uma fonte de informações e não oferece ao usuário possibilidades de interação e criação de 
conteúdo. 
o O conteúdo é publicado por qualquer pessoa com acesso à internet. 
o Possui páginas mais atrativas e dinâmicas comparadas com as outras versões. 
o Surgimento dos sites de relacionamento e comunidades. 
WEB DESIGN 
2. É uma característica-chave da web 2.0: 
o Páginas com um design mais sofisticado. 
o Páginas com uma qualidade sonora mais elaborada. 
o A possibilidade de o usuário gerar e compartilhar conteúdo. 
o O surgimento da linguagem de marcação de hipertexto (HTML). 
 
1. Por que a web 3.0 pode ser considerada como uma “web contextual”? 
o Porque os mecanismos de pesquisa compreenderão o significado de uma frase ou palavra-chave. 
o Porque os navegadores modernos atualmente implementam uma navegação 3D. 
o Porque a experiência do usuário na internet dependerá de onde a web é acessada. 
o Porque todas as pessoas terão sempre a mesma experiência ao acessar um web site. 
 
2. Dados são publicados na web por diferentes pessoas e estão armazenados em diferentes repositórios 
espalhados pelo mundo. Para facilitar a construção desse banco de dados global é preciso que se 
estabeleça uma forma padrão de conexão entre esses dados. A afirmação acima faz referência a: 
 
o Frameworks 
o Web de dados (linked data) 
o Inteligência artificial 
o Computação em nuvem 
 
1. Analise as afirmativas a seguir: 
 I. Um design responsivo tem como objetivo principal a construção de páginas voltadas para a navegação em 
dispositivos móveis, sendo muito comum a criação de duas páginas diferentes com conteúdo similar. 
II. Um design responsivo nada mais é que um site cujo conteúdo permanece igual, independentemente do 
dispositivo que está sendo acessado. 
III. Criar um site responsivo não é simplesmente “esticar e contrair” o layout original de uma página. O web 
design responsivo trabalha para adaptar o layout à resolução acessada. 
o As afirmações I e III estão corretas. 
o Apenas a afirmação I está correta. 
o As afirmações II e III estão corretas. 
o Apenas a afirmação III está correta. 
 
2. Qual das ferramentas a seguir era utilizada para a criação de animações interativas que funcionavam 
embutidas em um navegador e que também podiam ser acessadas por meio de desktops, celulares e 
smartphones? 
o Flash 
o CSS 
o PHP 
o Mosaic 
WEB DESIGN 
 
1. Um bom briefing é muito relevante no planejamento de um website. A seguir, listamos 
algumas características deste que corroboram com esta afirmação. A este respeito, assinale a 
alternativa correta: 
o Briefing é um conjunto de informações coletadas com o cliente e o ambiente externo, que 
servem como ponto de partida para o desenvolvimento do website. 
o O designer do website deve coletar no briefing as informações necessárias após o início do 
projeto, quando tiver dúvidas. 
o Todos os briefings são iguais, portanto, basta definir um modelo e segui-lo em seu projeto de 
website. O briefing é elaborado na fase inicial de planejamento do website. No entanto, não 
contribui para evitar o retrabalho e os erros de projeto ao longo de seu desenvolvimento. 
o O briefing é uma etapa opcional no planejamento do website, sendo utilizado apenas para 
designs utilizados para e-commerce. 
 
2. Estudamos neste módulo que alguns elementos essenciais são responsáveis pela elaboração e 
relevância de um bom briefing. Qual dos itens a seguir faz parte desses elementos essenciais? 
o A plataforma de desenvolvimento do website. 
o O público-alvo que o website pretende alcançar. 
o O número de linhas de código do website em HTML. 
o O desenho da arquitetura de informação do website. 
o A informação da linguagem que será empregada. 
 
1. O enunciado de um objetivo deve ser preciso e claro. Alguns critérios muito usados – o modelo 
SMART − podem ser aplicados para garantir esta boa prática na escrita de objetivos. Assinale a 
alternativa que corresponde ao modelo SMART: 
o Objetivos devem ser genéricos. 
o Objetivos devem ser inexpressivos. 
o Objetivos devem ser atingíveis. 
o Objetivos devem ser ilimitáveis. 
o Objetivos devem ser inatingíveis. 
 
2. Assinale a alternativa correta em relação ao conceito de objetivos no contexto do planejamento de 
websites: 
 
o Os objetivos de um website permitem medir se ele é bem-sucedido. 
o Os objetivos de usuários estão relacionados ao que estes indivíduos pretendem obter ao 
acessar um website. Um exemplo de objetivo de website é persuadir o usuário a realizar uma 
compra online. 
o O objetivo de um website é definir a arquitetura a ser empregada para o desenvolvimento 
o Objetivos de negócios são desejos que o cliente de uma empresa projeta para ela. 
 
WEB DESIGN 
1. O levantamento de requisitos é uma atividade fundamental no processo de desenvolvimento de um 
website. Assinale a alternativa correta sobre essa atividade: 
o O levantamento de requisitos é uma atividade que visa a obtenção de informações sobre as 
funcionalidades do sistema. 
o Somente pessoas devem ser consultadas na realização dessa atividade. 
o É bastante comum realizar entrevistas para fazer o levantamento de requisitos. 
o Podemos usar protótipos como apoio no levantamento de requisitos. 
o O levantamento de requisitos é uma etapa a ser desenvolvida antes do briefing. 
 
2. Uma dessas alternativas diz respeito à relevância do tipo de requisito não funcional de usabilidade 
para websites. Assinale-a: 
o Websites podem extrair e armazenar informações confidenciais do usuário. 
o Websites podem estar disponíveis durante um período de tempo estipulado. 
o Websites podem realizar transações sigilosas. 
o Websites devem ser replicados para aumentar a disponibilidade. 
o Websites podem atender usuários com deficiência visual. 
 
1. No que tange aos requisitos funcionais, não funcionaise regras de negócio, avalie as assertivas a 
seguir: 
I. Os funcionais descrevem as funcionalidades que o sistema precisa ter para atender às demandas de seus 
usuários. Um exemplo seria: Toda venda em cartão acima de R$200,00 pode ser paga em 3 vezes sem juros. 
II. Os requisitos não funcionais descrevem propriedades de única e exclusivamente uma funcionalidade. 
III. Desempenho e usabilidade são duas categorias de classificação de requisitos não funcionais. 
IV. A execução de determinada funcionalidade em uma quantidade inferior de segundos refere-se a um 
requisito funcional de confiabilidade. 
Com base em sua análise das assertivas, assinale a única opção correta. 
o Apenas a III 
o Apenas I e III 
o Apenas II e III 
o Apenas III e IV 
o Apenas I, II e IV 
 
2. Um sistema deve ser projetado de acordo com os requisitos funcionais, não funcionais e as regras de 
negócios. Considerando os diferentes requisitos, assinale a única alternativa correta: 
o Uma regra de negócio aplica-se a um ou mais requisitos funcionais. 
o O sistema deve cadastrar o usuário e imprimir a carteira de sócio em, no máximo, 15 segundos, para 
evitar filas, é uma regra de negócio. 
o O sistema deve calcular a média dos alunos em 10 segundos, no máximo, é um requisito funcional. 
o O pagamento em 12 vezes sem juros aplica-se a vendas superiores a R$1.000,00, é um requisito não 
funcional. O sistema realizar semanalmente o backup integral é um requisito das regras de negócio. 
 
WEB DESIGN 
1. Dentre os itens relevantes a serem analisados na pesquisa visual da empresa e da concorrência, qual 
se relaciona ao abaixo exposto: 
- Visa a organizar o conteúdo, de forma clara, possibilitando ao usuário localizar tudo aquilo que precisa para 
realizar suas tarefas laborais. 
Assinale a única opção correta. 
o Arquitetura da informação 
o Navegação 
o Tipografia 
o Cores 
o Nome do site 
 
2. O objetivo do ______________ é: Definir o conceito que será usado no projeto do website, direcionando 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. 
Assinale a única opção que completa a frase acima: 
o Planejamento 
o Projeto de interação com usuário 
o Engajamento 
o Conceito editorial 
o Requisito de negócio 
 
1. No que se refere às justificativas do projeto de um website, avalie as assertivas a seguir: 
I. Deve-se declarar o problema a ser resolvido, mas sem descrever os benefícios que podem ser gerados na 
solução. 
II. Apresentar números, como valores das receitas provenientes do resultado do projeto, de forma a 
sensibilizar, especialmente o patrocinador do projeto. 
III. Esclarecer os porquês das atividades e investimentos necessários ao desenvolvimento do website. 
Com base em sua análise, assinale a única opção que apresenta apenas as assertivas corretas. 
o Apenas I e III 
o Apenas II 
o Apenas I e II 
o Apenas II e III 
o I, II e III 
 
2. Considerando as técnicas de levantamento de dados, correlacione a coluna I (Técnicas de 
levantamento de dados) com a coluna II (Situação de projeto), de forma que você associe a técnica mais 
adequada com a situação de projeto apresentada. 
WEB DESIGN 
 
Assinale a única opção que apresenta a correta correlação entre as duas colunas: 
o 1-c, 2-d, 3-a, 4-b 
o 1-b, 2-d, 3-a, 4-c 
o 1-a, 2-d, 3-c, 4-b 
o 1-c, 2-a, 3-d, 4-b 
o 1-d, 2-b, 3-c, 4-a 
 
Justificativa: 1. Cenários → Precisa-se conhecer o escopo e ter necessidade de conhecer e detalhar melhor os 
requisitos, explorando seus cenários. Associado: C. 
2. Entrevistas → Deve ser a primeira técnica a ser usada, quando estamos começando o entendimento do 
problema e ainda não conhecemos os requisitos como um todo. Associado: D. 
3. Questionários → Por sua facilidade de aplicação, especialmente hoje com a internet, possibilitam 
“entrevistar” os participantes que estão fisicamente distantes. Associado: A. 
4. Observação indireta → Observar o comportamento de pessoas no dia a dia na empresa, podendo, no caso, 
analisar a relação entre as pessoas que proveram informações conflituosas. Associado B. 
 
1. No que se refere ao conceito e à prática do design da interação, avalie as assertivas a seguir: 
I. Estuda a relação usuário-sistema, objetivando entregar interatividade. 
II. Tem por finalidade manter a atenção do usuário no website. 
III. Foca em sites com boa usabilidade, legibilidade e estética, dentre outros fatores. 
Com base em sua análise, assinale a única opção que apresenta apenas as assertivas corretas: 
o II 
o I e III II 
o I e II 
o I, II e III 
 
2. No que tange ao conceito de usabilidade, avalie as assertivas a seguir: 
I. Mede a qualidade da interface, conjugando três, e apenas três, atributos: Facilidade de aprendizado, 
produtividade e satisfação subjetiva do usuário. 
Técnica de levantamento 
de dados 
Situação de projeto 
1. Cenários a. Usada quando os entrevistados estão geograficamente distantes. 
2. Entrevistas 
b. Precisamos observar determinado grupo de colaboradores trabalhando, pois foram dadas informações 
conflitantes. 
3. Questionários 
c. O escopo está claro, bem definido e temos a necessidade de entender e validar determinados 
requisitos com maior detalhamento, simulando situações. 
4. Observação indireta 
d. Útil nas fases iniciais quando precisamos capturar o entendimento geral do problema e identificar os 
principais requisitos. 
WEB DESIGN 
II. A interface com má usabilidade deve evitar que o usuário cometa erros. Mas, caso o erro de usabilidade 
aconteça, o website deve guiar o usuário na solução. 
III. A interface com boa usabilidade deve permitir que o usuário relembre rapidamente de como usar o site, 
após algum tempo sem uso. 
IV. Usabilidade é o mesmo que capacidade interativa do usuário. 
 
Com base em sua análise das assertivas, assinale a única opção correta: 
o Está correta apenas a III. 
o Estão corretas apenas a I e a III. 
o Está correta apenas a I. Estão corretas apenas a II e a III. 
o Estão corretas apenas a I, a II e a IV. 
 
1. Como se chama o processo que organiza os elementos do website, favorecendo a experiência do 
usuário e ajudando-o a localizar o que precisa no website? 
Assinale a única resposta correta: 
o Mapa do site 
o Wireframe 
o Arquitetura da informação 
o Usabilidade 
o Design da interação 
 
2. No que se refere ao design responsivo, avalie as assertivas a seguir: 
I. O design responsivo foca na construção de websites nos quais suas páginas são vistas sempre da mesma 
forma, independentemente do dispositivo usado. 
II. A aplicação do design responsivo em sites de e-commerce é irrelevante. 
III. Pense grande, comece pequeno; ou seja, inicie o design pelo dispositivo de menor tamanho. 
Com base em sua análise, assinale a única alternativa com todas as assertivas corretas: 
o I e III, apenas 
o I, apenas 
o II e III, apenas 
o I, II e III 
o III, apenas 
 
1. No que se refere aos dois grupos de avaliação da usabilidade de websites, avalie as assertivas a 
seguir: 
I. Os métodos de inspeção demandam avaliadores, mas não demandam usuários. 
II. Os métodos de testes de usabilidade não demandam interface implementada e, por isto, podem ser usados 
nas primeiras fases dos projetos de websites. 
WEB DESIGN 
III. Avalição Heurística é um dos métodos de testes de usabilidade. 
Com base em sua análise, assinale a única opção que apresenta apenas as assertivas corretas: 
o I, II e III 
o III 
o II e III 
o I e II 
o I 
 
2. Uma das heurísticas propostas pelo método de inspeção de Jakob Nielsen, a Avaliação Heurística, diz que o 
usuário deve ser informado, a todo instante, do que está acontecendono website. De qual heurística estamos 
falando? 
Assinale a única opção correta: 
o Visibilidade do status do sistema. 
o Compatibilidade entre sistema e mundo real 
o Controle e liberdade do usuário 
o Reconhecimento em vez de lembrança 
o Estética e design minimalista 
 
1. Qual o tipo e o wireframe adequado nos momentos iniciais, para o designer desenvolver melhor as 
ideias da interação, sem muita fidelidade com a realidade? 
o Básico 
o Anotado 
o Fluxo de usuário 
o Interativo 
o Degradativo 
 
2. No que se refere ao conceito e aos benefícios da elaboração de wireframes, avalie as assertivas a seguir: 
I. Os wireframes são protótipos de baixa fidelidade usados nos momentos iniciais do projeto de design, para 
validar as ideias. 
II. Wireframes podem ser elaborados à mão (papel e caneta) ou por software. Nos momentos iniciais, à mão É 
uma boa opção, porque se as ideias não agradarem, basta amassar o papel e começar de novo. 
III. Wireframe é o primeiro passo para criarmos interfaces com boa usabilidade. 
IV. Wireframe não é uma boa ferramenta para se comunicar com os usuários. Com base em sua análise, 
assinale a única opção que apresenta apenas as assertivas corretas: 
o I 
o III 
o II e III 
o I e II 
o I, II e III 
 
 
WEB DESIGN 
1. Avalie as assertivas abaixo e assinale a opção que corretamente informa o princípio de design em questão. 
I. Possui duas finalidades em conjunto: Criar interesse na página e possibilitar melhor organização. 
II. As formas de intensificar esse princípio são: Espessura das linhas, das cores, dos espaços, dentre outros. 
III. Uma das máximas desse princípio diz: Se os elementos não forem exatamente iguais, faça-os serem 
diferentes. 
Estamos falando de qual princípio de design? 
o Afastamento 
o Proximidade 
o Alinhamento 
o Repetição 
o Contraste 
 
2. Relacione as 2 colunas apresentadas: Princípio de design e Características. Podem existir princípios sem 
correlação. 
 
o 1-b, 2-d, 3-a, 4-c, 5- sem associação 
o 1-a, 2-d, 3-b, 4-c, 5- sem associação 
o sem associação, 2-d, 3-a, 4-c, 5-a 
o 1-b, 2- sem associação, 3-a, 4-c, 5-d 
o 1-c, 2-a, 3-b, 4-d, 5- sem associação 
 
1. Avalie as assertivas a seguir no que se refere ao protótipo de alta fidelidade. 
I. Cores frias têm associação com o gelo, a água e a lua. 
II. As cores frias transmitem sensação de frio. São elas: Amarelo, laranja e vermelho. 
III. As cores quentes transmitem a sensação de calor e estão associadas ao sol, ao fogo e ao sangue, 
denotando vivacidade, movimento e dinamismo. 
IV. As cores quentes são: Azul, violeta (roxo ou púrpura) e verde. 
Com base em sua análise, assinale a única opção que apresenta apenas as assertivas corretas: 
o I 
o III 
o I, II e III 
o I e II 
o I e III 
 
 
Princípio Características 
1. Proximidade a. Poderosa maneira de ser consistente. Ajuda a aumentar a sensação de reconhecimento do usuário. 
2. Contraste b. Itens relacionados devem estar próximos, como uma unidade. 
3. Repetição c. Os elementos precisam ter conexão visual com os demais elementos. 
4. Alinhamento d. Em geral, é o atrativo mais relevante da página, sendo a primeira percepção do usuário. 
5. Afastamento 
 
WEB DESIGN 
2. Avalie as assertivas a seguir no que se refere ao conceito e uso de tipografia na web. 
I. A tipografia permite que o internauta tenha uma boa experiência de navegação independentemente de seu 
nível de destreza técnica. 
II. A tipografia refere-se em avaliar todo o conteúdo textual da página, considerando: Contrastes, 
comprimento, tamanho, hierarquia (títulos, subtítulo, corpo e rodapé), 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 duas formas: Concordante 
e conflitante. 
Assinale a única alternativa que apresenta apenas as assertivas corretas: 
o I, II e III 
o I 
o I e III 
o II e III 
o I e II 
 
1. Avalie as assertivas a seguir, referentes aos formatos de arquivo mais adequados para a web. 
I. Arquivos JPEG devem ser usados para imagens animadas. 
II. Arquivos PNG geram imagens com mais qualidade e tamanho maior. 
III. Arquivos GIF têm apenas 256 cores. 
Assinale a única alternativa que contém apenas as assertivas corretas: 
o I, II e III 
o I e II 
o I e III 
o III 
o II e III 
 
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, com perda de qualidade e um formato aberto e mantido pela 
W3C. 
III. O SVG é baseado em XML. IV. Os navegadores modernos suportam SVG. 
Com base na sua análise, assinale a única alternativa que apresenta apenas as assertivas corretas: 
o I, II, III e IV 
o I e II e V 
o I e III III e IV 
o I, III e IV 
 
 
WEB DESIGN 
1. Avalie as assertivas a seguir no que se refere aos conceitos de SEO. 
I. O objetivo da estratégia de SEO é preparar as páginas do website para serem bem ranqueadas nas buscas 
realizadas pelos internautas. 
II. Todo visitante de um website gera lead. 
III. Boas estratégias de SEO tendem a aumentar os leads e, consequentemente, novos clientes. 
Com base em sua análise, assinale a única alternativa que apresenta apenas as assertivas corretas: 
o I, II e III 
o I e III 
o II e III 
o I e III III 
 
2. Sobre os critérios e as características do ranqueamento realizado pelo motor de busca do Google, 
avalie as assertivas a seguir. 
I. Os fatores de ranqueamento do Google raramente sofrem alterações. 
II. O design responsivo tem pouca relevância no ranqueamento do website. 
III. É fundamental que o resultado da pesquisa apareça na 1ª página de resultados, pois 95% dos usuários não 
pesquisam além dela. Com base em sua análise, assinale a única alternativa que apresenta apenas as assertivas 
corretas: 
o I, II e III 
o I e III 
o II e III 
o I e III 
o III