Interao

Homem-Computador
IHC

Plano de curso

Ementa
Fatores Humanos em softwares interativos: teoria, princpios e
regras bsicas. Psicologia Cognitiva Aplicada. Psicologia do
Usurio: aspectos perceptivos e cognitivos. Estilos interativos.
Linguagens de Comandos. Manipulao Direta. Dispositivos de
Interao. Padres para Interface. Classificao de Sistemas e
Interfaces associadas. Projeto do Dilogo. Implementao.
Recursos de hardwares e softwares de Interface. Usabilidade e
Avaliao.
Objetivos
Introduzir a teoria e os princpios que orientam as tcnicas de
construo de ferramentas de interao Humano-computador.
Discutir objetivos e importncia do estudo da interao Humanocomputador, multidisciplinaridade envolvida e demais pontos.
Apresentar diferentes tcnicas e projetos de interfaces segundo
as aplicaes para quais as mesmas foram desenvolvidas.

Plano de curso
Metodologia
Aulas

terico-expositivas utilizando os
recursos didticos;
Estudos dirigidos individuais e/ou em
grupos;
Atividades em laboratrio.

Plano de curso
Avaliaes
Trabalhos

Individuais e em Grupos, no
valor total de 10,00 (dez pontos)
Conceito Final
Mdia

Aritmtica simples das avaliaes

Definio de IHC

Interao Homem- Computador (IHC)

Human Computer Interaction (HCI)
Disciplina interdisciplinar que trata o
projeto (desenho), a realizao e a
avaliao de sistemas informticos
interativos a serem usados por seres
humanos
Disciplina que estuda a troca de
informao entre Pessoas e Mquinas

Introduo
O

que IHC?

Interao

Humano-Computador (IHC)
a disciplina preocupada com o design,
avaliao e implementao de sistemas
computacionais interativos para o uso
humano e com o estudo dos principais
fenmenos ao redor deles.

 Objetivo
A

rea de interao HumanoComputador (IHC) tem por objetivo

principal fornecer aos pesquisadores e
desenvolvedores de sistemas
explicaes e previses para
fenmenos de interao usuriosistema e resultados prticos para o
design da interface de usurio.

Interao Homem-Computador

Homem

Computador

usurio final do sistema

A mquina onde o programa roda

Interao

O usurio diz ao computador o que quer

fazer
O computador comunica os resultados

 Introduo
Tambm

chamada de Interao Usurio

Mquina
IHC

a abreviao para INTERAO

HOMEM-COMPUTADOR, que no ingls
encontrado sob a sigla HCI HumanComputer Interface
IHC tambm pode ser interpretado como
INTERFACE HOMEM-COMPUTADOR, mas
este equvoco de comparao ocorre por
causa do histrico dos termos interface e
interao
9

Introduo
O

que uma interface?

10

interface de uma aplicao

computacional envolve todos os aspectos
de um sistema com o qual mantemos
contato [Moran, 1981].
atravs dela que os usurios tm
acesso s funes da aplicao. Do
ponto de vista do usurio, o sistema a
interface [Hix e Hartson, 1993], pois ele
s percebido e manipulado atravs
dela.

Introduo

Interface homem-computador compreende todos

os comportamentos do usurio e do computador
que so observveis externamente.
Ha

uma linguagem de entrada, uma de sada para

refletir os resultados e um protocolo de interao.

11

Sistemas de
Informao-UFPA

Processo de interao

Interface com o Usurio

Parte visvel de uma aplicao/sistema

Parte de um programa que permite ao
usurio:

Interagir com a aplicao

Realizar as suas tarefas

Resultado da aplicao do processo a

estudar em IHC

Usabilidade?
Por que tantos produtos so
difceis de usar?

O problema do usurio que no sabe

utilizar o produto ou do projetista que no
leva em conta as necessidades e a tarefa
a ser executada com o produto?

IHC

Pelo lado do usurio:

O projetista no entendeu o que

foi solicitado.
Tem que digitar dados
desnecessrios para fazer o
programa funcionar.
Experimenta vrias
possibilidades at conseguir
realizar o que preciso.
O manual no claro e nunca
tem o que necessrio.

IHC

Pelo lado do projetista:

O produto funciona e o usurio
que no sabe usar.
O usurio precisa de
treinamento.
O usurio no l ou no sabe
ler manual.
Existe prazo para a entrega do
projeto e no h tempo para
essas mudanas
desnecessrias.

IHC
Por que temos que nos preocupar
com interface hoje em dia?
Com alta tecnologia, sobretudo pela
insero dos microprocessadores
nos produtos, a maioria deles so
programveis como vdeo cassete,
celular, handheld, caixas eletrnicos
e at mesmo uma mquina de fazer
caf.

IHC

