Interacção Humana
com o Computador
Departamento de Informática
UBI 2022/2023
João Cordeiro
jpcc@[Link]
[Link]
IHC - Horário 2021/22
IHC - Horário 2021/22
Critérios de Avaliação
CEA — Classificação Ensino Aprendizagem.
CEA <--- 60%*PE + 30%*TC + 10%*AC
PE: Prova Escrita teórica (frequência);
TC: Trabalho Criativo;
AC: Avaliação Continua.
A Classificação Final (CF) à UC será calculada da seguinte forma:
SE ( CEA >= 10 valores) ENTÃO
CF <--- CEA e dispensa de exame
SENÃO {
Não dispensa de exame:
CF <--- 70%*Exame + 30%*TC
}
Em exame de melhoria, conta sempre a melhor nota;
A assiduidade, nas aulas teóricas é de 50% para estudantes de 1ª inscrição;
A assiduidade, nas aulas práticas só podem ter no máximo 4 faltas;
A nota mínima para ir a exame é de 6.00 valores, sem arredondamento.
Momentos de Avaliação
Prova Escrita
(Frequência)
Terça-feira, 31 de Maio, às 18:15
Material de Estudo
Aulas Teóricas
Notas e Apontamentos
Bibliogra a
fi
Bibliogra a (@WEB)
[Link]
fi
IHC - Programa Teórico
Interacção Humana com o Computador
(11565/11107/6627)
Parte I: Fundamentos
1. O Ser Humano
2. O Computador
3. Interacção e Paradigmas
Parte II: Processo de Design
4. IHC no processo de desenvolvimento de software
5. Princípios, regras e normas.
6. Aspectos Estéticos: Cor e Forma.
7. Técnicas de avaliação
8. Design universal e suporte ao utilizador
Parte III: Modelos e Teorias
9. Modelos cognitivos.
10. Análise de tarefas.
11. Modelação de diálogo.
12. Modelação do sistema.
Interação Humana com
o Computador ?
IHC - Introdução
Human-computer interaction is a discipline concerned with
the design, evaluation and implementation of interactive
computing systems for human use and with the study of
major phenomena surrounding them.
O que é que signi ca aqui “design”?
Criação da dimensão interativa dos sistemas.
fi
IHC - The big picture
Use and Context
Human Social Application Areas
Organisation and Tasks
Human-Machine Fit
Human Computer
Human
Information Dialogue
Processing Techniques
Interface
Language,
Communication
Metaphors A
Graphic
Ergonomics I/O Devices
Design
Prototypes
Evaluation
Implementation Techniques
Techniques
and Tools
Design
Approaches
Development Process
Figure 1.1: The nature of Human-Computer Interaction. Adapted from Figure 1 of the ACM
SIGCHI Curricula for Human-Computer Interaction [Hewett et al., 2002]
Lema
When simple things need pictures, labels, or
instructions, the design has failed.
Donald Norman, in The Design of Everyday Things, 1988
Logo
Preocupações fundamentais
Estética
Operacional
Forma
Carelman’s Convergent Bicycle
Função
Uma história sobre ...
Forma - Exemplo: World Wide Web
Em 1989 já existe toda a infraestrutura subjacente
mas ...
Um história sobre ...
Forma - World Wide Web
Foi então que um cientista do CERN ...
implementou uma interface para navegação
em hipertexto.
Tim Berners-Lee
HTTP
Um história sobre ...
Forma - World Wide Web (@1993)
USA - National Center for Supercomputing Applications.
University of Illinois Urbana-Champaign.
Princípios fundamentais:
Desejamos um sistema que seja:
• Útil => e caz: cumpre os objetivos;
• Utilizável => e ciente: fácil, intuitivo, seguro;
• Utilizado => atractivo: agradável e recompensador.
fi
fi
Princípios fundamentais:
Útil
Utilizável
Utilizado
Princípios fundamentais:
• Útil => e caz: cumpre os objetivos;
• Utilizável => e ciente: fácil, intuitivo, seguro;
• Utilizado => atractivo: agradável e recompensador.
fi
fi
Princípios fundamentais:
Útil, Utilizável, Utilizado
“The Design of Everyday Things”
Donald Norman
Princípios fundamentais:
Útil, Utilizável, Utilizado
“The Design of Everyday Things”
Donald Norman
Princípios fundamentais:
Útil, Utilizável, Utilizado
Sistemas Críticos
Um história sobre ...
Função - Three Mile Island, 1 de Abril de 1979
válvula => núcleo a sobre-aquecer => válvula de emergência
=> fuga de vapor de água radioactiva.
• “O principal factor que transformou este incidente numa acidente
grave foi a reacção incorrecta dos operadores.”
• Nos primeiros minutos soaram entre 100 a 200 alarmes!
In HCI we want tools/systems that:
• That it are suitable for the task;
• That are easy to use and, where appropriate,
adaptable to the user’s knowledge and experience;
• That provides feedback on performance;
• That displays information in a format and at a pace
that is adapted to the user;
• That it conforms to the ‘principles of software
ergonomics’.
Na Prática,
vamos fazer exatamente o quê?
Design of Apps with rich GUI
Ferramentas de trabalho
[Link]
Ferramentas de trabalho
JavaFX Scene Builder 2.0
Ferramentas de trabalho
Netbeans IDE
Ferramentas de trabalho
IntelliJ IDEA
Ferramentas de trabalho
IntelliJ IDEA
Ferramentas de trabalho
IntelliJ IDEA
Trabalho Criativo
Trabalho Criativo
Trabalho Criativo