1. Tecnologia em Sistemas para Internet - IFMS
Aula 01 – O que é Interação
Humano-Computador?
Interação Humano-Computador
Prof.º Msc. Sidney Roberto de Sousa
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
32. O que é interface?
Algo tangível, discreto e “palpável”...
Tec. em Sistemas para Internet - IFMS 32
33. O que é interface?
Algo tangível, discreto e “palpável”...
… será?
Tec. em Sistemas para Internet - IFMS 33
34. Preocupações inerentes a construção de interfaces
→ MAIOR NÚMERO DE FUNCIONALIDADES
vs
USABILIDADE ←
Tec. em Sistemas para Internet - IFMS 34
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. 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. O que é interface?
câmbio de carro → feito para destros e canhotos?
Tec. em Sistemas para Internet - IFMS 37
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. O que é interface?
Abrir uma porta:
Humano (agente) (...) Porta (paciente)
Tec. em Sistemas para Internet - IFMS 39
40. O que é interface?
Abrir uma porta:
Humano (agente) Maçaneta (interface) Porta (paciente)
Tec. em Sistemas para Internet - IFMS 40
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. 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. 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. 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. 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. 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. 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
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. Boas notícias!
Que legal! o/
Tec. em Sistemas para Internet - IFMS 51
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. 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
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. 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. 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
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. 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. 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. 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. 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. 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. 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.
Tec. em Sistemas para Internet - IFMS 67