Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Transferir como PPTX, PDF11 gostaram11,891 visualizações
Este documento apresenta os conceitos fundamentais da Ergonomia Informacional e Interação Humano-Computador (IHC). Primeiro, descreve as origens da IHC desde os anos 1960 até a popularização da World Wide Web nos anos 1990. Em seguida, define IHC como um campo interdisciplinar que estuda como as pessoas interagem com sistemas computacionais. Por fim, discute princípios e critérios para projeto de interfaces como as heurísticas de usabilidade de Nielsen.
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
- 1. ERGONOMIA INFORMACIONAL E IHC Interação Humano-Computador Rosendy Jess Fernandez Galabo [email protected] @zndgalabo
- 2. Ementa da discplina 5.5 Ergonomia e usabilidade de programas e interação homem-computador • 5.5.1 Usabilidade e utilidade de interfaces • 5.5.2 Navegação em sistemas multimídia e hipertexto • 5.5.3 Projeto de telas • 5.5.4 Compreensibilidade de signos • 5.5.5 Legibilidade de textos eletrônicos
- 3. Bibliografia 1. BARBOSA, S.D.J.; SILVA, B.S. Interação Humano- Computador. Editora Campus - Elsevier, 2010. 2. CYBIS, W. A.; BETIOL, A. H.; FAUST, R . Ergonomia e Usabilidade: conhecimentos, métodos e aplicações. 2. ed. São Paulo: Novatec Editora, 2010. 422p. 3. KRUG, Steve. Não me faça pensar. 2 ed. Rio de Janeiro: Alta Books. 2011. 201p.
- 4. Bibliografia 4. KRUG, Steve. Simplificando Coisas que Parecem Complicadas. 1 ed. Rio de Janeiro: Alta Books. 2010. 168p. 5. GARRETT, Jesse James. The elements of user experience: user-centered design for the web. New York: News Riders, 2003. 6. NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na Web: projetando websites com qualidade. Rio de Janeiro: Campus, 2007.
- 5. Bibliografia 4. PREECE, J.; ROGERS, Y.; SHARP, H. Design de interação: além da interação homem-computador. Porto Alegre: Bookman, 2005. 5. SANTA ROSA, José Guilherme; MORAES, Anamaria de. Avaliação e projeto no design de interfaces. 1. Ed. Teresópolis, RJ: 2AB, 2008. 6. UNGER, R. CHANDLER, C. O Guia para Projetar UX: A Experiência do Usuário (UX) para projetistas de conteúdodigital, aplicações e web sites. Rio de Janeiro: Alta Books, 2009. 268p.
- 6. Origens da Interação Humano- Computador • Durante os anos 1960 e início dos 1970, pesquisadores das ergonomia passaram a dar mais atenção a mapear o processamento da informação e de habilidades decisórias do usuário típico. (SANTA ROSA e MORAES, 2008)
- 7. Origens da Interação Humano- Computador • Final dos anos 1970, o amplo projeto de ciência cognitiva, que incorporou a psicologia cognitiva, inteligência artificial, lingüística, antropologia cognitiva e a filosofia da mente, havia se formado. Parte do programa era articular as aplicações sistemáticas e cientificamente informada a ser conhecida como “engenharia cognitiva” (CARROLL, 2009)
- 8. Origens da Interação Humano- Computador • Até final de 1970 – Profissionais da tecnologia da informação e profissionais dedicados • Computação gráfica surgiu na década de 1970.
- 9. Origens da Interação Humano- Computador • 1973 - Primeiro computador pessoal, Alto, desenvolvido no Xerox Palo Alto Research Center (PARC) o primeiro sistema comercial com um editor de texto, mouse, e interface gráfica.
- 10. Origens da Interação Humano- Computador • Computação Pessoal • Aplicações de produtividade • Editores de texto e planilhas • Jogos de computador • Sistemas operacionais
- 11. Origens da Interação Humano- Computador • Meados de 1980 • A engenharia de fatores humanos, que desenvolveu muitas técnicas para a análise empírica do sistema de interações humanas em domínios chamados de controle, tais como aviação e fabricação, passou a ver IHC como um domínio importante e desafiador no qual os operadores humanos regularmente exerciam maior resolução de descrição problemas. (CARROLL, 2009)
- 12. Origens da Interação Humano- Computador • 1990 • Tim Berners-Lee desenvolve a World-Wide Web (WWW)
- 13. Origens da Interação Humano- Computador • 1993 • Lançamento do Mosaic, o primeiro browser amplamente utilizado.
- 14. O que é IHC? • IHC é um campo de estudo interdisciplinar que tem como objetivo geral entender como e por que as pessoas utilizam (ou não utilizam) a tecnologia da informação. (SANTA ROSA e MORAES, 2008).
- 15. HCI Ergonomia Psicologia Social e Orga- nizacional Psicologia Cognitiva Ciência da Computação Inteligência Artificial Linguística Filosofia Sociologia Antropologia Design Engenharia PREECE, 1993 IHC
- 16. O que é IHC? • É a área da ergonomia que estuda formas de aumentar a compatibilidade entre as características comportamentais humanas e o processamento / representação das informações através do computador” (SCAPIN, 1993) • Complementando... Rocha e Baranauskas (2003) afirmam que: • “HCI trata do design de sistemas computacionais que auxiliem as pessoas de forma que possam executar suas atividades produtivamente e com segurança”.
- 17. O que é IHC? • 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
- 18. Benefícios do IHC • Aumentar a produtividade; • Reduzir o número e a gravidade dos erros cometidos pelos usuários; • Reduzir o custo de treinamento; • Reduzir o custo de suporte técnico; • Aumentar as vendas e fidelidade do cliente;
- 19. Elementos envolvidos na interação usuário-sistema • Interface - é o meio pelo qual o diálogo entre o computador e o ser humano é estabelecido. Este diálogo acontece em harmonia, quando fatores humanos são considerados. (PRESSMAN, 1995).
- 20. Elementos envolvidos na interação usuário-sistema • Interação Usuário- Sistema – Pode ser considerada como tudo o que acontece quando uma pessoa e um sistema computacional se unem para realizar tarefas, visando um objetivo (Hix e Hartson, 1993)
- 21. Elementos envolvidos na interação usuário-sistema • Affordance – conjunto das características de um objeto capazes de revelar aos seus usuários as operações e manipulações que eles podem fazer com ele (Norman, 1988)
- 22. Usabilidade Usabilidade Interação Homem-Computador Design de Interfaces Design de Telas Usabilidade de Produto
- 23. Usabilidade • Em IHC, comumente utiliza-se a usabilidade como um dos critérios de qualidade de uso em sistemas interativos. (BARBOSA e SILVA, 2010) • No intuito de facilitar o acesso e a navegação dentro em um website ou um sistema, estudos na área de Interação Humano-Computador (IHC) são frequentemente utilizados sob a forma de recomendações de usabilidade. (SANTA ROSA e MORAES, 2008).
- 24. Usabilidade • Nielsen (2003) define usabilidade como “uma medida da qualidade da experiência do usuário ao interagir com alguma coisa – seja um site na Internet, um aplicativo de software tradicional, ou outro dispositivo que o usuário possa operar de alguma forma”.
- 25. Usabilidade • Um atributo de qualidade relacionado à facilidade do uso de algo. Refere-se à rapidez com que os usuários podem aprender a usar alguma coisa, a eficiência deles ao usá-la, o quanto lembram daquilo, seu grau de propensão a erros e o quanto gostam de utilizá-las. Se as pessoas não utilizarem um recurso, ele pode muito bem não existir. (NIELSEN e LORRANGER, 2007).
- 26. Usabilidade • De acordo com a ISO 9241-11, a usabilidade é uma medida na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso. EFETIVIDADE EFICIÊNCIA SATISFAÇÃO USABILIDADE Usuários específicos Tarefas específicas Ambientes específicos
- 27. Critérios e princípios para o projeto de interfaces • Segundo Cybis et al. (2010), há uma configuração base a partir da qual uma interface pode favorecer o estabelecimento da usabilidade na relação usuário- sistema. Essa configuração se faz respeitando critérios, princípios ou heurísticas de usabilidade propostos por diversos autores e instituições nas últimas décadas. • Regras de Ouro (Ben Shneiderman) • Princípios de diálogo (ISO 9241:10) • Critérios ergonômicos (Bastien & Scapin) • Heurísticas de usabilidade (Jakob Nielsen)
- 28. Critérios e princípios para o projeto de interfaces • Regras de ouro (Ben Shneiderman) 1. Perseguir a consistência; 2. Fornecer atalhos; 3. Fornecer feedback informativo; 4. Marcar o final dos diálogos; 5. Fornecer prevenção e manipulação simples de erros; 6. Permitir o cancelamento de ações; 7. Fornecer controle e iniciativa ao usuário; 8. Reduzir a carga de memória de trabalho.
- 29. Critérios e princípios para o projeto de interfaces • Princípios de diálogo (ISO 9241:10) • Adaptação à tarefa; • Autodescrição (feedback); • Controle ao usuário; • Conformidade às expectativas do usuário; • Tolerância aos erros; • Facilidade de individualização; • Facilidade de aprendizagem
- 30. Critérios e princípios para o projeto de interfaces • Critérios ergonômicos (Bastien & Scapin) • Adaptação à tarefa; • Autodescrição (feedback); • Controle ao usuário; • Conformidade às expectativas do usuário; • Tolerância aos erros; • Facilidade de individualização; • Facilidade de aprendizagem
- 31. Critérios e princípios para o projeto de interfaces • Critérios ergonômicos (Bastien & Scapin) • Condução • Carga de trabalho • Controle explícito • Adaptabilidade • Gestão de erros • Homogeneidade/consistência • Compatibilidade
- 32. Critérios e princípios para o projeto de interfaces • Heurísticas de usabilidade (Nielsen e Molich) • Visibilidade do estado do sistema; • Mapeamento entre o sistema e o mundo real; • Liberdade e controle ao usuário; • Consistência e padrões; • Prevenção de erros; • Reconhecer em vez de relembrar; • Flexibilidade e eficiência de uso; • Design estético e minimalista; • Suporte para o usuário reconhecer, diagnosticar e recuperar erros; • Ajuda e documentação
- 33. Heurísticas de usabilidade • Visibilidade do estado do sistema; • O sistema precisa manter os usuários informados sobre tudo o que acontece por feedbacks em tempo adequado. Deve-se informar aos usuários onde eles estão, de onde veem e para onde vão enquanto navegam pelas telas do sistema.
- 40. Heurísticas de usabilidade • Mapeamento entre o sistema e o mundo real; • Deve-se utilizar terminologia familiar ao usuário, e não termos específicos de processamento de dados ou do sistema em questão. As instruções devem aparecer de forma lógica e natural, que faça sentido para o usuário
- 42. Heurísticas de usabilidade • Liberdade e controle ao usuário; • O sistema deve apresentar um certo grau de liberdade, permitindo que o usuário possa fazer escolhas e sair de situações inesperadas, como por exemplo, engano do usuário ou erros do sistema.
- 47. Heurísticas de usabilidade • Consistência e padrões; • O sistema deve ser previsível. Padrões para terminologia, cores, posicionamento e outros atributos de elementos devem ser estabelecidos com coerência ao longo de toda a interface gráfica do usuário. • A consistência não é apenas uma questão de design de tela, mas inclui considerações sobre a tarefa e a estrutura de funcionalidade do sistema
- 49. Heurísticas de usabilidade • Prevenção de erros; • Melhor do que boas mensagens de erro é um projeto cuidadoso que previne a ocorrência de problemas
- 52. Heurísticas de usabilidade • Reconhecimento em vez de memorização • Devem-se tornar visíveis objetos, ações e opções. O usuário não deve ter que se lembrar de informações de uma para outra parte do diálogo. Instruções para uso do sistema devem estar visíveis e facilmente recuperáveis quando necessário.
- 56. Heurísticas de usabilidade • Flexibilidade e eficiência de uso • Aceleradores de tarefa, como teclas de atalho, comandos escritos por fala, podem não ser visualizados pelos novatos, mas aumenta a velocidade de interação entre os usuários experientes e o sistema. Isso faz com que o sistema possa atender tanto aos usuários experientes quanto aos novatos. É importante lembrar que os usuários novatos de hoje tornar-se-ão experientes ao longo do uso do sistema
- 58. Heurísticas de usabilidade • Design estético e minimalista; • Devem ser apresentadas apenas informações que o usuário necessite, excluindo as irrelevantes ou raramente necessárias, pois qualquer unidade de informação extra no diálogo competirá com unidades relevantes de informação e diminuirá sua visibilidade relativa. As informações devem aparecer em uma ordem natural de acordo com as expectativas do usuário. Informações relacionadas devem estar agrupadas graficamente.
- 60. Heurísticas de usabilidade • Ajudar os usuários a reconhecer, diagnosticar e recuperar ações erradas • Mensagens de erro devem ser expressas em linguagem clara (sem códigos), indicando precisamente o problema e sugerindo construtivamente uma solução.
- 62. Heurísticas de usabilidade • Help e documentação • É necessário prover help e documentação. Essas informações devem ser de fácil busca e acesso, focalizadas na tarefa do usuário, organizadas como passos concretos para realização da tarefa em questão e não devem ser muito longas.
- 64. Referências bibliográficas • ABNT- Associação Brasileira de Normas Técnicas. NBR ISO 9241-11/1998 - Requisitos Ergonômicos para Trabalho de Escritórios com Computadores: Orientações sobre Usabilidade. Rio de Janeiro, ABNT, 2000. • BARBOSA, S.D.J.; SILVA, B.S. Interacao Humano-Computador. Editora Campus - Elsevier, 2010. • Carroll, John M. (2009): Human Computer Interaction (HCI). In: Soegaard, Mads and Dam, Rikke Friis (eds.). "Encyclopedia of Human-Computer Interaction". Aarhus, Denmark: The Interaction-Design.org Foundation. Disponível em: http://www.interaction- design.org/encyclopedia/human_computer_interaction_hci.html • CYBIS, W. A.; BETIOL, A. H.; FAUST, R . Ergonomia e Usabilidade: conhecimentos, métodos e aplicações. 2. ed. São Paulo: Novatec Editora, 2010. 422p. • GALABO, R. J. Avaliação da usabilidade de website da Universidade Federal do Maranhão: percepção do corpo discente. 2011. 108f. Monografia (Graduação em Desenho Industrial) – Universidade Federal do Maranhão. • HIX, D. & HARTSON, H. Developing User Interfaces: Ensuring Usability Through Product and Process. New York, NY: John Wiley & Sons, 1993.
- 65. Referências bibliográficas • MORAES, A. Design e Avaliação de interfaces, Rio de Janeiro: iUsEr, 2002. 148p. • NORMAN, D. A. Psychology of Everyday Things. Basic Books, 1988. • PREECE, J.; ROGERS, Y.; SHARP, H. Design de interação: além da interação homem-computador. Porto Alegre: Bookman, 2005. • PRESSMAN, Roger S. Engenharia de Software. 3 ed. São Paulo: Makron Books, 1995. p. 602-606. • ROCHA, H. V.; BARANAUSKAS, M. C. C. Design e avaliação de Interfaces Humano-Computador. Campinas, SP: NIED – UNICAMP, 2003. • SANTA ROSA, José Guilherme; MORAES, Anamaria de. Avaliação e projeto no design de interfaces. 1. Ed. Teresópolis, RJ: 2AB, 2008. • UNGER, R. CHANDLER, C. O Guia para Projetar UX: A Experiência do Usuário (UX) para projetistas de conteúdo digital, aplicações e web sites. Rio de Janeiro: Alta Books, 2009. 268p.