Você está na página 1de 19

25/05/2011

1
Interao Humano Computador
IHC
Prof. Jorge Cavalcanti
Jorge.cavalcanti@univast.edu.br
www.twitter.com/jorgecav
Universidade Federal do Vale do So Francisco Universidade Federal do Vale do So Francisco - - UNIVASF UNIVASF
Colegiado de Engenharia de Computao Colegiado de Engenharia de Computao
Informaes Gerais da Disciplina Informaes Gerais da Disciplina
Eletiva, mas importante para os conceitos de inovao, criatividade e Eletiva, mas importante para os conceitos de inovao, criatividade e
usabilidade usabilidade
O importante no passar somente e sim, saber pr em prtica os O importante no passar somente e sim, saber pr em prtica os
conceitos; conceitos;
Permanente interao da turma com o professor; Permanente interao da turma com o professor;
Material em Material em www.univasf.edu.br/~jorge. www.univasf.edu.br/~jorge.cavalcanti cavalcanti
Livro texto Livro texto::
Design de Interao ( Design de Interao (Preece Preece, Rogers, Sharp) , Rogers, Sharp)
Ergonomia e Usabilidade ( Ergonomia e Usabilidade (Cybis Cybis, , Betiol Betiol, , Faust Faust) )
Outras referncias: Outras referncias:
Design e Avaliao de Interfaces Humano Design e Avaliao de Interfaces Humano- -Computador (Rocha e Computador (Rocha e
Baranauskas Baranauskas). ).
Endereos e artigos no site. Endereos e artigos no site.
AAvaliao valiao Elaborao e Apresentao de Projeto, Provas escritas Elaborao e Apresentao de Projeto, Provas escritas
(reposio e final). (reposio e final).
25/05/2011
2
Panorama da indstria de software Panorama da indstria de software
Mercado Interno da indstria Mercado Interno da indstria US$ 8 bi (2009). US$ 8 bi (2009).
Taxa mdia de crescimento Taxa mdia de crescimento 11% 11% a.a. a.a. (US$ 9,8 bi). (US$ 9,8 bi).
Apenas 2,5% dos produtos so para exportao. Apenas 2,5% dos produtos so para exportao.
Foco na qualidade do software: Foco na qualidade do software:
Padres internacionais Padres internacionais
CMMI ( CMMI (Capability Maturity Model Integration Capability Maturity Model Integration) )
ISO ( ISO (International Organization for Standardization International Organization for Standardization) )
Satisfao do Usurio Usabilidade do Produto
Requisitos indispensveis de qualidade
Interao Humano Computador
Desenvolvimento de sw (e hw!) com qualidade Desenvolvimento de sw (e hw!) com qualidade
Estratgia para agregao de valor. Estratgia para agregao de valor.
Potencial competitivo. Potencial competitivo.
Necessidade cada vez maior da indstria, de profissionais Necessidade cada vez maior da indstria, de profissionais
criativos, qualificados e produtivos. criativos, qualificados e produtivos.
Atender necessidades dos usurios requer conhecimento, Atender necessidades dos usurios requer conhecimento,
tcnicas e ferramentas que vo alm das entrevistas tcnicas e ferramentas que vo alm das entrevistas
formais. formais.
Engenharia de software tradicional preocupa Engenharia de software tradicional preocupa- -se mais com se mais com
habilidades na implantao de tecnologias. habilidades na implantao de tecnologias.
O design centrado no usurio introduz uma nova viso na O design centrado no usurio introduz uma nova viso na
concepo de artefatos tecnolgicos (Nielsen, 1995). concepo de artefatos tecnolgicos (Nielsen, 1995).
Ponto de vista do usurio. Ponto de vista do usurio.
Como atender suas necessidades satisfatoriamente. Como atender suas necessidades satisfatoriamente.
Eficiente, fcil memorizao, baixa taxa de erros e satisfao. Eficiente, fcil memorizao, baixa taxa de erros e satisfao.
25/05/2011
3
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Interface: Interface:
O conceito de interfaces tornou-se importante desde que se
percebeu a necessidade de uma rea comum de interao homem-
mquina para a navegao nos hiperdocumentos.
A noo de metfora de interface foi introduzida para prover as
pessoas de um modelo conceitual que envolvesse objetos e
ambientes familiares.
Quando algum utiliza uma ferramenta, e interage com um
sistema, costuma existir "algo" entre ele e o objeto de interao.
Num automvel, o "algo" podem ser os pedais.
Num elevador os botes.
Num computador consiste no teclado, na tela, o mouse e o resto de perifricos.
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Interface: Interface:
Este "algo" informa-nos sobre as aes que so possveis, o estado
atual do objeto e as mudanas produzidas e permite-nos, ainda,
atuar sob o sistema ou a ferramenta.
Isto interface! ao mesmo tempo, um limite e um espao
comum entre ambas as partes.
A interface no s o programa ou o que se v na tela. Desde o
momento que o usurio abre a caixa, comea interagir com o
produto e portanto, comea a sua experincia.
25/05/2011
4
Interao Humano Computador
Interao entre Pessoas e Sistemas
Fonte: www.usabilidoido.com.br
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
IHC & IHM IHC & IHM
Interao Humano-Computador (ou do ingls Human-Computer
Interation- HCI) e Interface Homem Mquina so,do ponto de vista
de contedo e pesquisas, mesmas reas.
Entende-se por HCI (ou IHM) o estudo de carter inter e
multidisciplinar que se preocupa com a adaptao de sistemas
computacionais ao seu usurio, visando a maior satisfao,
segurana e produtividade.
O termo human-computer interactionfoi introduzido em meados
dos anos 80 como um meio de descrever esse novo campo de
estudo que se preocupa com o relacionamento entre o homem e o
computador. O termo usabilidade um conceito chave em HCI que
diz respeito produo de sistemas fceis de aprender e de usar
(Preece, 1994).
25/05/2011
5
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Histrico & Aplicaes Histrico & Aplicaes
Os primeiros estudos especficos de HCI apareceram nos anos 60 e
faziam referncia simbiose Pessoa-Computador (Licklider, 1960).
A investigao em HCI levou estandarizao da usabilidade, a
sua melhora e o apoio emprico. A focagem cientfica da HCI inclui
uma variedade de ferramentas e tcnicas que ajudam a
desenvolver melhores interfaces de utilizador.
Os estudos nesta disciplina tm permitido dar uma base terica ao
design e avaliao de aplicaes computacionais.
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Histrico & Aplicaes Histrico & Aplicaes
Hansen (1971) em "User Engineering Principles for Interactive Systems" faz
a primeira enumerao de princpios para o design de sistemas interativos:
1. Conhecer o utilizador;
2. Minimizar a memorizao, substituindo a entrada de dados pela seleo
de tens, utilizando nomes em lugar de nmeros, usufruindo acesso rpido
informao prtica do sistema;
3. Otimizar as operaes atravs da rpida execuo de operaes
comuns, da consistncia da interface e organizando e reorganizando a
estrutura da informao baseando-se na observao do uso do sistema.
4. Facilitar boas mensagens de erro, criar designs que evitem os erros mais
comuns, fazendo possvel desfazer aquelas aes realizadas e garantir a
integridade do sistema no caso de uma falha do software ou hardware.
Apesar da lgica e antiguidade destes princpios fcil encontrar nos em
programas e sites da web, cdigos de inmemorizveis para identificar
produtos, mensagens de erros difceis de entender e, de uma forma geral, um
mal trato ao usurio.
25/05/2011
6
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Histrico & Aplicaes Histrico & Aplicaes
reas de relacionamento reas de relacionamento
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Por que estudar IHC Por que estudar IHC
Fornece uma abordagem sistemtica e metdica Fornece uma abordagem sistemtica e metdica
para o desenvolvimento de interfaces; para o desenvolvimento de interfaces;
baseada em princpios empricos e estudos baseada em princpios empricos e estudos
cientficos sobre o comportamento dos homens cientficos sobre o comportamento dos homens
no uso dos computadores. no uso dos computadores.
25/05/2011
7
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Resumidamente, pode Resumidamente, pode- -se dizer que uma se dizer que uma
interface deve atender a trs requisitos interface deve atender a trs requisitos
bsicos: bsicos:
oo SER TIL: ter uma funo clara, bem definida e SER TIL: ter uma funo clara, bem definida e
apropriada. apropriada.
oo SER UTILIZVEL: o homem deve ser capaz de SER UTILIZVEL: o homem deve ser capaz de
encontrar e executar as funes esperadas sem encontrar e executar as funes esperadas sem
dificuldades. dificuldades.
oo SER UBQA: seu uso deve ser transparente para SER UBQA: seu uso deve ser transparente para
o usurio. o usurio.
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Vale a pena gastar tempo e dinheiro no projeto de
interfaces ?
Uma interface pode ser projetada pensando como o
usurio?
Como projetar "boas" interfaces ?
Poucas mudanas simples fazemuma grande diferena.
Dificilmente deixamos de considerar aquilo que j conhecemos,
afetando no projeto. Alm de que o modelo conceitual do
projetista diferente do modelo do usurio.
Envolvendo e considerando as necessidades dos usurios.
25/05/2011
8
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
25/05/2011
9
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Xerox Alto (1972) Xerox Alto (1972)
Interao c/ computador atravs
de sons e imagens
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Apple Apple- -Macintosh (1983 Macintosh (1983- -84) 84) INTERFACE WIMP:
Windows: janelas independentes que
podem ser manipuladas de qualquer
modo;
cones: smbolos icnicos que
representam visualmente os arquivos e
os programas;
Menus: listas de comandos
organizadas em categorias, apontando
para sub-menus e apresentando aos
usurio todos os comandos
disponveis, de modo consistente em
todos os programas (copy, delete,
open, etc.);
Pointers: indica o ponto de ao. Um
manipulador virtual e ferramenta de
feedback.
25/05/2011
10
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Primeira Verso do Windows (1985) Primeira Verso do Windows (1985)
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Apple Macintosh II (1987) Apple Macintosh II (1987) 256 cores, 24 bits. 256 cores, 24 bits.
25/05/2011
11
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Segunda Verso do Windows (1987) Segunda Verso do Windows (1987)
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Mac OS Mac OS - - GUI (1988) GUI (1988)
25/05/2011
12
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Mac OS Mac OS - - GUI (1988) GUI (1988)
metfora do desktop (interf. grfica);
menu-bar e pull-down menus;
manipulao direta (ver e apontar);
feedback (aparncia e ao);
display WYSIWYG;
uso de comandos universais;
simplicidade amigvel (fcil de usar);
caixas de dilogo e alerta,
compromisso com o design;
consistente, independente do aplicativo, e estvel;
todas as aes centradas no uso de um mouse de um nico boto;
personalizao do desktop ;
uso de mltiplas fontes;
A interface Macintosh alterou de forma radical a interao usurio-computador.
A Microsoft, atualmente, ainda tenta emul-la nas multiplas verses do Windows.
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Windows 3.0 (1990) Windows 3.0 (1990)
25/05/2011
13
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Windows 95 Windows 95
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Mac OS 8.0 Mac OS 8.0 1995 1995 1,25 milhes de cpias em 2 semanas 1,25 milhes de cpias em 2 semanas
25/05/2011
14
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Windows 2000 Windows 2000
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Mac OS 10 Mac OS 10 Aqua (2000) Aqua (2000)
25/05/2011
15
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Windows XP (2001) Windows XP (2001)
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Windows Vista (2006) Windows Vista (2006)
25/05/2011
16
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Windows 7 (2010) Windows 7 (2010)
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Evoluo das interfaces Evoluo das interfaces
Mac OS 10.5 Mac OS 10.5 Leopard (2007) Leopard (2007)
25/05/2011
17
Interao Humano Computador
Introduo e conceitos Introduo e conceitos
Tudo tem interface. Tudo tem interface.
Interao Humano Computador
O processo de Design de Interao O processo de Design de Interao
O que design de interao? O que design de interao?
Design(projeto) de produtos interativos que fornecem
suporte s atividads cotidianas das pessoas, seja no lar,
seja no trabalho (Sharp, Rogers and Preece (2006).
Projeto de espaos para comunicao e interao
humana (Winograd, 1997).
Analogia: Arquitetos X Engenheiros Civis.
Arquiteto: esttica, conforto, proporcionalidade entre reas,
privacidade etc.
Engenheiro: execuo do projeto, custo, durabilidade, clculos
estruturais, mtodos construtivos.
Engenharia de software X design de interao.
25/05/2011
18
Interao Humano Computador
O processo de Design de Interao O processo de Design de Interao
Objetivos do design de interao? Objetivos do design de interao?
Auxlio no desenvolvimento de produtos cada
vez mais fceis de aprender, prticos no seu uso
e que produza uma experincia satisfatria ao
serem utilizados.
Envolver usurios no design dos
processos/produtos.
Interao Humano Computador
O processo de Design de Interao O processo de Design de Interao
O que est envolvido no processo de design de O que est envolvido no processo de design de
interao? interao?
1. Identificar necessidades e estabelecer requisitos.
2. Desenvolver designs alternativos que preencham esses
requisitos.
3. Construir verses interativas dos designs, de maneira que
possam ser comunicados e analisados.
4. Avaliar o que est sendo construdo durante o processo.
Atividade: pesquisar, compreender e definir o conceito de design
centrado no usurio (apresentar fonte).
25/05/2011
19
Interao Humano Computador
Relao entre designers e usurios
Fonte: www.usabilidoido.com.br

Você também pode gostar