Your SlideShare is downloading. ×
O que é Interação Humano-Computador?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

O que é Interação Humano-Computador?

4,477
views

Published on

Published in: Technology

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,477
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
139
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Tecnologia em Sistemas para Internet - IFMSAula 01 – O que é Interação Humano-Computador? Interação Humano-Computador Prof.º Msc. Sidney Roberto de Sousa
  • 2. Sumário● Interface Humano-Computador: Evolução● Interação Humano-Computador● Desafios da IHC● Objetivos da IHC● Princípios de Design Tec. em Sistemas para Internet - IFMS 2
  • 3. Interface Humano-Computador: Evolução Tec. em Sistemas para Internet - IFMS 3
  • 4. Interfaces Humano-Computador até os anos 70 Tec. em Sistemas para Internet - IFMS 4
  • 5. Interfaces Humano-Computador até os anos 70 F !! UF S T RD NE Tec. em Sistemas para Internet - IFMS 5
  • 6. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 6
  • 7. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 7
  • 8. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 8
  • 9. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 9
  • 10. Interfaces Humanos-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 10
  • 11. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 11
  • 12. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 12
  • 13. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 13
  • 14. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 14
  • 15. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 15
  • 16. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 16
  • 17. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 17
  • 18. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 18
  • 19. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 19
  • 20. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 20
  • 21. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 21
  • 22. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 22
  • 23. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 23
  • 24. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 24
  • 25. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 25
  • 26. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 26
  • 27. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 27
  • 28. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 28
  • 29. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 29
  • 30. Interfaces Humano-Computador: Futuro? Tec. em Sistemas para Internet - IFMS 30
  • 31. Interação Humano-Computador Tec. em Sistemas para Internet - IFMS 31
  • 32. O que é interface?Algo tangível, discreto e “palpável”... Tec. em Sistemas para Internet - IFMS 32
  • 33. O que é interface?Algo tangível, discreto e “palpável”... … será? Tec. em Sistemas para Internet - IFMS 33
  • 34. Preocupações inerentes a construção de interfaces→ MAIOR NÚMERO DE FUNCIONALIDADES vs USABILIDADE ← Tec. em Sistemas para Internet - IFMS 34
  • 35. O que é interface? “lugar onde o contato entre duas entidades  ocorre”Ex.: tela de computador, maçaneta, torneira,câmbio de carro, alça da bolsa, etc. Tec. em Sistemas para Internet - IFMS 35
  • 36. O que é interface? “lugar onde o contato entre duas entidades  ocorre”Ex.: tela de computador, maçaneta, torneira,câmbio de carro, alça da bolsa, etc. Tec. em Sistemas para Internet - IFMS 36
  • 37. O que é interface?câmbio de carro → feito para destros e canhotos? Tec. em Sistemas para Internet - IFMS 37
  • 38. O que é interface?● A forma da interface reflete o que pode ser feito com ela● Ex.: diversos formatos de maçanetas → formas distintas de se abrir portas Tec. em Sistemas para Internet - IFMS 38
  • 39. O que é interface? Abrir uma porta:Humano (agente) (...) Porta (paciente) Tec. em Sistemas para Internet - IFMS 39
  • 40. O que é interface? Abrir uma porta:Humano (agente) Maçaneta (interface) Porta (paciente) Tec. em Sistemas para Internet - IFMS 40
  • 41. O que é interface? Secar a mão em um secador automático:Humano (agente) Sensor (interface) Secador (paciente) Tec. em Sistemas para Internet - IFMS 41
  • 42. O que é interface? Secar a mão em um secador automático: ?Humano (agente) Sensor (interface) Secador (paciente) Tec. em Sistemas para Internet - IFMS 42
  • 43. O que é interface? Secar a mão em um secador automático:Humano (agente ou paciente) Sensor (interface ou agente) Secador (paciente) Tec. em Sistemas para Internet - IFMS 43
  • 44. O que é interface? Assim, podemos definir interface como: “superfície de contato que reflete as propriedades físicas das partes que interagem,  as funções a serem executadas e o balanço  entre o poder e controle (Laurel, 1993)” Tec. em Sistemas para Internet - IFMS 44
  • 45. Computador para o Usuário● Computadores bem projetados → aceitação e uso efetivo pelo usuário● Computadores projetados para um público-alvo → e não de propósito geral (quase impossível)● Necessário um nível de abstração a respeito do engenho do computador → analogamente à relação veículo-motorista Tec. em Sistemas para Internet - IFMS 45
  • 46. Computador para o Usuário● Melhoria no aspecto físico da interface do software → maior chance de sucesso no mercado!● Oferecer ao mercado softwares com interfaces user-friendly...● … mas, será que todos os softwares são tão user-friendly como seus criadores afirmam? Tec. em Sistemas para Internet - IFMS 46
  • 47. Interação Humano-Computador “é a disciplina preocupada com o design,  avaliação e implementação de sistemas computacionais interativos para uso humano e  com o estudo dos principais fenômenos ao  redor deles (Rocha & Baranauskas, 2003)” Tec. em Sistemas para Internet - IFMS 47
  • 48. Interação Humano-Computador Tec. em Sistemas para Internet - IFMS 48
  • 49. DESAFIOS DA IHC Tec. em Sistemas para Internet - IFMS 49
  • 50. Boas notícias!● O mundo tecnológico não para de lançar 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 informática não apenas como uma aliada, mas também como parte integrante de suas atividades rotineiras! Tec. em Sistemas para Internet - IFMS 50
  • 51. Boas notícias! Que legal! o/ Tec. em Sistemas para Internet - IFMS 51
  • 52. Boas notícias...? Mas... Tec. em Sistemas para Internet - IFMS 52
  • 53. Más notícias...● Como dar conta da rápida evolução tecnológica?● Como garantir que os designs de interfaces ofereçam uma boa interação homem-computador ao mesmo tempo que exploram o potencial e funcionalidade da nova tecnologia? Tec. em Sistemas para Internet - IFMS 53
  • 54. Más notícias...Como dar conta da rápida evolução ?tecnológica?Como garantir que os designs de interfacesofereçam uma boa interaçãohomem-computador ao mesmo tempo queexploram o potencial e funcionalidade da novatecnologia? Tec. em Sistemas para Internet - IFMS 54
  • 55. OBJETIVOS DA IHC Tec. em Sistemas para Internet - IFMS 55
  • 56. Objetivos● Produzir sistemas usáveis, seguros e funcionais● Ou seja, desenvolver ou melhorar a segurança, 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. Aceitabilidade Social● As pessoas gostam de utilizar o sistema?● Ex.: portas giratórias de bancos, cancelas de estacionamentos, autenticação de usuários para acesso a sistemas Tec. em Sistemas para Internet - IFMS 57
  • 58. Aceitabilidade Prática● Envolve parâmetros de custo, confiabilidade e compatibilidade com sistemas existentes, além de parâmetros 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. Aceitabilidade GeralAceitabilidade social + Aceitabilidade prática Tec. em Sistemas para Internet - IFMS 59
  • 60. PRINCÍPIOS DE DESIGN Tec. em Sistemas para Internet - IFMS 60
  • 61. Problema● Se analisarmos a complexidade de se desenvolver um sistema computacional, vemos que a chance de se ter uma IHC precária é bastante alta!● Assim, alguns autores definem alguns princípios básicos que ajudam a garantir uma boa IHC Tec. em Sistemas para Internet - IFMS 61
  • 62. Visibilidade● Apenas coisas necessárias ao usuário devem estar visíveis a ele → indicar quais partes podem ser operadas e como, além de indicar como o usuário interage com um dispositivo● Visibilidade indica o mapeamento entre ações pretendidas e as ações reais → ex., empurro a porta para abri-la, quando na verdade devo puxá-la● Pode indicar também distinções importantes → ex., diferenciar o pote de sal do de açúcar Tec. em Sistemas para Internet - IFMS 62
  • 63. Affordance● Refere-se ao quão perceptível é a forma a qual um objeto/interface deve ser utilizado, sem que haja confusões● Ex.: ao se olhar um botão 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. Bom modelo conceitual● Permite prever ações● Sem um bom modelo conceitual, só é possível operar sob comandos/instruções → efetua-se as operações receitadas, sem saber que efeitos esperar ou o que fazer se as coisas não derem certo● Ex.: botão de campainha e painel de um boeing Tec. em Sistemas para Internet - IFMS 64
  • 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 direção e que o volante precisa ser virado para uma de duas direções Tec. em Sistemas para Internet - IFMS 65
  • 66. Feedback● Retornar ao usuário informação sobre as ações que foram feitas● Exemplos: o documento foi salvo; o documento foi enviado para impressão na impressora HP Deskjet; houve um erro ao tentar realizar o seu cadastro. Tec. em Sistemas para Internet - IFMS 66
  • 67. BibliografiaHuman Computer Interaction (HCI). Disponível 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 Avaliação de InterfacesHumano-Computador. Instituto de Computação, UNICAMP, pgs. 3-45.Campinas, 2003. Tec. em Sistemas para Internet - IFMS 67