No desenvolvimento de produtos digitais, a integração eficiente entre as equipes de design e de engenharia de software é fundamental para escalar aplicações mantendo a consistência visual e funcional.
Para atingir esses objetivos, você, como Analista de UX do MPES, pode ser incumbido da construção e manutenção de um Design System para a instituição.
Com essa importância em mente, assinale a opção que apresenta, corretamente, características de um Design System.

As bibliotecas de componentes tornaram-se essenciais para proporcionar consistência visual, escalabilidade e eficiência ao fluxo de trabalho entre designers e programadores.

Elas oferecem conjuntos reutilizáveis de elementos de interface baseados em boas práticas de UX/UI, reduzindo retrabalho e promovendo padronização.

Diante disso, assinale a opção que apresenta exclusivamente bibliotecas de componentes visuais amplamente empregadas no front-end atualmente.

Em um sistema de design moderno, busca-se garantir a consistência visual e a reutilização de componentes. Nesse cenário, considere a definição a seguir.
Pode ser considerado como uma pequena unidade visual do sistema de design, substituindo valores estáticos - como códigos hexadecimais de cores ou medidas em pixels - por nomes padronizados e autoexplicativos. Dessa forma, permite que o estilo visual de um sistema seja mantido, atualizado e compartilhado entre diferentes plataformas, ferramentas e equipes.

Assinale a opção que melhor representa a definição acima.

Considerando as boas práticas para a criação de interfaces orientada por Mobile-First Design, analise as afirmativas a seguir.

I. É adequado definir inicialmente os estilos CSS para dispositivos móveis e, em seguida, utilizar media queries com max-width para ajustar progressivamente o layout para dispositivos com telas maiores.
II. Tailwind CSS e Bootstrap 5 são dois renomados frameworks para front-end que suportam a abordagem mobile-first.
III. Uma interface responsiva não necessariamente é também mobile-first.

Está correto o que se afirma em

É comum empregarmos media query para ajustar o tamanho da fonte de acordo com a largura da página, como o código a seguir: 

@media (min-width: 250px) {
    h1 {
        font-size: 2rem;
    }
}

Entretanto, existe uma função no CSS que permite definir um tamanho de fonte que aumenta com o tamanho do viewport, sendo limitado por um tamanho mínimo e um máximo. Tudo isso em uma única linha e sem uso de media query. 

Assinale a opção que corresponde à função CSS descrita.

No contexto de CSS e Media Query, analise as afirmativas a seguir e assinale (V) para a verdadeira e (F) para a falsa.

( ) Container queries permitem aplicar estilos com base no tamanho de um elemento contêiner, em vez de viewports ou de outras características do dispositivo.
( ) Listas separadas por vírgulas comportam-se como o operador AND quando utilizadas em media queries.
( ) É possível compor media queries usando os operadores lógicos AND, NOT e ONLY.

As afirmtivas são, respectivamente,

A heurística Peak–End Rule afirma que as pessoas julgam uma experiência principalmente com base em como se sentiram no seu ponto mais intenso ("peak") e na sua conclusão ("end"), em vez de avaliar a média de toda a interação.

Dessa forma, assinale a opção que melhor descreve como o tom de voz da marca pode ser aplicado em erros de navegação, como páginas de erro 404.

No design de interfaces web, é possível utilizar microtextos para expandir a área interativa de campos de formulário (inputs), facilitando sua seleção pelo usuário.

Diante disso, assinale a opção cujo trecho HTML apresenta uma aplicação dessa boa prática de UX.

Um Analista de UX possui alguns objetivos ao desenvolver textos, como minimizar o esforço cognitivo do usuário, hierarquizar a informação do conteúdo e manter a consistência dos mesmos.
Nesse contexto, analise as afirmativas a seguir.

I. A voz ativa comumente é mais direta e vigorosa do que a voz passiva, sendo altamente recomendada no UX Writing.
II. Para gerar maior proximidade e empatia na comunicação, é preferível se referir ao usuário no singular.
III. Negar uma palavra, que já possua uma conotação negativa, pode confundir o leitor e aumentar a carga cognitiva para interpretação.

Está correto o que se afirma em

Considerando a importância do uso de grids no contexto do design de interfaces, analise as afirmativas a seguir e assinale (V) para a verdadeira e (F) para a falsa.

( ) Grids são formados apenas por linhas verticais e horizontais, não existindo outros formatos de linhas.
( ) O emprego de grids em design de interfaces encontra-se superado, não sendo mais recomendável o seu uso.
( ) Grids têm como principal função organizar e alinhar elementos em uma interface.

As afirmativas são, respectivamente,