Isso minimizar o:
Engano no uso do sistema pelo usurio.
Volume de suporte aos usurios.
Utilizao da maioria dos recursos do
programa que os usurios desconhecem.

Implicando necessariamente na diminuio

de custos e maior satisfao de utilizao
por parte dos usurios.

IHC
O homem no deve se adaptar a
interface,
mas a interface ao homem

Problemas de Interao

Exemplos de Problemas

O sistemas tem a informao ou o servio que eu

preciso?
Onde posso encontrar?
Como posso solicitar esse servio? Quais
informaes devo fornecer?
Qual o resultado? Era o que eu queria?
Para que serve esse elemento?
O que significa essa figura?
Para onde leva esse link?

Problemas de Interao

Quais exemplos poderamos colocar

como um problema de interface ou de
usabilidade?

A mquina que vende bilhetes de metr.

O usurio tem que seguir precisamente uma seqncia

predeterminada de aes.

Primeiro deve ser inserido o dinheiro e depois acionar as opes do

bilhete.

Isso parece bvio, mas no !!!

Problemas de Interao

Por que o usurio no pode escolher primeiro o

bilhete e depois colocar o dinheiro?

Com esta restrio da ordem da ao, o usurio

pode colocar o dinheiro e depois na hora de
escolher o bilhete desejado observa que no tem.
Esse fato foi um conhecimento adquirido de
como a mquina funciona em que nas prximas
vezes provavelmente ele se lembrar e quem
sabe no cometer o mesmo engano.

Neste caso, o usurio se adaptou a interface.

Problemas de Interao

Temos certeza de encontrar outros

exemplos no dia a dia.

Agora, os alunos ...

Quais outros exemplos poderiam ser
comentados?

Por que estudar IHC?

Para os usurios a Interface o sistema.

Oportunidades de emprego
Nova perpectiva orientada ao usurios
Anlise e Pensamento crtico sobre design
Conhecimentos para avaliar interao
(baseados em teoria e fatos)
Conhecimentos para desenvolver IU mais
usveis

Objetivos a atingir (alunos)

Saber o significado de bom e mau desenho

(Melhor e Pior)
Conhecer guidelines e modelos, e saber como se
aplicam no desenho de interfaces
Saber e ter aplicado mtodos para envolver os usurios
no processo de desenvolvimento
Saber fazer avaliaes como peritos (Avaliao
Heurstica)
Ter conhecimento sobre o desenho de sistemas
interativos (interface com o usurio)
Conhecer tecnologias para fazer prototipagem e
das IU

Resultados
Sistemas
Fceis de utilizar
Eficazes
Agradveis de usar
Minimizam os erros
Aumentam a satisfao
Diminuem a frustrao
Tornam mais produtivas as tarefas
Escondem a tecnologia do utilizador

Introduo

29

A multidisciplinaridade em IHC

Disciplinas afins
CINCIAS DA COMPUTAO
PSICOLOGIA COGNITIVA

Modelos mentais,
Modelos conceituais,
Processo de
aprendizagem,
Conhecimento,
Raciocnio,
Memria,
Percepo.

Equipamento,
Linguagem de programao,
Engenharia de software.

LINGUSTICA

Processo de comunicao,
Semitica.

ERGONOMIA

Anlise ergonmica do trabalho,

Engenharia de usabilidade.

O que preciso para desenvolver uma boa

interface?

Envolvimento do usurio em todas as

fases de projeto e desenvolvimento de
um sistema de computao
Integrao de pessoas com
conhecimentos em diferentes reas
que possam contribuir na definio da
IHC do projeto
Compromisso de uma alta interao
entre todos e destes com os processos
em desenvolvimento,

Quem faz IUs?

Uma equipe de especialistas
(idealmente)
Designers grficos
Designers de interao / interfaces
Escritores tcnicos
Vendedores / Marketing
Engenheiros de teste
Engenheiros de software
Utilizadores

Desenvolver uma IU envolve:

Componentes de Interao modo

como a IU funciona, i.e. Look & Feel

Look Cores, icones, botes, etc.

Feel Comportamento em resposta ao
que o usurio ouve, v e faz

Premissa: Desenvolver interao do

ponto de vista do usurio deve resultar
em melhor design que do ponto de
vista do software ou do programador

Funcionalidade x usabilidade

funcionalidade: trata da escolha das

funes necessrias para a realizao
das tarefas desejadas, ou seja, verifica
se a funcionalidade do sistema est de
acordo com o seu objetivo.
usabilidade: trata do mtodo de acesso
das funes pelos usurios, em outras
palavras, visa verificar o quanto o usurio
pode utilizar da funcionalidade definida,
sendo este o conceito principal em IHC.

Comentar!

Dentro de pouco tempo, no teremos

