Interao Humano-Computador

A comunicao uma das muitas necessidades do homem, pois desde a poca

das cavernas ele demonstra o anseio por expressar o que passa dentro de si e no meio
em que vive, tudo isso atravs de pinturas nas paredes das cavernas, rabiscos e formas
geomtricas. A necessidade de estar em sociedade e de comunicar caminham juntas
dentro do homem e ele, desde sempre, buscou formas para que isso acontecesse.
O homem um ser em constante evoluo e tudo quanto est dentro dele e ao seu redor
acompanha esse ritmo, sejam seus desejos mais ntimos ou necessidades bsicas, tudo
se adapta, tudo se aprimora e se transforma, desde o Homem-de-neandertal.
A necessidade de comunicao acompanhou a evoluo e aprimorou a forma com que o
homem comunica e interage em seu meio e, muito mais do que isso, essa evoluo fez
com que ele conseguisse comunicar-se com quem quer que seja. Essa interao vem
sendo aprimorada todos os dias e tem mudado a vida de todos ns, indireta e diretamente.
Esse anseio por interao/comunicao deu ao homem a capacidade de criar dispositivos
(celulares, computadores, notebooks, etc) que so hoje como parte do seu corpo, ou seja,
quase impossvel viver sem, dando origem ao termo IHC (Interao humano-
computador). O IHC o estudo da interao entre pessoas e computadores. uma
matria interdisciplinar que relaciona a cincia da
computao, artes, design, ergonomia, psicologia, sociologia, semitica, lingustica, e
reas afins. A interao entre humanos e mquinas acontece atravs da interface do
utilizador, formada por software e hardware. Ela utilizada, por exemplo, para algumas
manipulaes de perifricos de computadores e grandes mquinas como avies e usinas
hidreltricas.
A tecnologia deve ser usada sempre para maximizar nossas habilidades, e o uso de
computadores deve ser o mais simples, seguro e agradvel possvel. Criao de sistemas
difceis de usar pode inviabilizar o sucesso de softwares que poderiam ser bastante teis.
O desempenho humano no uso de computadores e de sistemas de informao tem sido
uma rea de pesquisa e desenvolvimento que muito se expandiu nas ltimas dcadas.
Isso tem sido feito usando-se poderosas ferramentas computacionais na anlise de dados
coletados de acordo com mtodos da psicologia experimental. Outras contribuies
tambm advm da psicologia educacional, do design instrucional e grfico, dos fatores
humanos ou ergonomia, e bem mais recentemente, da antropologia e da sociologia.
A rea de IHC comeou com Donald Norman, psiclogo cognitivista que trabalhou o
conceito de usabilidade. possvel citar trs ondas durante a histria da rea de IHC:

