Ficha 02 · Interação, teste de usabilidade e entrega
Exercício 1 · Estados e variantes de um componente
Lista todos os estados que o botão "Submeter" de um formulário deve ter (do repouso até à conclusão da ação) e explica, para cada um, quando aparece. Indica também um exemplo de variante do mesmo botão.
Exercício 2 · Transições coerentes num fluxo
Um protótipo tem 4 ecrãs: Lista → Detalhe → Editar → (guardar) volta ao Detalhe. Especifica, para cada navegação, o gatilho (trigger) e o tipo de transição, garantindo coerência direcional entre avançar e recuar.
Exercício 3 · Especificar uma microinteração completa
Especifica em detalhe a microinteração "marcar tarefa como concluída" (uma caixa de verificação numa lista de tarefas), de forma que um programador a implemente sem dúvidas. Inclui: gatilho, regra, feedback visual, duração e easing.
Exercício 4 · Variáveis e lógica condicional
Um protótipo de carrinho de compras precisa de mostrar um contador no ícone do carrinho apenas quando há pelo menos um artigo. Escreve, em pseudocódigo, a variável e a condição necessárias, e explica o que aconteceria ao utilizador se esta lógica não existisse.
Exercício 5 · Rever a acessibilidade de um ecrã
Um ecrã de checkout tem: texto cinzento claro sobre fundo branco nos rótulos dos campos, botões de 30x30 pixels muito próximos uns dos outros, e três imagens de produto sem qualquer descrição associada. Identifica os três problemas de acessibilidade e propõe uma correção para cada um.
Exercício 6 · Elaborar um plano de teste de usabilidade
Protótipo a testar: app de reserva de espaços de estudo numa biblioteca. Fluxo principal: procurar sala disponível → escolher horário → confirmar reserva. Elabora um plano de teste com objetivos, perfil de recrutamento, 3 tarefas em formato de cenário e pelo menos 3 métricas.
Exercício 7 · Conduzir, analisar e priorizar
Numa ronda de 5 participantes com o protótipo do exercício 6, 4 em 5 hesitaram a perceber que tinham de tocar no mapa da biblioteca para escolher a sala, em vez de usar uma lista. Explica: (a) como o moderador se deveria ter comportado se um participante pedisse ajuda; (b) se este resultado é um padrão ou um caso isolado; (c) como priorizarias esta correção.
Exercício 8 · Segurança, saúde no trabalho e proteção ambiental
Um estagiário passa 7 horas seguidas a desenhar protótipos, sem pausas, com o ecrã muito abaixo da linha dos olhos, e no fim do dia deixa um monitor avariado ao lado do caixote do lixo comum. Identifica três erros face às normas de segurança e saúde no trabalho e de proteção ambiental, e propõe a correção para cada um.