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


Interface Humano-Computador: Evolução


Interfaces Humano-Computador até os anos 70


NERD STUFF!!

Interfaces Humano-Computador até os anos 70


Interfaces Humano-Computador: 70-90


Interfaces Humanos-Computador: 70-90


Interfaces Humano-Computador: Século XXI


Interfaces Humano-Computador: Futuro?


Interação Humano-Computador


O que é interface?

Algo tangível, discreto e “palpável”...


O que é interface?

Algo tangível, discreto e “palpável”...

… será?


Preocupações inerentes a construção de interfaces

→ MAIOR NÚMERO DE FUNCIONALIDADES

vs

USABILIDADE ←


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.


O que é interface?

câmbio de carro → feito para destros e canhotos?


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


O que é interface?

Abrir uma porta:

Humano (agente) (...) Porta (paciente)


O que é interface?

Abrir uma porta:

Humano (agente) Maçaneta (interface) Porta (paciente)


O que é interface?

Secar a mão em um secador automático:

Humano (agente) Sensor (interface) Secador (paciente)


O que é interface?


Humano (agente) Sensor (interface) Secador (paciente)?


O que é interface?


Humano (agente ou paciente) Sensor (interface ou agente) Secador (paciente)


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)”


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


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?



“é 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)”


DESAFIOS DA IHC


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!


Boas notícias!

Que legal! \o/


Boas notícias...?

Mas...


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?


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?

?


OBJETIVOS DA IHC


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


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


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


Aceitabilidade Geral

Aceitabilidade social + Aceitabilidade prática


PRINCÍPIOS DE DESIGN


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


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


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?


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


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


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.


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.

http://tinyurl.com/dz2wfy

o que é interação humano-computador?

Technology