que nos preocupar mais com
interfaces: basta falar para o
computador.

Comentar!

Tarefas complexas
podem exigir interfaces
complexas, mas isso
no desculpa para
complicar as tarefas
simples.

Jef Raskin
(criador do Macintosh)

http://rchi.raskincenter.org/

Evoluo das Interfaces

GERAO

Tecnologia
de Hardware

-1945
pr-histrica

Mecnica e
eletromecni
ca

1945-1955
pioneira

Vlvulas,
mquinas
enormes e
com alta
ocorrncia de
falha

Modo
de operao

Linguagem
de
programao

Tecnologia
terminal

Tipo de
usurios

Imagem
comercial

Paradigma
de interface
de usurio

Usado somente
para clculos

Movimento
de
cabos e
chaves

Leitura de
luzes que
piscam e
cartes
perfurados

Os prprios
inventores

Nenhuma
(computadores
no saram dos
laboratrios)

Nenhum

Um usurio a cada
tempo usa a
mquina (por um
tempo bastante
limitado)

Linguagem
de mquina
00110011110
1

TTY. Usados
apenas nos
centros de
computao

Especialistas e
pioneiros

Computador como
mquina para
clculos

Programa-o,
batch

Evoluo das Interfaces

GERAO

Tecnologia
de Hardware

19551965
histrica

Transitores
mais confiveis.
Computadores
comeam a ser
usados fora de
laboratrios.

Modo
de operao

Batch
(computador
central no
acessado
diretamente)

Linguagem
De
programa
o

Aseembler
ADD A,B

Tecnologia
terminal

Terminais
de linha
glass TTY

Tipo
de usurios

Tecnocratas,
profissionais
de
computao

Imagem
comercial

Computador
como um
processador
de
Informao

Paradigma
de interface
de usurio

Linguagem
de Comando

Evoluo das Interfaces

GERAO

19651980

Tecnologia
de Hardware

Circuito
integrado,
relao custobenefcio
justifica a
compra de
computadores
para muitas
necessidades

Modo
de
operao

Timesharing

Linguagem
De
programa
o

Linguagens
de alto nvel
(Fortran,
Pascal, C)

Tecnologia
terminal

Tipo
de usurios

Imagem
comercial

Paradigma
de
interface
de usurio

Terminais full
screen,
caracteres alfanumricos.
Acesso remoto
bastante
comum

Grupos
especializados
sem
conhecimento
computacional
(caixas
automticos,
p. ex.)

Mecanizao
das
atividades
repetitivas e
no criativas

Menus
hierrquicos
e
preenchimento de
formulrios

Evoluo das Interfaces

- Fonte: Super
Interessante,
dez. 2005

Evoluo das Interfaces

GERAO

19801995

Tecnologia de
Hardware

Modo de
operao

Linguagem
de
programa
o

VLSI. Pessoas
podem
comprar seu
computador

Computa
-dor
pessoal
para um
nico
usurio

Linguagens
orientadas a
problemas/o
bjetos
(planilhas
de clculo)

- Fonte: Super
Interessante, dez. 2005

Tecnologia
terminal

Displays
grficos,
estaes de
trabalho,
portteis

Tipo de
usurios

Profissionais
de todo tipo e
curiosos

Imagem
comercial

Paradigma de
interface de
usurio

Computador
como uma
ferramenta

WIMP
(Window,
Icons, Menus
e Point
devices)

Evoluo das Interfaces

- Fonte: Super
Interessante,
dez. 2005
GERAO

1995-

Tecnologia de
Hardware

Modo de
operao

Linguagem
de
programa
o

Tecnologia
terminal

Integrao de
alta-escala.
Pessoas
podem
comprar
diversos
computadores

Usurios
conectados
em rede e
sistemas
embutidos

No
imperativas,
provavelme
nte grficas

E/S
multimdia,
portabilidade
simples,
modem
celular

Tipo de
usurios

Todas as
pessoas

Imagem
comercial

Paradigma de
interface de
usurio

Computador
como um
aparelho
eletrnico

Interfaces no
baseadas em
comando

Bibliografia

43

Barbosa, S.D.J. Projeto e Avaliao de Sistemas

Interativos. Notas de Aula.
Hix, D.; Hartson, H. Developing User Interfaces:
Ensuring Usability Through Product & Process.
John Wiley & Sons, 1993.
Rocha, Heloisa V. & Baranauskas, M. Cecilia C.
(2003) Design e Avaliao de Interfaces HumanoComputador, 3ed, Nied, Unicamp.
Moran, T. The Command Language Grammars: a
representation for the user interface of interactive
computer systems. Em International Journal of
Man-Machine Studies 15:3-50, Academic Press,
1981.
Notas de Aula. Prof. Tauller Matos.
Sistemas de
Informao-UFPA