Questão de Arquitetura de Software — Usabilidade — IBADE 2024
Arquitetura de Software›Usabilidade
Código
qg208891
Banca
IBADE
Órgão
PRODEST-ES
Ano
2024
Nível
Superior
Cargo
Analista de Tecnologia da Informação - Desenvolvimento de Sistemas
Valéria é uma UX designer e quer discutir com o time a estrutura da página, bem como sua hierarquia e os principais elementos que a compõem. Neste caso, ela deve utilizar especificamente:
Abiblioteca de padrões;
Bfocus group;
Cwireframes;
Deyetracking;
Esketching.
Revelar gabarito e comentário▾
GabaritoC — wireframes;
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Usabilidade: Wireframes e Estrutura da Página
Gabarito: letra C. Wireframes são representações esquemáticas de baixa fidelidade que mostram a estrutura, a hierarquia e a disposição dos elementos de uma página, sem detalhes visuais ou conteúdo definitivo. São a ferramenta ideal para discutir o layout e a organização da interface, exatamente o que Valéria precisa.
A questão testa o conhecimento sobre as ferramentas de design de interface, especificamente qual delas é voltada para definir a estrutura e hierarquia de uma página. Vejamos cada alternativa:
Alternativa A — ❌ Incorreta
Uma biblioteca de padrões (pattern library) é um repositório de componentes de interface reutilizáveis (botões, formulários, etc.) com estilos e comportamentos definidos. Não é usada para discutir a estrutura hierárquica de uma página específica, mas sim para garantir consistência entre páginas.
Alternativa B — ❌ Incorreta
Focus group é uma técnica de pesquisa qualitativa em que um grupo de usuários discute suas percepções e opiniões sobre um produto. É útil para levantar requisitos e avaliar conceitos, mas não para definir a estrutura visual da página.
Alternativa C — ✅ Correta ⟵ GABARITO
Wireframes são esboços simplificados (em preto e branco, sem cores ou tipografia final) que representam a estrutura de uma página ou tela: a hierarquia dos elementos, a localização de menus, blocos de conteúdo, imagens, etc. São a ferramenta padrão para discutir a arquitetura da informação e o layout antes da parte visual.
Alternativa D — ❌ Incorreta
Eyetracking é uma técnica de teste de usabilidade que rastreia os movimentos oculares do usuário para entender onde ele olha e por quanto tempo. É usada para avaliar a eficácia visual de um design já existente, não para criar a estrutura inicial.
Alternativa E — ❌ Incorreta
Sketching (ou esboço) é uma técnica de prototipação rápida, geralmente feita à mão, que pode incluir wireframes. No entanto, o termo “sketching” é mais abrangente e também pode representar ideias conceituais e fluxos. A alternativa específica para estrutura de página é o wireframe, que é um tipo de esboço mais focado em layout.
PEGA ESSA DICA!
Para guardar a diferença: wireframe = estrutura/esqueleto; biblioteca de padrões = componentes prontos; focus group = opinião de usuários; eyetracking = onde os olhos focam; sketching = rascunho livre. Na prova, lembre que wireframe é o primeiro passo concreto para definir a hierarquia e os elementos da página.