Introdução à Interação Humano-Computador Conceitos Básicos Professora: Raquel Oliveira Prates http://www.dcc.ufmg.br/~rprates/ihc \ Aula 1: 14/05 Perspectivas em IHC usuário como máquina computador como pessoa Capacitando o sistema Capacitando o usuário computador como mídia trabalho ou produto computador como ferramenta (Kammersgaard, J.; 1988) DCC/UFMG 1
Interação Usuário-Sistema usuário ação interpretação interface sistema interação = ação + interpretação Interação Usuário-Sistema usuário ação interpretação interface sistema funcionalidade funcionalidade interação = ação + interpretação DCC/UFMG 2
Usuário percepção ossentidos a influência do contexto organização de informação codificações memória raciocínio atenção Usuário percepção ossentidos a influência do contexto organização de informação codificações memória raciocínio atenção TL O DCC/UFMG 3
Usuário percepção ossentidos a influência do contexto organização de informação codificações memória raciocínio atenção Usuário percepção ossentidos a influência do contexto organização de informação codificações memória raciocínio atenção DCC/UFMG 4
Usuário percepção ossentidos a influência do contexto organização de informação codificações memória raciocínio atenção Dedução Indução Abdução Raciocínio Dedução: Regra: Todo ser-vivo respira Observação: O cachorro é um ser-vivo Conclusão: O cachorro respira Indução: Observação: O cachorro é um ser-vivo e respira; o gato é um servivo e respira; o pássaro é um ser-vivo e respira... <todos os animais observados são seres-vivos e respiram> Conclusão: Todo ser-vivo respira Abdução: Observação: O cachorro e o gato são seres-vivos e respiram Hipótese: Todo ser-vivo respira DCC/UFMG 5
Usuário percepção ossentidos a influência do contexto organização de informação codificações memória raciocínio atenção Interação Usuário-Sistema usuário ação interpretação interface sistema funcionalidade interação = ação + interpretação DCC/UFMG 6
Affordance Termo que se refere às propriedades e oportunidades de funcionamento e uso de um artefato, tanto percebidas como reais Para IHC, são importantes, em particular, as propriedades fundamentais que determinam como o artefato pode ser utilizado [Norman, 1988]. Interface Hardware DCC/UFMG 7
Interface Hardware - Roomware Picture from Streitz et al., 2001 HCI in the New Millenium http://delivery.acm.org/10.1145/290000/289519/p411-streitz.pdf Interface Software http://www.activeworlds.com/tour.asp Tela do Windows XP http://palmsource.palmgear.com/ DCC/UFMG 8
Interface Software Teclado Virtual http://www.roeder-johnson.com/rjdocs/caprojectionkeyboardcell.jpg Estilos de Interação linguagem natural linguagem de comando menus preenchimento de formulários WIMP (Windows, Icons, Menus, and Pointers) manipulação direta WWW realidade virtual DCC/UFMG 9
Linguagens de Comando organização comandos simples comandos + parâmetros comandos + opções + parâmetros estrutura ordenação dos parâmetros símbolos vs. palavras-chave estrutura hierárquica vocabulário ls -al cp fonte.txt destino.txt mv fonte.txt old.txt especifidade vs. generalidade (insert e delete vs. correct) estratégias de abreviação: truncar, eliminar vogais, primeira e última letras, primeira letra de cada palavra, abreviações padronizadas de outros contextos, fonética Menus organização grupos de itens logicamente semelhantes grupos cobrem todas as possibilidades sobreposições inexistentes itens ordenados vocabulário rótulos familiares opções bem distintas estrutura linear estrutura em árvore DCC/UFMG 10
Preenchimento de Formulários organização agrupamento lógico seqüência dos campos layout vocabulário título e rótulos instruções prevenção e tratamento de erros Manipulação Direta DCC/UFMG 11
WIMP (Windows, Icons, Menus, and Pointers) WWW http://www.sbc.org.br/ihc DCC/UFMG 12
Realidade Virtual Educação de Trânsito Projeto: A Realidade da Educação Virtual UFSCAR http://www.dc.ufscar.br/~grv/revir/desenv.html Paradigmas de Interação ação objeto parâmetros copy arquivo1 arquivo2 objeto ação parâmetros 1. selecionar texto 2. formatar caractere 3. selecionar fonte e estilo DCC/UFMG 13
Affordance Termo que se refere às propriedades e oportunidades de funcionamento e uso de um artefato, tanto percebidas como reais Para IHC, são importantes, em particular, as propriedades fundamentais que determinam como o artefato pode ser utilizado [Norman, 1988]. Interação Usuário-Sistema usuário ação interpretação interface sistema funcionalidade interação = ação + interpretação DCC/UFMG 14
Qualidades de Uso Definição: Propriedades que qualificam a interação possível através de uma interface de acordo com determinados aspectos. Interfaces de qualidade: pode causar aumento (ou queda) de produtividade geralmente está associada a melhorias nos processos de negócio Interfaces com baixa qualidade... requerem treinamento excessivo desmotivam a exploração confundem os usuários e os induzem ao erro geram insatisfação diminuem a produtividade não trazem o ROI previsto Exemplos de Problemas de Interação http://homepage.mac.com/bradster/iarchitect/ DCC/UFMG 15
Exemplos de Problemas de Interação http://www.uiwizards.com/ Exemplos de Problemas de Interação http://homepage.mac.com/bradster/iarchitect/ DCC/UFMG 16
Exemplos de Problemas de Interação Referências de Souza, C. S.; Prates, R. O.; Carey, T. 2000. Missing and declining affordances: Are these appropriate concepts?. Journal of the Brazilian Computer Society. 1(7): 26-34. Kammersgaard (1988) Four differents perspectives on Human-Computer Interaction. in International Journal of Man-Machine Studies, 28, 343-362 Norman, D. (1988) Psychology of Everyday Things. BasicBooks. HarperCollins Publishers. Norman, D. (1999) Affordance, Convention and Design. Interactions 6 (3): 38-42. New York, NY, ACM Press. Preece, J.; Rogers, Y.; Sharp, H. 2002. Interaction design. London. John Wiley and Sons. DCC/UFMG 17