Aplicações Informáticas B · 12.º Ano

Ideias de aprendizagem ativa

Experiência do Utilizador (UX/UI): Princípios

A aprendizagem ativa funciona especialmente bem neste tema porque os alunos precisam de experimentar, analisar e discutir interfaces reais para interiorizar conceitos abstratos de UX/UI. Ao manipular protótipos e receber feedback imediato, os alunos desenvolvem uma compreensão prática de como os princípios se traduzem em designs funcionais e intuitivos.

• Aprendizagens Essenciais
• DGE: Secundário - Criação de Conteúdos Digitais

• 35–50 min
• Pares → Turma inteira
• 4 atividades

Atividade 01

• Análise de Estudo de Caso
• 45 min · Pares

Avaliação Heurística: Análise de Interfaces

Divida a turma em pares para avaliarem sites populares usando as 10 heurísticas de Nielsen. Cada par regista violações e sugestões de melhoria num formulário partilhado. No final, discutem colectivamente os resultados mais comuns.

Como podemos medir se uma interface é verdadeiramente intuitiva?

Sugestão de Facilitação

Durante a Avaliação Heurística, peça aos alunos para documentarem os problemas que encontram com capturas de ecrã anotadas, para que possam discutir evidências concretas em grupo.

O que observar

Peça aos alunos para analisarem a interface de uma aplicação que usam frequentemente. Solicite que identifiquem um elemento que considerem particularmente intuitivo e um que poderia ser melhorado, justificando com um princípio de UX/UI.

• Analisar
• Avaliar
• Criar
• Tomada de Decisão
• Autogestão

Atividade 02

• Análise de Estudo de Caso
• 50 min · Pequenos grupos

Teste de Utilizadores: Protótipos Rápidos

Os alunos criam wireframes simples no Figma ou papel para uma app fictícia. Testam-nos com colegas de outros grupos, cronometrando tarefas e recolhendo feedback qualitativo. Iteram o design com base nas observações.

Quais são os compromissos entre estética visual e funcionalidade técnica?

Sugestão de Facilitação

No Teste de Utilizadores, incentive os alunos a observarem o comportamento não verbal dos utilizadores, como hesitações ou cliques errados, para identificar pontos de fricção.

O que observar

Apresente aos alunos duas versões de um mesmo ecrã de aplicação (ex: ecrã de login). Peça-lhes para votarem qual preferem e explicarem sucintamente o porquê, focando em aspetos como clareza, consistência ou feedback.

• Analisar
• Avaliar
• Criar
• Tomada de Decisão
• Autogestão

Atividade 03

• Análise de Estudo de Caso
• 40 min · Pequenos grupos

Desafio Inclusivo: Design Universal

Em pequenos grupos, redesenhem uma interface quotidiana considerando utilizadores com diferentes necessidades (ex.: visão reduzida, motoras). Apresentam protótipos e justificam escolhas com princípios de acessibilidade WCAG.

De que forma o design inclusivo beneficia todos os utilizadores, não apenas os que têm necessidades especiais?

Sugestão de Facilitação

No Desafio Inclusivo, forneça exemplos de interfaces que já aplicam princípios de design universal para que os alunos possam comparar e adaptar as suas próprias soluções.

O que observar

Em grupos, os alunos criam um wireframe simples para uma funcionalidade (ex: adicionar um item a um carrinho de compras). Cada grupo apresenta o seu wireframe a outro grupo, que deve fornecer feedback sobre a clareza da hierarquia visual e a presença de feedback para as ações do utilizador.

• Analisar
• Avaliar
• Criar
• Tomada de Decisão
• Autogestão

Atividade 04

• Análise de Estudo de Caso
• 35 min · Individual

A/B Testing: Comparação de Versões

Crie duas versões de uma página web com variações estéticas e funcionais. A turma testa ambas em individual, registando preferências e tempo de tarefa. Analisem dados para decidir a versão vencedora.

Como podemos medir se uma interface é verdadeiramente intuitiva?

Sugestão de Facilitação

No A/B Testing, peça aos alunos para registarem não só as preferências, mas também o tempo que cada grupo demora a completar uma tarefa, para discutirem eficiência.

O que observar

Peça aos alunos para analisarem a interface de uma aplicação que usam frequentemente. Solicite que identifiquem um elemento que considerem particularmente intuitivo e um que poderia ser melhorado, justificando com um princípio de UX/UI.

• Analisar
• Avaliar
• Criar
• Tomada de Decisão
• Autogestão

Algumas notas sobre lecionar esta unidade

Ensine este tema com uma abordagem prática e iterativa, começando com análises de interfaces existentes antes de pedir aos alunos para criarem os seus próprios designs. Evite aulas teóricas longas; em vez disso, use exemplos visuais e discussões em grupo para consolidar conceitos. Pesquisas mostram que a aprendizagem por descoberta guiada, onde os alunos tiram conclusões a partir de exemplos, é mais eficaz do que a transmissão direta de conhecimento.

O sucesso da aprendizagem é visível quando os alunos conseguem justificar as suas escolhas de design com base em princípios de UX/UI, como consistência ou hierarquia visual, e quando aplicam este conhecimento a novos contextos. Os alunos devem demonstrar capacidade de analisar criticamente interfaces e propor melhorias concretas.

---

Atenção a estes erros comuns

• Durante a Avaliação Heurística, os alunos podem pensar que uma interface bonita é sempre usável.

  Peça aos alunos para focarem-se em aspetos como navegação intuitiva e clareza dos botões, usando as heurísticas de Nielsen como guia. Durante a análise, peça-lhes para identificarem um elemento visualmente atraente que falhe em usabilidade, discutindo em grupo como priorizar função sobre forma.

• Durante o Teste de Utilizadores, os alunos podem assumir que UX/UI aplica-se apenas a apps móveis.

  Peça aos alunos para testarem interfaces web ou desktop durante a atividade, como um site de e-commerce ou um painel de controlo. Depois, peça-lhes para compararem os problemas encontrados entre plataformas, expandindo a sua compreensão da aplicabilidade dos princípios.

• Durante o Desafio Inclusivo, os alunos podem acreditar que design inclusivo é apenas para pessoas com deficiências.

  Peça aos alunos para analisarem como princípios como contraste de cores alto ou navegação por teclado beneficiam todos os utilizadores, como idosos ou pessoas em ambientes com pouca luz. Durante a discussão, peça-lhes para identificarem exemplos onde a inclusão melhorou a experiência para grupos diversos.

---

Metodologias usadas neste resumo

• Análise de Estudo de Caso