TIC · 8.º Ano

Ideias de aprendizagem ativa

Design de Interfaces e Usabilidade

A aprendizagem ativa funciona especialmente bem neste tópico porque os alunos precisam de vivenciar os conceitos de usabilidade na prática para os compreenderem verdadeiramente. Ao testarem designs e simularem interações, os conceitos abstratos de hierarquia e feedback tornam-se concretos e memoráveis.

• Aprendizagens Essenciais
• DGE: 3o Ciclo - Criação e Inovação
• DGE: 3o Ciclo - Sistemas de Informação

• 40–60 min
• Pares → Turma inteira
• 3 atividades

Atividade 01

• Simulação de Julgamento
• 40 min · Pares

Simulação de Julgamento: Teste de Usabilidade 'Cego'

Um aluno tenta 'navegar' num protótipo de papel de uma app enquanto tem os olhos vendados, sendo guiado apenas pelas descrições de outro aluno que atua como um leitor de ecrã. Isto ajuda a compreender a importância da acessibilidade e da estrutura lógica na interface.

Como podemos desenhar tecnologias que sejam acessíveis a pessoas com diferentes capacidades?

Sugestão de Facilitação

Durante a Simulação 'Cego', peça aos alunos para descreverem as suas ações em voz alta enquanto navegam, para que possam identificar os pontos de frustração uns dos outros.

O que observar

Distribua a cada aluno um cartão com o nome de uma aplicação conhecida (ex: Instagram, Spotify, Google Drive). Peça-lhes para escreverem duas características de design que tornam a aplicação fácil de usar e uma sugestão de melhoria focada na usabilidade.

• Analisar
• Avaliar
• Criar
• Tomada de Decisão
• Consciência Social

Atividade 02

• Círculo de Investigação
• 60 min · Pequenos grupos

Círculo de Investigação: Prototipagem em Papel

Em grupos, os alunos desenham os ecrãs de uma aplicação escolar em folhas de papel. Devem criar 'botões' recortados e mostrar como a interface muda quando se clica neles, recebendo feedback imediato dos colegas sobre a facilidade de uso do sistema.

De que forma a hierarquia visual guia a atenção do utilizador numa página?

Sugestão de Facilitação

Na Prototipagem em Papel, circule pela sala para garantir que todos os grupos incluem elementos de acessibilidade desde o início, como contraste de cores ou botões grandes.

O que observar

Os alunos trabalham em pares para desenhar um wireframe simples de uma nova funcionalidade para uma aplicação existente. Depois, trocam os wireframes e avaliam-se mutuamente, respondendo a duas perguntas: 1. A navegação é clara? 2. Onde poderia o utilizador ficar confuso? Cada par assina o wireframe avaliado.

• Analisar
• Avaliar
• Criar
• Autogestão
• Autoconsciência

Atividade 03

• Galeria de Exposição
• 45 min · Pequenos grupos

Galeria de Exposição: Auditoria de Design

Vários exemplos de interfaces (boas e más) são afixados. Os alunos usam post-its para identificar elementos de boa usabilidade (ex: botões claros) e erros comuns (ex: falta de contraste), discutindo no final como as melhorias propostas ajudariam o utilizador.

Por que razão o feedback visual é crucial em qualquer interação homem-máquina?

Sugestão de Facilitação

Na Auditoria de Design, incentive os alunos a tirarem fotografias dos designs que observam para discutirem depois em grupo, evitando que se foquem apenas em aspetos superficiais.

O que observar

Apresente aos alunos uma imagem de um website ou aplicação com uma hierarquia visual confusa. Peça-lhes para identificarem, num parágrafo curto, quais os elementos que competem pela atenção e como a sua disposição afeta a compreensão da página.

• Compreender
• Aplicar
• Analisar
• Criar
• Competências Relacionais
• Consciência Social

Algumas notas sobre lecionar esta unidade

Este tópico ensina-nos que o design de interfaces não é apenas estético, mas uma questão de comunicação entre o utilizador e a tecnologia. Evite apresentar apenas teorias; em vez disso, use atividades que simulem situações reais, como erros de navegação ou interfaces mal organizadas. A investigação mostra que os alunos retêm melhor quando experimentam diretamente as consequências de um mau design.

No final destas atividades, os alunos devem ser capazes de identificar elementos de um design funcional, justificar as suas escolhas com base em princípios de usabilidade e colaborar para melhorar interfaces existentes. A avaliação deve refletir esta capacidade de análise crítica e aplicação prática.

---

Atenção a estes erros comuns

• Durante a Simulação 'Cego', alguns alunos podem pensar que uma app bonita é suficiente.

  Durante a Simulação 'Cego', observem como os colegas reagem à navegação sem pistas visuais. Peça-lhes para anotarem onde sentiram mais dificuldade e discutam como um design funcional reduziria essa frustração.

• Durante a Prototipagem em Papel, os alunos podem ignorar a acessibilidade por acreditarem que é um detalhe menor.

  Durante a Prototipagem em Papel, mostre exemplos de interfaces inacessíveis e peça aos alunos para testarem os seus protótipos com os olhos vendados ou simulando limitações motoras, reforçando que a acessibilidade é um princípio fundamental.

---

Metodologias usadas neste resumo

• Simulação de Julgamento
• Círculo de Investigação
• Galeria de Exposição