Questões de Concurso Para ufrpe

Fazem parte das boas práticas no desenho de certo tipo de elemento para determinados tipos de websites as características a seguir.

I. O elemento é posto na parte superior da página.

II. A cor do elemento deveria capturar a atenção do visitante.

III. No elemento existe um botão com a denominação da ação escrita de forma concisa e clara ou uma imagem representativa da ação.

IV. A ação do elemento deve atuar em todas as páginas do site, incluindo formulários.

V. Palavras-chave entradas pelo usuário aparecem nos resultados destacadas em negrito.

VI. O elemento usa o recurso “autocomplete”.

A alternativa que apresenta corretamente o tipo de elemento ao qual essas boas práticas se referem é

Certo web designer, que estava desenvolvendo um site destinado ao público em geral, decidiu adotar alguns ícones associados a certas ações do site. Algumas das associações são ilustradas a seguir:

Essas associações estão em clara violação às recomendações de um dos princípios mais utilizadas na área de Design, que é: 

Considere as seguintes ações, comumente praticadas por designers de sites:

I. Utilização de cor diferenciada para um elemento frente aos demais;

II. Utilização de um tamanho maior para um elemento em relação aos demais;

III. Alinhamento de conteúdos;

IV. Utilização de espaços negativos de forma racional;

V. Diferenciação tipográfica para certos elementos de texto;

VI. Utilização de ícones muito conhecidos.

Tais ações são exemplos de um trabalho de design mais bem sintetizado pelo conceito de 

De acordo com a W3C, para se criar um website responsivo, usando grid-view, são utilizadas:

Na construção de um website, quanto à sua tipografia, são diretrizes comuns: a escolha de fontes decorativas é recomendável para títulos ou cartazes/avisos; fontes convencionais não serifadas são normalmente recomendadas para o corpo do texto; há, ainda, o ajuste no tamanho da fonte, nas entrelinhas, no espaçamento entre os caracteres e na postura. Essas recomendações dizem respeito à ___________________ do texto, que é a facilidade de inferir letras individualmente, e à _____________________ do texto, que se refere à fluidez e ao conforto visual.

As palavras que preenchem, correta e respectivamente, as lacunas são: 

Observe os seguintes caracteres escritos na fonte Baskerville Old Face:

É correto afirmar que essas letras apresentam as seguintes características tipográficas:

Considere as seguintes afirmações a respeito de um elemento de interface costumeiramente utilizado em websites: “Um controle gráfico que possibilita uma forma contínua de apresentar numa página textos e/ou imagens que possam ser mostrados aos poucos, normalmente, quando o seu tamanho total é superior ao disponível na tela do dispositivo, tanto no sentido horizontal como vertical.”. Essa descrição se refere a qual elemento de interface? 

O CSS é utilizado para estilizar aparência de websites com as linguagens de marcação HTML ou XHTML. Ele possui uma propriedade flex-direction que é usada para especificar a direção em que os itens flexíveis (flex) são exibidos na interface de um website. Neste sentido, quais são os valores possíveis de se utilizar com o flex-direction, segundo sua sintaxe? 

No contexto de banco de dados, existem as linguagens DML (Data Manipulation Language) e DDL (Data Definition Language). Acerca desse tema, assinale a alternativa incorreta. 

O CSS (Cascading Style Sheets) permite que o desenvolvedor adicione estilos aos componentes escritos em linguagem de marcação como o HTML. Baseado na utilização do CSS, analise o código abaixo e assinale a alternativa correta. 

No planejamento da construção de um website, um web designer, após reuniões com o cliente, analisou os possíveis caminhos e processos que os usuários empreenderiam durante sua navegação por entre as páginas, incluindo aí as barreiras para checagem de credenciais ou entrada de parâmetros que algumas páginas iriam requerer. Esse tipo de informação é mais adequadamente representado, na forma gráfica, através de qual recurso de webdesign?

Em todo projeto de website, deve-se atentar para todas as etapas, desde a concepção até a entrega final ao cliente. Na etapa de planejamento, wireframes e mapa de navegação são fundamentais, e é possível trabalhar com diversos tipos de wireframes. Estabeleça a relação entre as características dos wireframes (coluna 1) e as descrições (coluna 2). 

Coluna 1 

1) Wireframe de baixa fidelidade

2) Wireframe anotado

3) Wireframe de alta fidelidade

Coluna 2

a) Trabalha com elementos visuais mais organizados e simulação de página, incluindo descrições e legendas.

b) Trabalha geralmente com software e se mostra mais próximo da realidade, pois oferece interação com links e navegação.

c) Trabalha exclusivamente com papel, onde os links e telas podem ser alternados, utilizando, para tanto, diferentes folhas.

d) Trabalha geralmente em modo manual, não requer uso de cores nem maiores detalhes.

A relação entre a Coluna 1 e a Coluna 2 está correta em:

Podemos considerar que wireframes são como protótipos ou esqueletos de uma interface gráfica, de alta ou baixa fidelidade. Considerando essa informação, assinale a alternativa que não constitui uma ferramenta de construção de wireframes.

O conhecimento de como as informações estão organizadas na concepção de um novo projeto é fundamental para se entender o momento e até onde se quer chegar. Para dar conhecimento sobre o que o projeto deverá atender, é possível utilizar a arquitetura da informação por meio da ferramenta de mapeamento de processos. Tal mapeamento consiste em analisar dados, informações e conhecimentos, além do entendimento da rotina das personas envolvidas, fator de suma importância. Neste sentido, analise outros aspectos que devem ser considerados no mapeamento dos processos que influenciam a arquitetura da informação:

1) se o processo faz alguma interação com o cliente e quando;

2) se o processo já tem seu desempenho conhecido;

3) quais os custos envolvidos durante o processo;

4) se já existe algum nível de automação do processo.

Estão corretos os aspectos: 

A Norma Técnica da ABNT NBR 9241 (Requisitos Ergonômicos para Trabalho de Escritórios com Computadores), na sua Parte 11 (Orientações sobre Usabilidade), baseada na ISO 9241, define que “Usabilidade” é uma medida na qual os objetivos são alcançados com _____________, ___________ e ___________. As palavras que preenchem, correta e respectivamente, as lacunas são: 

Conforme o E-MAG, o processo de desenvolvimento de um sítio acessível é realizado por meio do cumprimento dos seguintes passos: 

O E-MAG v3.1 (Modelo de Acessibilidade em Governo Eletrônico) traz consigo diversas recomendações de acessibilidade, que visam tornar o conteúdo web acessível a todas as pessoas, inclusive àquelas com deficiência. Baseado nessas diretrizes, assinale a alternativa recomendada pelo E-MAG para a criação de sites com acessibilidade digital. 

O tempo de exposição às telas hoje encontra-se elevado. Isso pode levar à ocorrência de problemas como ardência nos olhos e dores de cabeça. Atualmente, a forma de configurar uma interface com menor uso de cores e brilho, com fundo escuro e fontes claras, que dá uma sensação de conforto maior ao usuário, é conhecida como

Acerca do Adobe Illustrator, assinale a alternativa incorreta. 

Considere a seguinte imagem:

Acerca da interface do Adobe Photoshop, assinale a alternativa em que a correspondência entre a numeração e a identificação da área apontada na imagem está correta.