O documento discute Interação Humano-Computador (IHC), definindo-a como a disciplina relacionada ao projeto, implementação e avaliação de sistemas computacionais interativos para uso humano. Aborda a importância de IHC para tornar sistemas mais seguros, úteis, eficientes e usáveis, especialmente para usuários iniciantes. Também discute a evolução histórica das interfaces, desde as primeiras gerações até interfaces gráficas modernas.

1. Interface Humano-Computador (IHC) Aula 1

2. Introdução: Segundo as Diretrizes Curriculares do MEC (2002) para cursos da área de Computação e Informática, Interação Humano-Computador (IHC) pode ser definida como: “ a disciplina relacionada ao projeto, implementação e avaliação de sistemas computacionais interativos para uso humano”. Se refere não só às formas de interação entre homem e computador, mas principalmente às teorias e técnicas de projeto e avaliação de interfaces.

3. Diferença entre iteração e interação???

4. Introdução: É classificada como uma disciplina multi (várias) e inter disciplinar (se relacionam) abrangendo: Ciência da computação  desenvolvimento de aplicações, projeto e avaliação de interfaces; Psicologia  aplicação de teorias de processos cognitivos do usuário de softwares Sociologia  interações entre tecnologia, trabalho e organização etc.

5. Objetivo: Desenvolver ou melhorar a: Segurança Utilidade (tornar útil) Eficiência (encontrar facilmente informações) e Usabilidade (ser usável, de fácil utilização) de... ...sistemas de software O estudo da IHC também contribui para que os usuários, principalmente os novatos , possam obter maior produtividade no trabalho ao utilizarem interfaces gráficas em comparação as antigas telas de texto , conforme revelam vários estudos.

6. Fundamentos em Interface: Barreira da informática (anos 80)  Interfaces difíceis, feitas às pressas O processo de elaboração de interfaces deve levar em consideração uma vasta gama de fatores: identificação do público-alvo (site idosos, crianças), etc Interfaces desktop Interfaces web

7. O desenvolvimento da IHC: São vários os fatores importantes para o desenvolvimento de IHC: Diminuição dos custos do hardware (como o hardware está barato, a interface pode ser um diferencial); Portabilidade (celular, palm); Melhoramento da tecnologia de displays (touch sreens, interfaces 3D); Novas técnicas de entrada/saída de dados (apontadores, canetas, etc); Difusão do computador para as minorias; Etc.

8. Objetos de estudo em IHC: Acessibilidade, Inclusão Digital: interfaces para pessoas com características especiais Usabilidade Web Computação Gráfica, Interfaces 3D: second life, java 3d, VRML. etc

9. Fatores históricos da IHC: Década de 60: Estudos sobre computação gráfica e utilização de canetas como apontadores de tela. Década de 70, grandes mudanças: Estações de trabalho e multiprocessamento; Aparecimento dos primeiros microcomputadores; e Desenvolvimento do mouse e joysticks. Década de 80 Difusão e desmistificação dos computadores; Primeiros sistemas multimídia. Década de 90 em diante Computadores domésticos; Sistemas operacionais gráficos; Hipermídia e Internet. Depois disso: WWW, Web 2 XML Interfaces 3D

10. Gerações de interfaces: Primeira  painéis com plugs, botões, mostradores. Segunda  lotes de cartões de dados perfurados. Terceira  sistemas de menus Quarta  controles gráficos e janelas

11. Interfaces antigas: Sem recursos gráficos; Comandos: realizados linha a linha; Interface difícil para usuários inexperientes; Necessidade de conhecimento prévio dos comandos e de sua utilidade (msdos, wordstar); Dificuldades para gerenciamento de programas e arquivos (dir no msdos, ls no linux); Telas cansativas e caracteres de tamanhos fixos.

12. Exemplo:

13. Interfaces atuais: Recursos gráficos abundantes; Interface fácil de utilizar para todos os usuários e principalmente para usuários inexperientes; Não há necessidade de conhecimento prévio dos comandos; O gerenciamento de programas e arquivos pode ser feito de maneira intuitiva, similar ao gerenciamento de “pastas de trabalho” ( comandos do tipo drag and drop – pegar e arrastar ); Telas coloridas e visualmente interessantes, permitindo aos usuários alteração de cores, dimensões da tela e dos caracteres. Mas todos os usuários gostam de telas coloridas? Possibilitar customização...

14. Exemplo:

15. Projeto de Interfaces (1-2) Segundo Norman*, o bom projeto de interfaces normalmente considera características como: MAPEAMENTO NATURAL uso de padrões e símbolos bem estabelecidos e conhecidos VISIBILIDADE DOS CONTROLES considera o tamanho e a quantidade dos controles, bem como a proporção com relação ao espaço disponível *Donald, Norman. The Design of Everyday Things . 1990

16. Projeto de Interfaces (2-2) RECONHECIMENTO X RECORDAÇÃO baseado na tendência que as pessoas têm de descobrirem como uma interface funciona por tentativa e erro FEEDBACK considera o resultado das ações do usuário à medida em que utiliza o sistema