O documento discute a interação humano-computador (IHC), abordando sua definição, evolução, e a importância de usabilidade. Apresenta exemplos práticos de erros comuns em interfaces e propõe melhorias no design para facilitar a interação. Enfatiza a necessidade de construir interfaces que aumentem a produtividade e diversão dos usuários, ao invés de se tornarem obstáculos.

1. Referência Bibliográfica:ROCHA, Heloisa Vieira da; BARANAUSKAS, Maria Cecília C. Design e Avaliação de Interfaces Humano-Computador. Campinas, SP:NIED/UNICAMP, 2003. p.03 - p.24. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOR

2. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORSUMÁRIODinâmica em Grupo - Aplicação de usos de linguagem através de códigos novos e aleatórios.O que é interação/Interface Humano Computador:- Interface Humano Computador- Evolução de Interfaces e sua Conceituação- Metáforas de Interface- Interação Humano Computador- Desafios de IHC- A Multi (inter) (Trans)Diciplinaridade em IHC

3. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORDinâmica em Grupo - Aplicação de usos de linguagem através de códigos novos e aleatórios.

4. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORDIVIDAM-SE EM GRUPOS DE NO MÁXIMO 7 INTEGRANTES;EXERCÍCIO: PERÍODO: 20 MIL ANOSDESENVOLVAM UMA LINGUAGEM PRÓPRIA ATRAVÉS DE PICTOGRAMAS (PINTURAS RUPESTRES) E TRANSFIRAM ESSE CONHECIMENTO PARA UM OUTRO POVO QUE NÃO CONHECEM A SUA LINGUAGEM.

5. Referência Bibliográfica:ROCHA, Heloisa Vieira da; BARANAUSKAS, Maria Cecília C. Design e Avaliação de Interfaces Humano-Computador. Campinas, SP:NIED/UNICAMP, 2003. p.03 - p.24. Porqueestudar IHC?

6. Slides baseados no livro:Design e Avaliação de Interfaces Humano ComputadorHeloísa Vieira da RochaM.Cecília C. BaranauskasEscola de Computação 2000 (ESGOTADO)

7. Usabilidade, um direito.INTERFACE HUMANO-COMPUTADOR

8. Usabilidade, um direito?Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

9. Usabilidade, um direito ?Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

10. Urna Eletrônica - 1998Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002Concebida para suprimir as possibilidades de fraudes e diminuir o tempo de contagem dos votos só permitia aos cegos treinados em Braille (15% dos cegos) a realização do voto sem erro. Feedback somente em 2002Idosos (analfabetos?) que tiveram sucesso no voto tiveram auxilio de mesáriosvotar deve ser um ato civil natural e a tecnologia não deve se colocar como obstáculo

11. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

12. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

13. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

14. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

15. Interfaces e TecnologiaPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002“O sistema idealesconde tanto a tecnologiaque o usuárionem nota suapresença.”“O objetivo é deixar as pessoas realizarem suas atividades, com a tecnologia aumentando sua produtividade, seu poder, e seu divertimento, cada vez mais por ser invisível, fora de vista, fora da mente.”“As pessoasdeveriamaprender a tarefa, não a tecnologia.”

16. Interfaces e TecnologiaPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002“Deveríamospoderempregar a ferramentanatarefa, e nãocomo é hoje, ondetemosqueadequar a tarefa à ferramenta.”“E essasferramentasdeveriamseguirostrêsaxiomas do design: simplicidade, versatilidade e satisfatoriedade. “

17. Design de InterfacesPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002Observar e analisar as características de design do ambientecotidiano é um modo de desenvolverumasensibilidadeaomundodesenhadoemquevivemos e trabalhamos

18. FogãoPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

19. FogãoPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

20. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

21. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

22. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

23. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

24. Como ajustar o relógio?Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

25. Como “ajustar” cadeiras?Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

26. 1 - Situação : Ajustar a altura da cadeiraO usuário tenta abaixar ou levantar a cadeira enquanto está sentado, mexendo na alavanca.Problema: o usuário puxa e empurra a alavanca porém a cadeira não se move.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

27. Procedimento corretoPara se abaixar a cadeira, deve-se levantar a alavanca e a cadeira ao mesmo tempo e depois empurrá-la.Para levantar a cadeira, deve-se puxar com força o assento, segurando com o pé as rodas da cadeira.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

