Questões de Concursos Web Design

Atomic Design é uma metodologia para criar sistemas de design robustos e escaláveis. Ela se baseia na ideia de dividir a interface em componentes menores e reutilizáveis. Esses componentes são baseados na teoria atômica, organizados de forma hierárquica e apresentam cinco níveis principais.
Sobre o Atomic Design, avalie de as afirmativas a seguir são verdadeiras (V) ou falsas (F).

( ) Átomos atuam como blocos de construção basilares que compõem as interfaces de usuário. Ex.: elementos HTML básicos, como rótulos de formulário, entradas e botões.
( ) Moléculas são grupos relativamente simples de elementos de UI atuando juntos, como uma unidade. Ex.: um rótulo de formulário, um campo de busca e um botão podem ser reunidos para gerar uma molécula de formulário de pesquisa.
( ) Organismos são instâncias específicas de templates que exibem o visual de uma interface com real implementação de conteúdo.

As afirmativas são, respectivamente,

Em uma pesquisa com os usuários de um site, foi diagnosticado que um elemento importante, do tipo call to action, não foi notado por uma fração considerável dos usuários. Uma ação que a equipe de design poderia tomar para aumentar diretamente o destaque desse elemento seria

As diretrizes de Acessibilidade para Conteúdo Web (WCAG, em inglês) definem quatro princípios como base da acessibilidade no desenvolvimento de sites.
Relacione os princípios de acessibilidade às ações correspondentes.

1. Perceptibilidade
2. Operabilidade
3. Compreensibilidade
4. Robustez
( ) Garantir que todos os elementos interativos possam ser acessados via teclado.
( ) Usar HTML semântico de modo adequado.
( ) Fornecer instruções e feedback aos usuários.
( ) Fornecer alternativas textuais para imagens e vídeos.

Assinale a opção que indica a relação correta, na ordem apresentada.

No Cascading Style Sheets (CSS), uma área de um documento que emprega flexbox é chamada de flex container. Para criar um contêiner flexível, é necessário definir uma determinada propriedade como flex ou inline-flex. Dessa forma, os elementos filhos do contêiner tornam-se itens do tipo flex.
Nesse caso, assinale a referida propriedade do CSS.

No Joomla, existem extensões leves e flexíveis usadas para renderização de páginas. Tais elementos geralmente são “caixas” organizadas em torno de um componente em uma página padrão e podem ser atribuídos por item de menu.
Dessa forma, é possível optar por mostrar ou ocultar essas estruturas dependendo da página que o usuário está acessando. Face a essa conjuntura, assinale a opção que possui o elemento do Joomla especificado acima.

O Joomla disponibiliza um conjunto extenso de ferramentas que permitem mais controle sobre a exibição de toda a saída HTML do template. Um deles é o layout alternativo, que funciona de maneira similar ao recurso template override, porém proporcionando mais opções e controle.
Diante desse cenário, assinale a opção que não corresponde a um tipo de layout alternativo no Joomla.

Sketch é um aplicativo voltado para design de interfaces e UX para sites e aplicativos móveis. Também oferece recursos para prototipagem e colaboração, sendo reconhecido por sua interface limpa e intuitiva, o que facilita o processo de design para profissionais e iniciantes.
A respeito do Sketch, é correto afirmar que

No desenvolvimento de software, a coleta de dados é essencial para tomar decisões informadas, aprimorar processos e atender às necessidades dos stakeholders.
Uma técnica eficaz para coletar dados diretamente dos usuários é chamada

Testes de usabilidade podem ser classificados em vários tipos, conforme o seu objetivo.
O teste de exploração, frequentemente realizado durante o desenvolvimento de uma aplicação web, tem por objetivo

Com o avanço das tecnologias de programação visual, diversas plataformas têm permitido aos usuários desenvolver sites e aplicativos completos.
Uma plataforma que disponibiliza ao desenvolvedor uma estrutura de banco de dados que dispensa o uso de bancos de dados externos chama-se