O que é Interação Humano-Computador?

11,720 views

Published on

Published in: Technology

O que é Interação Humano-Computador?

  1. 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. 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. 3. Interface Humano-Computador: Evolução 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: Século XXI Tec. em Sistemas para Internet - IFMS 18
  19. 19. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 19
  20. 20. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 20
  21. 21. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 21
  22. 22. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 22
  23. 23. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 23
  24. 24. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 24
  25. 25. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 25
  26. 26. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 26
  27. 27. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 27
  28. 28. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 28
  29. 29. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 29
  30. 30. Interfaces Humano-Computador: Futuro? Tec. em Sistemas para Internet - IFMS 30
  31. 31. Interação Humano-Computador Tec. em Sistemas para Internet - IFMS 31
  32. 32. O que é interface?Algo tangível, discreto e “palpável”... Tec. em Sistemas para Internet - IFMS 32
  33. 33. O que é interface?Algo tangível, discreto e “palpável”... … será? Tec. em Sistemas para Internet - IFMS 33
  34. 34. Preocupações inerentes a construção de interfaces→ MAIOR NÚMERO DE FUNCIONALIDADES vs USABILIDADE ← Tec. em Sistemas para Internet - IFMS 34
  35. 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. 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. 37. O que é interface?câmbio 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 maçanetas → 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) Maçaneta (interface) Porta (paciente) Tec. em Sistemas para Internet - IFMS 40
  41. 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. 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. 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. 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. 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. 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. 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. 48. Interação Humano-Computador Tec. em Sistemas para Internet - IFMS 48
  49. 49. DESAFIOS DA IHC Tec. em Sistemas para Internet - IFMS 49
  50. 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. 51. Boas notícias! Que legal! o/ Tec. em Sistemas para Internet - IFMS 51
  52. 52. Boas notícias...? Mas... Tec. em Sistemas para Internet - IFMS 52
  53. 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. 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. 55. OBJETIVOS DA IHC Tec. em Sistemas para Internet - IFMS 55
  56. 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. 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. 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. 59. Aceitabilidade GeralAceitabilidade social + Aceitabilidade prática Tec. em Sistemas para Internet - IFMS 59
  60. 60. PRINCÍPIOS 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 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. 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. 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. 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. 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. 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. 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

×