Primeira onda - voltada para fatores humanos. Estudo do usurio como um conjunto
de mecanismos de processamento de informao. Foco no indivduo. Criao de guias
para desenvolvimento de interfaces, mtodos formais e testes sistemticas baseados
em mtricas.
Segunda onda - voltada para fatores humanos. Foco em grupos. Abordagens
qualitativas e no mais quantitativas, prototipao e design contextual. Natureza
holstica da pessoa em dado ambiente.
Terceira onda - foco em aspectos culturais e estticos. Expanso do cognitivo ao
emocional. Fatores pragmticos sociais da experincia. Tecnologias ubquas, mveis
e pequenas. Tecnologia extrapola os limites do contexto de trabalho e passa a fazer
parte da cultura, vida e casa de pessoas.
1. 1. Tecnologia em Sistemas para Internet - IFMSAula 01 O que Interao
Humano-Computador? Interao Humano-Computador Prof. Msc. Sidney Roberto
de Sousa
2. 2. Sumrio Interface Humano-Computador: Evoluo Interao Humano-
Computador Desafios da IHC Objetivos da IHC Princpios de Design Tec. em
Sistemas para Internet - IFMS 2
3. 3. Interface Humano-Computador: Evoluo Tec. em Sistemas para Internet -
IFMS 3
4. 4. Interfaces Humano-Computador at os anos 70 Tec. em Sistemas para Internet
- IFMS 4
5. 5. Interfaces Humano-Computador at os anos 70 F !! UF S T RD NE Tec. em
Sistemas para Internet - IFMS 5
6. 6. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 6
7. 7. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 7
8. 8. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 8
9. 9. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 9
10. 10. Interfaces Humanos-Computador: 70-90 Tec. em Sistemas para Internet -
IFMS 10
11. 11. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS
11
12. 12. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS
12
13. 13. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS
13
14. 14. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS
14
15. 15. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS
15
16. 16. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS
16
17. 17. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS
17
18. 18. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 18
19. 19. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 19
20. 20. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 20
21. 21. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 21
22. 22. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 22
23. 23. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 23
24. 24. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 24
25. 25. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 25
26. 26. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 26
27. 27. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 27
28. 28. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 28
29. 29. Interfaces Humano-Computador: Sculo XXI Tec. em Sistemas para Internet -
IFMS 29
30. 30. Interfaces Humano-Computador: Futuro? Tec. em Sistemas para Internet -
IFMS 30
31. 31. Interao Humano-Computador Tec. em Sistemas para Internet - IFMS 31
32. 32. O que interface?Algo tangvel, discreto e palpvel... Tec. em Sistemas para
Internet - IFMS 32
33. 33. O que interface?Algo tangvel, discreto e palpvel... ser? Tec. em
Sistemas para Internet - IFMS 33
34. 34. Preocupaes inerentes a construo de interfaces MAIOR NMERO DE
FUNCIONALIDADES vs USABILIDADE Tec. em Sistemas para Internet - IFMS
34
35. 35. O que interface? lugar onde o contato entre duas entidades ocorreEx.: tela
de computador, maaneta, torneira,cmbio de carro, ala da bolsa, etc. Tec. em
Sistemas para Internet - IFMS 35
36. 36. O que interface? lugar onde o contato entre duas entidades ocorreEx.: tela
de computador, maaneta, torneira,cmbio de carro, ala da bolsa, etc. Tec. em
Sistemas para Internet - IFMS 36
37. 37. O que interface?cmbio de carro feito para destros e canhotos? Tec. em
Sistemas para Internet - IFMS 37
38. 38. O que interface? A forma da interface reflete o que pode ser feito com ela
Ex.: diversos formatos de maanetas formas distintas de se abrir portas Tec. em
Sistemas para Internet - IFMS 38
39. 39. O que interface? Abrir uma porta:Humano (agente) (...) Porta (paciente) Tec.
em Sistemas para Internet - IFMS 39
40. 40. O que interface? Abrir uma porta:Humano (agente) Maaneta (interface)
Porta (paciente) Tec. em Sistemas para Internet - IFMS 40
41. 41. O que interface? Secar a mo em um secador automtico:Humano (agente)
Sensor (interface) Secador (paciente) Tec. em Sistemas para Internet - IFMS 41
42. 42. O que interface? Secar a mo em um secador automtico: ?Humano
(agente) Sensor (interface) Secador (paciente) Tec. em Sistemas para Internet -
IFMS 42
43. 43. O que interface? Secar a mo em um secador automtico:Humano (agente
ou paciente) Sensor (interface ou agente) Secador (paciente) Tec. em Sistemas
para Internet - IFMS 43
44. 44. O que interface? Assim, podemos definir interface como:
superfcie de contato que reflete as propriedades fsicas das partes que interagem
, as funes a serem executadas e o balano
entre o poder e controle (Laurel, 1993) Tec. em Sistemas para Internet - IFMS 44
45. 45. Computador para o Usurio Computadores bem projetados aceitao e
uso efetivo pelo usurio Computadores projetados para um pblico-alvo e no
de propsito geral (quase impossvel) Necessrio um nvel de abstrao a
respeito do engenho do computador analogamente relao veculo-motorista
Tec. em Sistemas para Internet - IFMS 45
46. 46. Computador para o Usurio Melhoria no aspecto fsico da interface do
software maior chance de sucesso no mercado! Oferecer ao mercado
softwares com interfaces user-friendly... mas, ser que todos os softwares so
to user-friendly como seus criadores afirmam? Tec. em Sistemas para Internet -
IFMS 46
47. 47. Interao Humano-Computador a disciplina preocupada com o design,
avaliao e implementao de sistemas computacionais interativos para uso huma
no e com o estudo dos principais fenmenos ao
redor deles (Rocha & Baranauskas, 2003) Tec. em Sistemas para Internet - IFMS
47
48. 48. Interao Humano-Computador Tec. em Sistemas para Internet - IFMS 48
49. 49. DESAFIOS DA IHC Tec. em Sistemas para Internet - IFMS 49
50. 50. Boas notcias! O mundo tecnolgico no para de lanar novidades na rea de
dispositivos computacionais inteligentes e user-friendly! A cada dia mais e mais
pessoas usam dispositivos computacionais em seu dia a dia, tendo assim a
informtica no apenas como uma aliada, mas tambm como parte integrante de
suas atividades rotineiras! Tec. em Sistemas para Internet - IFMS 50
51. 51. Boas notcias! Que legal! o/ Tec. em Sistemas para Internet - IFMS 51
52. 52. Boas notcias...? Mas... Tec. em Sistemas para Internet - IFMS 52
53. 53. Ms notcias... Como dar conta da rpida evoluo tecnolgica? Como
garantir que os designs de interfaces ofeream uma boa interao homem-
computador ao mesmo tempo que exploram o potencial e funcionalidade da nova
tecnologia? Tec. em Sistemas para Internet - IFMS 53
54. 54. Ms notcias...Como dar conta da rpida evoluo ?tecnolgica?Como garantir
que os designs de interfacesofeream uma boa interaohomem-computador ao
mesmo tempo queexploram o potencial e funcionalidade da novatecnologia? Tec.
em Sistemas para Internet - IFMS 54
55. 55. OBJETIVOS DA IHC Tec. em Sistemas para Internet - IFMS 55
56. 56. Objetivos Produzir sistemas usveis, seguros e funcionais Ou seja,
desenvolver ou melhorar a segurana, utilidade, efetividade e usabilidade de
sistemas que incluem computadores Sistema hardware + software + todo
ambiente que usa ou afetado pelo uso da tecnologia computacional O sistema
implementado deve atingir a aceitabilidade geral Tec. em Sistemas para Internet -
IFMS 56
57. 57. Aceitabilidade Social As pessoas gostam de utilizar o sistema? Ex.: portas
giratrias de bancos, cancelas de estacionamentos, autenticao de usurios para
acesso a sistemas Tec. em Sistemas para Internet - IFMS 57
58. 58. Aceitabilidade Prtica Envolve parmetros de custo, confiabilidade e
compatibilidade com sistemas existentes, alm de parmetros de usefulness
Usefulness refere-se ao sistema pode ser utilizado para atingir um objetivo
Usefulness = Utilidade + Usabilidade Tec. em Sistemas para Internet - IFMS 58
59. 59. Aceitabilidade GeralAceitabilidade social + Aceitabilidade prtica Tec. em
Sistemas para Internet - IFMS 59
60. 60. PRINCPIOS DE DESIGN Tec. em Sistemas para Internet - IFMS 60
61. 61. Problema Se analisarmos a complexidade de se desenvolver um sistema
computacional, vemos que a chance de se ter uma IHC precria bastante alta!
Assim, alguns autores definem alguns princpios bsicos que ajudam a garantir
uma boa IHC Tec. em Sistemas para Internet - IFMS 61
62. 62. Visibilidade Apenas coisas necessrias ao usurio devem estar visveis a ele
indicar quais partes podem ser operadas e como, alm de indicar como o
usurio interage com um dispositivo Visibilidade indica o mapeamento entre
aes pretendidas e as aes reais ex., empurro a porta para abri-la, quando na
verdade devo pux-la Pode indicar tambm distines importantes ex.,
diferenciar o pote de sal do de acar Tec. em Sistemas para Internet - IFMS 62
63. 63. Affordance Refere-se ao quo perceptvel a forma a qual um
objeto/interface deve ser utilizado, sem que haja confuses Ex.: ao se olhar um
boto de campainha, o que imaginamos fazer com ele? Ex.: ao se olhar um
painel de um boeing, o que imaginamos fazer com ele? Tec. em Sistemas para
Internet - IFMS 63
64. 64. Bom modelo conceitual Permite prever aes Sem um bom modelo
conceitual, s possvel operar sob comandos/instrues efetua-se as
operaes receitadas, sem saber que efeitos esperar ou o que fazer se as coisas
no derem certo Ex.: boto de campainha e painel de um boeing Tec. em
Sistemas para Internet - IFMS 64
65. 65. Bons mapeamentos Mapeamento denota o relacionamento entre duas
entidades No contexto de interfaces, indica o relacionamento entre os controles e
seus movimentos e os resultados no mundo Ex.: volante do carro para ir a
direita vira-se o volante para a direita Mapeamentos identificados o controle
 que afeta a direo e que o volante precisa ser virado para uma de duas direes
Tec. em Sistemas para Internet - IFMS 65
66. 66. Feedback Retornar ao usurio informao sobre as aes que foram feitas
Exemplos: o documento foi salvo; o documento foi enviado para impresso na
impressora HP Deskjet; houve um erro ao tentar realizar o seu cadastro. Tec. em
Sistemas para Internet - IFMS 66
67. 67. BibliografiaHuman Computer Interaction (HCI). Disponvel em
http://tinyurl.com/dz2wfy.Acessado em 11 de abril de 2013.LAUREL, B. Computer
as a Theatre. Reading, Mass, Addison-Wesley. 1993.ROCHA, H. V.;
BARANAUSKAS, M. C. C. Design e Avaliao de InterfacesHumano-Computador.
Instituto de Computao, UNICAMP, pgs. 3-45.Campinas, 2003. Tec. em Sistemas
para Internet - IFMS 67