O que é Interação Humano-Computador?
-
Upload
sidney-roberto -
Category
Technology
-
view
4.262 -
download
7
description
Transcript of O que é Interação Humano-Computador?
Tecnologia em Sistemas para Internet - IFMS
Aula 01 – O que é Interação Humano-Computador?
Interação Humano-ComputadorProf.º Msc. Sidney Roberto de Sousa
Tec. em Sistemas para Internet - IFMS 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 33
O que é interface?
Algo tangível, discreto e “palpável”...
… será?
Tec. em Sistemas para Internet - IFMS 34
Preocupações inerentes a construção de interfaces
→ MAIOR NÚMERO DE FUNCIONALIDADES
vs
USABILIDADE ←
Tec. em Sistemas para Internet - IFMS 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 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 37
O que é interface?
câmbio de carro → feito para destros e canhotos?
Tec. em Sistemas para Internet - IFMS 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 39
O que é interface?
Abrir uma porta:
Humano (agente) (...) Porta (paciente)
Tec. em Sistemas para Internet - IFMS 40
O que é interface?
Abrir uma porta:
Humano (agente) Maçaneta (interface) Porta (paciente)
Tec. em Sistemas para Internet - IFMS 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 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 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 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 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 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 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 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 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 54
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 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 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 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 59
Aceitabilidade Geral
Aceitabilidade social + Aceitabilidade prática
Tec. em Sistemas para Internet - IFMS 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 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 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 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 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 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 67
Bibliografia
Human 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 Interfaces Humano-Computador. Instituto de Computação, UNICAMP, pgs. 3-45. Campinas, 2003.