Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Tecnologia em Sistemas para Internet - IFMSAula 01 – O que é Interação  Humano-Computador?   Interação Humano-Computador  ...
Sumário●   Interface Humano-Computador: Evolução●   Interação Humano-Computador●   Desafios da IHC●   Objetivos da IHC●   ...
Interface Humano-Computador:           Evolução         Tec. em Sistemas para Internet - IFMS   3
Interfaces Humano-Computador até os anos 70              Tec. em Sistemas para Internet - IFMS   4
Interfaces Humano-Computador até os anos 70                                                      F !!                     ...
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   6
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   7
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   8
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   9
Interfaces Humanos-Computador: 70-90           Tec. em Sistemas para Internet - IFMS   10
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   11
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   12
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   13
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   14
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   15
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   16
Interfaces Humano-Computador: 70-90          Tec. em Sistemas para Internet - IFMS   17
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   18
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   19
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   20
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   21
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   22
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   23
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   24
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   25
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   26
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   27
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   28
Interfaces Humano-Computador: Século XXI             Tec. em Sistemas para Internet - IFMS   29
Interfaces Humano-Computador: Futuro?           Tec. em Sistemas para Internet - IFMS   30
Interação Humano-Computador        Tec. em Sistemas para Internet - IFMS   31
O que é interface?Algo tangível, discreto e “palpável”...                  Tec. em Sistemas para Internet - IFMS   32
O que é interface?Algo tangível, discreto e “palpável”...                                                          … será?...
Preocupações inerentes a construção de interfaces→ MAIOR NÚMERO DE FUNCIONALIDADES                              vs        ...
O que é interface? “lugar onde o contato entre duas entidades                    ocorre”Ex.: tela de computador, maçaneta,...
O que é interface? “lugar onde o contato entre duas entidades                    ocorre”Ex.: tela de computador, maçaneta,...
O que é interface?câmbio de carro → feito para destros e canhotos?                 Tec. em Sistemas para Internet - IFMS  ...
O que é interface?●   A forma da interface reflete o que pode ser    feito com ela●   Ex.: diversos formatos de maçanetas ...
O que é interface?           Abrir uma porta:Humano (agente) (...) Porta (paciente)            Tec. em Sistemas para Inter...
O que é interface?                 Abrir uma porta:Humano (agente) Maçaneta (interface) Porta (paciente)                  ...
O que é interface?   Secar a mão em um secador automático:Humano (agente) Sensor (interface) Secador (paciente)           ...
O que é interface?   Secar a mão em um secador automático:                                   ?Humano (agente) Sensor (inte...
O que é interface?       Secar a mão em um secador automático:Humano (agente ou paciente) Sensor (interface ou agente) Sec...
O que é interface?    Assim, podemos definir interface como:     “superfície de contato que reflete as propriedades física...
Computador para o Usuário●   Computadores bem projetados → aceitação e    uso efetivo pelo usuário●   Computadores projeta...
Computador para o Usuário●   Melhoria no aspecto físico da interface do    software → maior chance de sucesso no    mercad...
Interação Humano-Computador   “é a disciplina preocupada com o design,     avaliação e implementação de sistemas computaci...
Interação Humano-Computador        Tec. em Sistemas para Internet - IFMS   48
DESAFIOS DA IHC   Tec. em Sistemas para Internet - IFMS   49
Boas notícias!●   O mundo tecnológico não para de lançar    novidades na área de dispositivos    computacionais inteligent...
Boas notícias!   Que legal! o/ Tec. em Sistemas para Internet - IFMS   51
Boas notícias...?           Mas...  Tec. em Sistemas para Internet - IFMS   52
Más notícias...●   Como dar conta da rápida evolução    tecnológica?●   Como garantir que os designs de interfaces    ofer...
Más notícias...Como dar conta da rápida evolução                      ?tecnológica?Como garantir que os designs de interfa...
OBJETIVOS DA IHC   Tec. em Sistemas para Internet - IFMS   55
Objetivos●   Produzir sistemas usáveis, seguros e funcionais●   Ou seja, desenvolver ou melhorar a segurança,    utilidade...
Aceitabilidade Social●   As pessoas gostam de utilizar o sistema?●   Ex.: portas giratórias de bancos, cancelas de    esta...
Aceitabilidade Prática●   Envolve parâmetros de custo, confiabilidade e    compatibilidade com sistemas existentes,    alé...
Aceitabilidade GeralAceitabilidade social + Aceitabilidade prática               Tec. em Sistemas para Internet - IFMS   59
PRINCÍPIOS DE DESIGN     Tec. em Sistemas para Internet - IFMS   60
Problema●   Se analisarmos a complexidade de se    desenvolver um sistema computacional,    vemos que a chance de se ter u...
Visibilidade●   Apenas coisas necessárias ao usuário devem estar    visíveis a ele → indicar quais partes podem ser    ope...
Affordance●   Refere-se ao quão perceptível é a forma a    qual um objeto/interface deve ser utilizado,    sem que haja co...
Bom modelo conceitual●   Permite prever ações●   Sem um bom modelo conceitual, só é possível    operar sob comandos/instru...
Bons mapeamentos●   Mapeamento → denota o relacionamento entre duas    entidades●   No contexto de interfaces, indica o re...
Feedback●   Retornar ao usuário informação sobre as    ações que foram feitas●   Exemplos: o documento foi salvo; o    doc...
BibliografiaHuman Computer Interaction (HCI). Disponível em http://tinyurl.com/dz2wfy.Acessado em 11 de abril de 2013.LAUR...
Upcoming SlideShare
Loading in …5
×

O que é Interação Humano-Computador?

18,197 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

×