28. “Erro Humano”Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

29. Máquina de Café expresso Máquina de café expresso sem instruções de uso em restaurante universitárioDe que torneira sairá o café?Devo observar outra pessoa fazendo antes?Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

30. Máquina de Café ExpressoQuando devo colocar as moedas?Como funcionam os menus?Má disposição dos menusFalta de indicação da saída do caféPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

31. O CrimeA Máquina da TessEsta máquina aparentemente inofensiva possui o péssimo hábito de “assaltar” as pessoas que nela colocam seu dinheiro pensando que, em troca, receberão um cartão com crédito para seu celular.Isso acontece toda vez que alguém coloca nela o seu dinheiro e não existem mais cartões disponíveis na máquina. Só depois ela avisa que não existem mais cartões com o número de unidades que você deseja. Não existem quaisquer instruções de comorecuperar o dinheiro.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

32. A Vítima?@#!$Tudo aconteceu quando uma das integrantes do nosso grupo resolveu adquirir um cartão. Ela colocou duas notas de 10 reais e somente depois de muito esperar foi avisada de que não havia cartões de 20 reais disponíveis. Não havia instruções de como recuperar o dinheiro.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

33. O ProblemaA Solução?Devolver Dinheiro@#!$OUPrimeiro escolher opção......depois colocar dinheiro.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

34. A Situação:VocêXO Controle Remoto da GaragemPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

35. 1. Esquema da Situação - AntesPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

36. 1. Esquema da Situação - DepoisPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

37. 2. O que contribuiu para a Situação:Falha de projeto:Não é possível identificar os botões rapidamente, através do tato ou contato visual breve.Pressa para acionar o botão, que pode ser causada por diversas razões: Estar atrapalhando o trânsito

38. Medo de assaltos

39. Nervosismo

40. AnsiedadePor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

41. 3. Como evitar ou sobreviver ao erro:Diferenciar botões: Cores (botão verde / vermelho)

42. Formas (botão triangular / redondo)

43. Textos (Entrada / Saída)

44. Teclas iluminadasDesenho do controle: Formato diferenciado

45. Botões distanciadosPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

46. “Erro” HumanoCaixa eletrônico:Pagamento de Fatura Visa (Banco Real)Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

47. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

48. Galão de águaRemoção da tampaFatoresTampa extremamente rígida e de difícil remoção;Nenhuma estrutura auxiliar para ajudar a remoção da tampa.“Erros” esperadosA pessoa precisará, obrigatoriamente utilizar de um instrumento cortante, como uma faca - que não foi desenhada especificamente para este tipo de uso, podendo ocasionar acidentes;Dependendo do instrumento utilizado, pode-se contaminar a água.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

49. Galão de águaColocação do galão no bebedouroFatoresPeso elevado do galão;Tampa necessariamente aberta antes da colocação.“Erros” esperadosÉ praticamente impossível virar o galão com sua tampa aberta e seu peso sem deixar a água cair;Não é raro a pessoa deixar o galão cair neste momento, fazendo aquela aguaceira quando o galão “explode” no chão.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

50. Como sobreviver - Galão de águaNovos desenhos para o galão e bebedouro (vide esquema)Vantagens: É fácil de carregar, pois existe uma alça desenhada para ser carregada com uma única mão, usando o contra-peso do corpo;Não ocupa espaço, pelo menos não mais e nem menos do que uma bebedouropadrão;É fácil de empilhar;A maior facilidade, está no fato de que não é preciso abrir o garrafão antes de colocá-lo no bebedouro, evitando cortes com facas e desperdício de água.Desvantagens:Novos modelos de bebedouro necessários;Chances de vazamento entre o galão e bebedouro.Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

51. Forno de microondasPor que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

52. Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002

53. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORFerramentas computacionais específicas e ambientes de programação permitem construir protótipos rápidos como as ferramentas de auxilio ao design de produtos industriais. Muitos de nós usam vários produtos eletrônicos, como os gravadores de vídeo cassete, fornos de microondas, telefones, etc. Arte, música, esportes e entretenimento são atualmente auxiliadas e suportadas por sistemas computacionais.

54. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORProfissionais das mais diferentes áreas têm contribuído significativamente para todo esse desenvolvimento, e dentre estes podemos destacar:

55. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORDesigners de software têm explorado maneiras melhores de organizar informação graficamente. Eles têm desenvolvido linguagens de consulta e facilidades visuais para entrada, busca e saída de informação. Têm usado sons (música e voz), representações tridimensionais, animação e vídeo para melhorar o conteúdo e a expressão das interfaces. Técnicas como manipulação direta, tele-presença, e realidade virtual mudam a maneira de interagir e de pensar sobre computadores.

56. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORDesenvolvedores de hardware têm oferecido novos design de teclados e dispositivos de apontamento, além dos displays de alta resolução. Eles têm projetado sistemas com resposta rápida para complexas manipulações tridimensionais. Tecnologias que permitem entrada e saída por voz, entrada por gestos, telas de toque, em muito têm aumentado a facilidade de uso dos computadores.

57. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORDesenvolvedores na área de tecnologia educacional estão criando tutorais online, e materiais de treinamento explorando novas abordagens de discussões em grupo, ensino a distância, apresentações de vídeo etc.

58. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORDesigners gráficos estão fortemente envolvidos com o layout visual, seleção de cores e animação.

59. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORSociólogos, antropólogos, filósofos, administradores estão tratando do impacto organizacional, ansiedade computacional, treinamento, grupos de trabalho distribuídos, suporte computacional ao trabalho cooperativo, e mudanças sociais em geral.

60. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORPortanto, estamos vivendo um momento vital e estratégico para os desenvolvedores de interfaces. Pode-se dizer que a Tecnologia está pronta. Temos portanto as pontes e túneis construídos e agora as estradas precisam ser pavimentadas e as sinalizações pintadas para tornar possível o pesado tráfico da grande leva de usuários (Schneiderman, 1998).

61. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERFACE HUMANO-COMPUTADORQuando o conceito de interface surgiu, ela era geralmente entendida como o hardware e o software com o qual homem e computador podiam se comunicar. A evolução do conceito levou à inclusão dos aspectos cognitivos e emocionais do usuário durante a comunicação.

62. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERFACE HUMANO-COMPUTADORDe acordo com Brenda Laurel (1990) a "direção correta" é aquela que leva o usuário a ter mais poder.

63. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORUMA PRIMEIRA DEFINIÇÃO DE INTERFACESPrimariamente, como já dissemos, se visualiza uma interface como um lugar onde o contato entre duas entidades ocorre (por exemplo, a tela de um computador).A forma das interfaces reflete as qualidades físicas das partes na interação.

64. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORUMA PRIMEIRA DEFINIÇÃO DE INTERFACESO que muitas vezes é esquecido é que a forma da interface também reflete o que pode ser feito com ela. Tomando o exemplo da maçaneta, podemos ver que no mundo existem diversos formatos de maçaneta e de acordo com o formato sabemos como deve ser aberta uma porta: girando a açanetano sentido anti-horário, empurrando a porta, puxando a porta, etc. (Norman, 1988).

65. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORUMA PRIMEIRA DEFINIÇÃO DE INTERFACESPodemos ter como uma definição de base que:Uma interface é uma 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 poder e controle (Laurel, 1993).

66. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADOREVOLUÇÃO DE INTERFACES E SUA CONCEITUAÇÃO

67. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORInterface tornou-se uma tendência (ou moda, como nomeiam os mais incrédulos) como um importante conceito a ser explorado nos últimos anos, e isso é largamente atribuído a introdução dos computadores Macintosh da Apple. Certamente, quando se pensa hoje em dia em Interfaces Humano-Computador (IHC) imediatamente se visualiza ícones, menus, barras de rolagem ou talvez, linhas de comando e cursores piscando. Mas certamente interface não é só isso.

68. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORNielsen(1993) apresenta uma tabela onde ele faz esse relacionamento e também qualifica a categoria de usuários de computadores em cada geração, o que é de absoluta relevância para o desenvolvimento de interfaces (Tabela1.1).

70. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORAvanços da Lingüística têm demonstrado que diálogo não é linear, ou seja, quando dizemos alguma coisa, você pensa sobre o que dissemos e aí dá uma resposta, nós vamos pensar sobre a resposta e aí …., e assim por diante.Portanto, para que o diálogo efetivamente ocorra é necessária a existência, ou a construção, de um meio comum de significados.

71. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORAs atuais interfaces gráficas explicitamente representam o que vem a ser esse meio de significados comum, pela aparência e comportamento dos objetos na tela. Este conceito dá suporte a idéia de que uma interface é um contexto compartilhado de ação no qual tanto o computador como o humano são agentes (Laurel, 1993).

72. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORMETÁFORAMetáfora: do grego metaphorá, pelo latim metaphora, transporte.

73. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORMETÁFORAS DE INTERFACEMetáforas são parte integrante de nosso pensamento e linguagem. Elas aparecem não somente na poesia ou literatura, mas em nossa linguagem cotidiana. E geralmente as pessoas não se dão conta de que estão usando metáforas, elas são invisíveis.

74. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORMETÁFORAS DE INTERFACEAs metáforas funcionam como modelos naturais, nos permitindo usar conhecimento familiar de objetos concretos e experiências para dar estrutura a conceitos mais abstratos.

75. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORMETÁFORAS DE INTERFACEAs características de metáforas em nossa linguagem são as mesmas que governam o funcionamento de metáforas de interfaces. Da mesma forma que metáforas invisíveis permeiam nossa linguagem cotidiana elas o fazem nas interfaces que usamos e projetamos (Erickson, 1990).

76. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORMETÁFORAS DE INTERFACEComo as metáforas são usadas como modelos, uma metáfora de interface que sugira um modelo incorreto pode causar dificuldades para o usuário.

77. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORMETÁFORAS DE INTERFACEPor exemplo, o clássico caso das funções cortar e colar dos editores atuais - quando se corta algum objeto ele fica guardado em um buffer (usuários principiantes acham que sumiu) e quando se cola em outra parte o objeto não cola como no real, ele "empurra" (para fazer a real função de colar é preciso marcar e depois colar).

78. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORMETÁFORAS DE INTERFACENão se pode pensar em interfaces sem considerar o ser humano que vai usá-la, e portantointerface e interação são conceitos que não podem ser estabelecidos ou analisados independentemente.

79. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERAÇÃO HUMANO-COMPUTADOR (IHC)

80. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERAÇÃO HUMANO-COMPUTADOR (IHC)Para que os computadores se tornem amplamente aceitos e efetivamente usados eles precisam ser bem projetados.

81. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERAÇÃO HUMANO-COMPUTADOR (IHC)Isso de maneira alguma quer dizer que o design deve ser adequado a todas as pessoas, mas os computadores devem ser projetados para as necessidades e capacidades de um grupo alvo.

82. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERAÇÃO HUMANO-COMPUTADOR (IHC)Os usuários em geral não devem ser obrigados a pensar sobre como o computador funciona, da mesma forma que o funcionamento mecânico de um carro não é preocupação da maioria das pessoas.

83. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERAÇÃO HUMANO-COMPUTADOR (IHC)Os usuários em geral não devem ser obrigados a pensar sobre como o computador funciona, da mesma forma que o funcionamento mecânico de um carro não é preocupação da maioria das pessoas. Entretanto, a posição dos pedais, direção e câmbio têm muito impacto sobre o motorista, como também o design de sistemas computacionais têm efeito sobre seus usuários.

84. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERAÇÃO HUMANO-COMPUTADOR (IHC)Muito embora, ainda não exista uma definição estabelecida para IHC, acreditamos que a seguinte definição incorpora o espírito da área no momento: IHC é 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 tenta expressar o conjunto de componentescontidos nessa definição.

86. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORINTERAÇÃO HUMANO-COMPUTADOR (IHC)Concluindo, IHC trata do design de sistemas computacionais que auxiliem as pessoas de forma a que possam executar suas atividades produtivamente e com segurança.

87. O QUE É INTERAÇÃO/INTERFACE HUMANO-COMPUTADORDESAFIOS DE IHCDado o rápido desenvolvimento da tecnologia, mais os conflitos e compromissos dos objetivos de um design e mais as diferentes componentes (e áreas de estudo) que caracterizam IHC, sem dúvida alguma ela é uma área com ricos desafios.