Questão nº 80
Questão de Tecnologia da Informação · FGV TCE-PA 2024 (nº 80)
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,
- AV – V – V.
- BF – F – V.
- CV – F – F.
- DV – V – F. (alternativa correta)
- EF – V – F.
Resposta comentada
Gabarito Alternativa D
Atomic Design é uma metodologia que organiza os componentes de uma interface de usuário de forma hierárquica, como na química, começando pelos elementos mais básicos (átomos) e construindo estruturas mais complexas (moléculas, organismos, templates e páginas) para criar sistemas de design consistentes e reutilizáveis.
- (A) Incorreta: A sequência V – V – V está incorreta porque a terceira afirmativa é falsa.
- (B) Incorreta: A sequência F – F – V está incorreta porque as duas primeiras afirmativas são verdadeiras.
- (C) Incorreta: A sequência V – F – F está incorreta porque a segunda afirmativa é verdadeira.
- (D) Correta: As duas primeiras afirmativas são verdadeiras: Átomos são os blocos construtivos basilares (ex: botão), e Moléculas são grupos de átomos que atuam como uma unidade (ex: campo de busca com rótulo e botão). A terceira afirmativa é falsa porque Organismos são seções da interface (ex: um cabeçalho com logo e navegação), enquanto a descrição fornecida ("instâncias específicas de templates que exibem o visual de uma interface com real implementação de conteúdo") refere-se às Páginas, que são o nível mais alto do Atomic Design e representam a interface final com dados reais. A armadilha da banca aqui é confundir os níveis mais complexos: Organismos são grupos de moléculas/átomos, Templates são layouts sem conteúdo, e Páginas são templates preenchidos com conteúdo real.
- (E) Incorreta: A sequência F – V – F está incorreta porque a primeira afirmativa é verdadeira.
Fonte: FGV TCE-PA 2024 Auditor de Controle Externo - Informática - Web Design (Caderno Tipo 1). Reproduzida para fins de estudo.