Font size
WorksheetsQuiz sobre Design de Interfaces
Total questions: 60
Worksheet time: 33mins
Quais são os principais objetivos do UI Design?
Melhorar a eficiência do código
Criar uma experiência de usuário agradável
Desenvolver funcionalidades complexas
Gerar tráfego para o site
Realizar análises de mercado
Quais são os elementos-chave do UI Design?
Ícones de rede social
Tipografia e cores
Algoritmos avançados
Requisitos de servidor
Pesquisa de mercado
Quais são as diferenças entre UI e UX Design?
Ambos se concentram apenas em gráficos
Ambos são intercambiáveis
UI lida com a aparência visual, enquanto UX aborda a experiência geral do usuário
UI lida com a experiência do usuário, enquanto UX se concentra apenas na aparência
Não existem diferenças entre eles
Como o UI Design e o UX Design se relacionam?
Não têm relação entre si
Trabalham juntos quando é importante para o projeto, caso contrário não precisa.
Trabalham juntos para criar uma experiência de usuário completa
UI Design se sobrepõe ao UX Design
UX Design se sobrepõe ao UI Design
O que é espaço em interfaces de usuário?
Uma dimensão desconhecida
Uma métrica de tempo de carregamento de página
O espaço vazio entre elementos na interface
A capacidade de armazenamento de um servidor
O tempo que um usuário gasta em uma página
Por que o espaço é importante em design de interfaces?
Para aumentar o número de anúncios na página
Para adicionar informações extras
Para melhorar a legibilidade e a organização
Para reduzir o tempo de carregamento da página
Para criar uma interface visualmente complexa
Como o espaço em interfaces afeta a usabilidade?
Não tem impacto na usabilidade
Torna a interface mais elegante
Pode melhorar a usabilidade, tornando a navegação mais clara
Aumenta a velocidade de carregamento da página
Aumenta a quantidade de conteúdo na página
O que é padding em design de interfaces?
Um tipo de fonte
Uma técnica de codificação
O espaço entre o conteúdo e a borda de um elemento
O espaço entre um elemento e outro
Um espaço entre os elementos da interface
O que é altura da linha (line height) em design de interfaces?
A altura de um parágrafo de texto
A quantidade de palavras em uma linha
O espaço vertical entre as linhas de texto
O comprimento de uma linha de código
A margem superior de um elemento
Qual é a importância dos grupos de espaços no design de interfaces?
Não têm importância
Reduzem a velocidade de carregamento
Ajudam a organizar elementos relacionados e a criar hierarquia visual
São usados apenas em design gráfico
Ajudam a organizar os elementos na interface mesmo que elas não tenham relação entre elas.
As medidas sinalizadas na figura abaixo se refere a:
Margin
Line Height
Padding
Small
Great
Referente a espaço, um dos aspectos principais de uma boa interface é o espaço em branco que ela possui. Também conhecido como espaço negativo ou espaço em branco. É um princípio que diz a respeito do espaço que você define entre os demais elementos de uma interface. Existem dois tipos de espaço em uma interface:
Espaço Branco ou Pequeno
Espaço Macro ou Micro
Espaço em Quadrado ou Retângulo
Espaço Único ou Duplo
Espaço Neutro ou Único
É através da manipulação do espaço que é possível melhorar a legibilidade e hierarquia de uma interface. Estes espaçamentos não podem ser aleatórios.
É através da manipulação do espaço que é possível melhorar a legibilidade e hierarquia de uma interface. Estes espaçamentos não podem ser aleatórios. Você precisa definir uma regra clara e consistente de cada um desses espaçamentos. São 3 as maneiras de ajustar a quantidade de espaço em uma interface.
Padding, Margin, Line Height
Padding, White, Black
White, Yellow, Green
Small, Great, high
Very high, Very Small, Line Height
Em um site de notícias, qual tipo de alinhamento de texto é mais comum para facilitar a leitura?
Alinhamento à direita
Alinhamento justificado
Alinhamento à esquerda
Alinhamento centralizado
Alinhamento justificado e à direita
Em um menu de navegação horizontal de um site, qual tipo de alinhamento é geralmente recomendado para melhor usabilidade?
Alinhamento à direita
Alinhamento justificado
Alinhamento à esquerda
Alinhamento centralizado
Alinhamento superior
Quando se trata de alinhar elementos de uma grade em um aplicativo móvel, qual prática é mais apropriada para manter a consistência visual?
Alinhar elementos aleatoriamente
Alinhar elementos apenas verticalmente
Alinhar elementos apenas horizontalmente
Alinhar elementos vertical e horizontalmente
Não alinhar elementos
Em um aplicativo de edição de texto, qual ferramenta permite alinhar o texto em relação à margem esquerda, à direita ou ao centro?
Pincel
Lupa
Alinhamento
Espaçamento
Formatação
Qual é a principal razão para usar o alinhamento consistente em elementos de uma interface de usuário?
Criar um design caótico
Agradar designers experientes
Melhorar a usabilidade e a estética
Desafiar as expectativas dos usuários
Melhorar a visibilidade dos elementos quando estão alinhados a texto.
Qual dos seguintes não é um exemplo de alinhamento comum em design de interface?
Alinhamento à esquerda
Alinhamento superior
Alinhamento aleatório
Alinhamento justificado
Alinhamento centralizado
Qual é o termo usado para descrever o alinhamento vertical de texto em relação a uma linha de base em design tipográfico?
Alinhamento superior
Alinhamento à esquerda
Alinhamento vertical
Alinhamento centralizado
Alinhamento de linha de base
Em um site de notícias, o texto do artigo está alinhado à esquerda, mas as imagens incorporadas no artigo estão alinhadas ao centro da página. Qual é o principal problema de alinhamento nessa situação?
Não há problema de alinhamento; o texto e as imagens podem ser alinhados de maneira diferente.
O problema é estético, mas não afeta a usabilidade.
O alinhamento inconsistente pode dificultar a leitura e a compreensão do conteúdo.
O alinhamento central de imagens é uma prática recomendada no design de página.
O problema de alinhamento é apenas relevante para dispositivos móveis.
Em um aplicativo de compras online, os preços dos produtos são alinhados à direita, enquanto os nomes dos produtos estão alinhados à esquerda. Qual é a razão comum para esse tipo de alinhamento?
O alinhamento à direita economiza espaço na tela.
Isso cria um contraste visual interessante.
O alinhamento à direita é mais atraente para os usuários.
O alinhamento reflete a ordem natural de leitura em algumas culturas.
O alinhamento é arbitrário e não tem significado.
Em um aplicativo de edição de texto, os botões "Negrito", "Itálico" e "Sublinhado" estão alinhados horizontalmente em uma linha. O que esse alinhamento horizontal indica aos usuários?
Os botões não têm relação entre si.
Os botões estão organizados de acordo com sua importância.
Os botões têm funções semelhantes ou relacionadas.
O alinhamento horizontal é apenas uma questão de estética.
Os botões são inúteis, pois não têm alinhamento vertical.
Em um aplicativo de agenda, os eventos do dia são listados em uma coluna vertical à esquerda da tela, enquanto os detalhes de cada evento são exibidos em uma coluna vertical à direita. Qual é o benefício desse tipo de alinhamento?
Esse alinhamento não oferece nenhum benefício perceptível.
Facilita a leitura e a compreensão dos detalhes de cada evento.
Isso cria um design assimétrico, que é mais atraente visualmente.
É um padrão de alinhamento amplamente aceito, mas não tem benefícios práticos.
Facilita a entrada de novos eventos na agenda.
Em um aplicativo de mapas, você observa que o ícone de localização atual do usuário está alinhado ao centro da tela, enquanto os pontos de interesse ao redor estão alinhados às margens esquerda e direita. Qual é o motivo provável desse alinhamento?
O alinhamento ao centro torna o ícone de localização mais visível.
Isso cria um contraste visual entre o ícone de localização e os pontos de interesse.
Os pontos de interesse são alinhados às margens para economizar espaço na tela.
O alinhamento central é mais esteticamente agradável.
O alinhamento não tem impacto na usabilidade do aplicativo de mapas.
O que é "feedback de sistema" em termos de usabilidade?
A resposta dos usuários ao sistema.
Mensagens de erro fornecidas pelo sistema.
Um recurso de compartilhamento de feedback em redes sociais.
Respostas sensoriais ao uso do sistema.
Um indicador de progresso na interface do usuário.
O que significa "navegação intuitiva" em termos de usabilidade?
A capacidade do sistema de entender comandos de voz.
A facilidade com que os usuários podem encontrar informações sem esforço.
O uso de cores atraentes na interface do usuário.
A disponibilidade de um botão "Voltar" na interface.
A facilidade como os manuais de informações são posicionados para guiar o usuário na navegação de interface.
O que é "legibilidade" em relação à usabilidade de texto?
A facilidade com que um texto pode ser lido e compreendido.
A variedade de fontes usadas em um documento.
O uso de palavras longas em textos técnicos.
A velocidade com que as palavras são lidas em voz alta.
A quantidade de texto em um documento.
Qual a principal função do espaço em branco em um design de interface?
Aumentar a quantidade de elementos visuais na tela.
Distrair o usuário e torná-lo mais engajado.
Criar uma hierarquia visual mais complexa.
Organizar os elementos e facilitar a leitura.
Reduzir o tamanho da interface para dispositivos menores.
Por que o espaço em branco é considerado um elemento fundamental no design?
Ele não tem nenhuma função específica.
Ele ajuda a criar um design mais limpo e organizado.
Ele é apenas uma tendência de design temporária.
Ele dificulta a usabilidade.
O que é um elemento fundamental no design?
Ele não tem nenhuma função específica.
Ele ajuda a criar um design mais limpo e organizado.
Ele é apenas uma tendência de design temporária.
Ele dificulta a localização de informações importantes.
Ele é utilizado apenas em designs minimalistas.
Qual a principal vantagem de utilizar espaço em branco em uma interface?
Melhora a legibilidade e a compreensão.
Aumenta a quantidade de informações na tela.
Torna a interface mais complexa e interessante.
Diminui a necessidade de outros elementos visuais.
Cria uma interface mais densa e informativa.
Qual o principal objetivo do alinhamento em um design de interface?
Criar um layout caótico e imprevisível.
Criar uma estrutura visual coesa e organizada.
Facilitar a leitura e a navegação de um design desorganizado.
Tornar a interface mais colorida e chamativa.
Reduzir o número de elementos na tela.
Qual tipo de alinhamento é mais utilizado para criar uma sensação de estabilidade e equilíbrio?
Alinhamento centralizado.
Alinhamento à esquerda.
Alinhamento à direita.
Alinhamento justificado.
Não há um tipo de alinhamento mais indicado.
Por que o alinhamento é importante para a experiência do usuário?
Ele não influencia a experiência do usuário.
Ele guia o olhar do usuário e facilita a leitura.
Ele torna a interface mais difícil de navegar.
Ele é utilizado apenas em designs mais complexos.
Ele não tem relação com a organização visual.
O que significa consistência em um design de interface?
Utilizar elementos visuais completamente diferentes em todas as telas.
Manter uma aparência e comportamento uniformes em toda a interface.
Mudar constantemente a aparência da interface para surpreender o usuário.
Ignorar as diretrizes de design estabelecidas.
Utilizar fontes e cores diferentes em cada elemento.
Qual a principal vantagem da consistência em um design de interface?
Melhora a usabilidade e a experiência do usuário.
Torna a interface mais complexa e interessante.
Dificulta a navegação do usuário.
Permite que o usuário se perca na interface.
Não há vantagens em manter a consistência.
Por que a consistência é importante para a aprendizagem do usuário?
Ela não influencia a aprendizagem do usuário.
Ela permite que o usuário aprenda a usar a interface mais rapidamente.
Ela torna a aprendizagem mais difícil e demorada.
Ela não é relevante para a aprendizagem.
Ela é utilizada apenas em interfaces mais simples.
Qual é o objetivo principal da hierarquia visual em um design de interface?
Criar uma interface limpa e agradável.
Destacar os elementos mais importantes e guiar o olhar do usuário.
Destacar a importância da tipografia, apenas.
Tornar todos os elementos igualmente importantes.
Reduzir o número de elementos na tela.
Quais são os principais elementos utilizados para criar uma hierarquia visual eficaz?
Cor, tamanho e fonte.
Tamanho, cor, contraste e posicionamento.
Somente a cor e o tamanho.
Apenas o posicionamento dos elementos.
Nenhum elemento visual é importante.
Por que a hierarquia visual é importante para a usabilidade de uma interface?
Ela não influencia a usabilidade.
Ela facilita a compreensão e a navegação.
Ela torna a interface mais uniforme, evitando uma variação na tipografia, o que não ajudaria em nada.
O que é usabilidade em design de interface?
A capacidade de uma interface ser bonita e atraente.
A facilidade com que uma interface pode ser usada.
A quantidade de informações que uma interface pode apresentar.
A complexidade dos elementos visuais.
A quantidade de cores utilizadas na interface.
Quais são os principais princípios da usabilidade?
Complexidade, consistência e eficiência.
Aprendizagem, eficiência, memorização, erros e satisfação.
Cor, fonte e tamanho.
Alinhamento, contraste e repetição.
Nenhum princípio é importante.
Por que a usabilidade é fundamental para o sucesso de um produto digital?
Ela não influencia o sucesso do produto.
Ela aumenta a satisfação do usuário e reduz o número de desistências.
Ela torna o produto mais complexo e menos atraente.
Ela é importante apenas para produtos muito simples.
Ela não tem relação com o sucesso do produto.
O que é realidade aumentada (AR)?
A criação de ambientes totalmente virtuais.
A sobreposição de elementos digitais sobre o mundo real.
A utilização de óculos especiais para visualizar o mundo virtual.
A simulação de ambientes reais em um ambiente virtual.
Nenhuma das alternativas anteriores.
Qual é o potencial do design virtual para a experiência do usuário?
Ele não tem potencial para melhorar a experiência do usuário.
Ele pode criar experiências mais imersivas e interativas.
Ele torna a experiência do usuário mais complexa e confusa.
Ele é utilizado apenas em jogos e entretenimento.
Ele não é relevante para o design de interfaces.
Quais são os principais desafios do design virtual?
A facilidade de criação de experiências imersivas.
A necessidade de hardware e software específicos.
A baixa demanda por experiências virtuais.
A falta de interesse do público em novas tecnologias.
Nenhum desafio significativo.
Este contraste dentro de uma mesma família tipográfica denomina-se:
Peso
Forma
Direção
Estrutura
Tamanho
A respeito dessas asserções, assinale a opção correta.
As asserções I e II são proposições verdadeiras, e a II é uma justificativa correta da I.
As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa correta da I.
A asserção I é uma proposição verdadeira, e a II é uma proposição falsa.
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
As asserções I e II são proposições falsas.
Criar uma experiência de usuário agradável.
a) Criar uma experiência de usuário agradável.
b) Tipografia e cores.
c) UI lida com a aparência visual, enquanto UX aborda a experiência geral do usuário.
d) Trabalham juntos para criar uma experiência de usuário completa.
e) O espaço vazio entre elementos na interface.
Tipografia e cores.
a) Criar uma experiência de usuário agradável.
b) Tipografia e cores.
c) UI lida com a aparência visual, enquanto UX aborda a experiência geral do usuário.
d) Trabalham juntos para criar uma experiência de usuário completa.
e) O espaço vazio entre elementos na interface.
UI lida com a aparência visual, enquanto UX aborda a experiência geral do usuário.
a) Criar uma experiência de usuário agradável.
b) Tipografia e cores.
c) UI lida com a aparência visual, enquanto UX aborda a experiência geral do usuário.
d) Trabalham juntos para criar uma experiência de usuário completa.
e) O espaço vazio entre elementos na interface.
Trabalham juntos para criar uma experiência de usuário completa.
a) Criar uma experiência de usuário agradável.
b) Tipografia e cores.
c) UI lida com a aparência visual, enquanto UX aborda a experiência geral do usuário.
d) Trabalham juntos para criar uma experiência de usuário completa.
e) O espaço vazio entre elementos na interface.
O espaço vazio entre elementos na interface.
a) Criar uma experiência de usuário agradável.
b) Tipografia e cores.
c) UI lida com a aparência visual, enquanto UX aborda a experiência geral do usuário.
d) Trabalham juntos para criar uma experiência de usuário completa.
e) O espaço vazio entre elementos na interface.
Para melhorar a legibilidade e a organização.
a) Para melhorar a legibilidade e a organização.
b) Pode melhorar a usabilidade, tornando a navegação mais clara.
c) O espaço entre o conteúdo e a borda de um elemento.
d) O espaço vertical entre as linhas de texto.
e) Ajudam a organizar elementos relacionados e a criar hierarquia visual.
Pode melhorar a usabilidade, tornando a navegação mais clara.
a) Para melhorar a legibilidade e a organização.
b) Pode melhorar a usabilidade, tornando a navegação mais clara.
c) O espaço entre o conteúdo e a borda de um elemento.
d) O espaço vertical entre as linhas de texto.
e) Ajudam a organizar elementos relacionados e a criar hierarquia visual.
O espaço entre o conteúdo e a borda de um elemento.
a) Para melhorar a legibilidade e a organização.
b) Pode melhorar a usabilidade, tornando a navegação mais clara.
c) O espaço entre o conteúdo e a borda de um elemento.
d) O espaço vertical entre as linhas de texto.
e) Ajudam a organizar elementos relacionados e a criar hierarquia visual.
O espaço vertical entre as linhas de texto.
a) Para melhorar a legibilidade e a organização.
b) Pode melhorar a usabilidade, tornando a navegação mais clara.
c) O espaço entre o conteúdo e a borda de um elemento.
d) O espaço vertical entre as linhas de texto.
e) Ajudam a organizar elementos relacionados e a criar hierarquia visual.
Ajudam a organizar elementos relacionados e a criar hierarquia visual.
a) Para melhorar a legibilidade e a organização.
b) Pode melhorar a usabilidade, tornando a navegação mais clara.
c) O espaço entre o conteúdo e a borda de um elemento.
d) O espaço vertical entre as linhas de texto.
e) Ajudam a organizar elementos relacionados e a criar hierarquia visual.
