1

PROFESSORA
ADRIANEAP.LOPER
EngenheiradaComputao,
EspecialistaemEducaoeTecnologia
MestreemEducao
INTERFACEHOMEM COMPUTADOR
Aula1
InterfaceHomem Computador
Quemsoosusurios?
Usuriossopessoasquenosoespecialistasem
informticaenotemobrigaodeser.
Soimpacientes:
Noestodispostosaperdertempoemsitesou
programascominterfacesconfusasqueno
atendamsuasnecessidades.
(gratificaoinstantnea);
Quemsoosusurios?
Noentendemouaceitamqueocomputadorse
comportedemaneirainesperada(bugs);
Tmnecessidadesdiferentes:emfunodasua
experincia,formaeseidades(diferentes
perfis);
Trazemconsigoexperinciaspassadas:Seelesno
sabemmuitoarespeitodeum
objetooutarefa,iroassociar
comalgoquejdeseu
conhecimento.
Interfaces
2
Oque
Ainterfaceatuacomoumaespciedetradutor,
mediandoentreasduaspartes,tornandouma
sensvelparaaoutra.(JohnsonSteven)
Oconceitodeinterfacestornouseimportante
desdequesepercebeuanecessidadedeuma
reacomumdeinterao
homemmquinaparaa
navegaonos
hiperdocumentos.
Oque
Quandoalgumutilizaumaferramenta,einterage
comumsistema,costumaexistir"algo"entreelee
oobjetodeinterao.
Numautomvel,o"algo"podemserospedais.
Numelevadorosbotes.
Numcomputadorconsiste
noteclado,natela,omouse
eorestodeperifricos.
Interface
Este"algo"informanossobreasaesqueso
possveis,oestadoatualdoobjetoeasmudanas
produzidasepermitenos,ainda,atuarsobo
sistemaouaferramenta.
Istointerface!
aomesmotempo,umlimite
eumespaocomumentre
ambasaspartes.
Interface
Ainterfacenosoprogramaouoquesevna
tela.Desdeomomentoqueousurioabreacaixa,
comeainteragircomoprodutoeportanto,comea
asuaexperincia.
Resumidamente,podesedizerquesedizerqueuma
interfacedeveatenderatrsrequisitosbsicos:
Sertil:funoclara,bem
definida.
Serutilizvel:facilidadepara
encontrareexecutartodas
asfunes.
ExemplosdeInterface
Mquinadecaf
ExemplosdeInterface
TelefoneCelular
MouseOcular
3
Caixaseletrnicos
JogodeComputador
Site
Interfacesnocotidiano
Educao
EAD
Softwareseducativos
Ebooks
Artigos
Interfacesnocotidiano
Segurana
Controledetrafego
Simuladores
Treinamentos
Usinasnucleares
Interfacesnocotidiano
Entretenimento
Arte,msicaeesportes
soatualmenteauxiliadas
esuportadaspor
sistemascomputacionais
Games
Geraesdeinterfaces
Primeiragerao:
Baseadaemcomandosescritospelo
prpriousurio(queryinterfaces).
Acomunicaotextualefeita
viacomandos.Ex:unix,msdos.
Segundagerao:
Menusimples.Umalistade
opesapresentadaaousurio
eadecisoapropriada
selecionadaviaalgumcdigo
digitado.
Geraesdeinterfaces
Terceiragerao:
Orientadaajanela,interfacesdeapontare
apanhar(pointand pick interfaces).
ConhecidascomointerfacesWIMP(Windows,
Icons,Menus,and Pointing devices)+manipulao
direta.
Trazemoconceitodemesa
detrabalho(desktop).
4
Geraesdeinterfaces
Quartagerao:
Hipertextoemultitarefa(GUI+WUI).estagerao
(geraocorrente),somaaosatributosdas
interfacesdeterceiragerao,astcnicasde
hipertextoemultitarefa.
Design
Designersdesoftware
Melhorformadeorganizarinformao
graficamente.
Usadorecursosdemusica,voz,animao,
videos,etc..
Tcnicascomorealidadevirtual,inteligencia
artificialparamodificaro
interagirepensarsobre
computdores.
Portanto,estamosvivendoummomentovital
eestratgicoparaosdesenvolvedoresde
interfaces.PodesedizerqueaTecnologiaest
pronta.Temosportantoaspontesetneis
construdoseagoraasestradasprecisamser
pavimentadaseassinalizaespintadaspara
tornarpossvelopesadotrficodagrandeleva
deusurios
(Schneiderman,1998).
IHC
Oque(IHC)
readeestudoqueestnainterseodascincias
dacomputaoeinformaoecinciassociaise
comportamentaiseenvolvetodososaspectos
relacionadoscomainteraoentreusuriose
sistemas(Preeceetal.,1994;Carroll,2003).
IHCadisciplinapreocupadacomodesign,
avaliaoeimplementaodesistemas
computacionaisinterativospara
usohumanoecomoestudodos
principaisfenmenosaoredor
deles.
5
HistricodeIHC
AdaptadodeNielsen,1993
Gerao Tecnologias Interface Usurios
Antesde
60
Mecnica ou
Transistores
Luzes,
terminais de
linhas
Especialistas e
Profissionais
da
Computao
Entre60e
90
Circuito
integrado
Displays
grficos
Profissionais
detodasreas
Atualidade Integrao
emalta
escala
Multimdiae
portabilidade
Todasas
pessoas
OqueIHC?
partedeumsistemacomputacionalcomaqual
umapessoaentraemcontatofsica,perceptuale
conceitualmente.[Moran,1981]
Interface Aplicao
Usurio
Sistema
ao
interpretao
IHCeousurio
DeacordocomBrendaLaurel(1990)a"direo
correta"aquelaquelevaousurioatermais
poder.
VDEO
InterfacemudamvidadepessoasLondrina
OBJETIVOSDEIHC
6
Objetivos deihc
SegundoZuasnbaretal.(2003)odepropiciaro
desenvolvimentodesistemasmaisamigveiseteis,
eproveraosusuriosdeexperincias,ajustando
seusconhecimentoseobjetivosespecficos.
Odesafionummundoricoeminformaono
somenteodetornarainformaodisponvels
pessoasemqualquertempo,
lugarouforma,mas,
especificamente,odedizeras
coisascorretas,notempo
corretoedamaneiracorreta
Objetivos deihc
Processodemelhoriaconstante...essasmetas
podemserresumidasemdesenvolveroumelhorar
segurana,utilidade,efetividade,eficincia,e
usabilidadedesistemasnomeio
computacional.(PREECE,1994)
Produzirsistemasusveis,segurosefuncionais
Desenvolveroumelhorara
segurana,utilidade,efetividade
eUSABILIDADE desistemas
computacionais
DesafiosdeIHC
Objetivos deihc
Equilibrarconfortoefacilidadesdeusocom
desempenhodaaplicao;
Projetarsistemasqueatendamdiferentesperfisde
usurios;
Projetarboasinterfacesemaplicaescomplexas,
quenormalmentepossuemumgrandenmerode
funes.(Exemplo:carro)
Aspessoasdevemaprender
aexecutarsuatarefaouausar
osistema?
Interdisciplinaridade
Disciplinasquecontribuem
emIHC
Interdisciplinaridade
Umaequipemultidisciplinarsignificamuito
maisidiassendogeradas,novosmtodos
sendodesenvolvidosedesignsmaiscriativose
originaissendoproduzidos.
7
Usabilidade
Ausabilidadeestdiretamenteligadaao
dilogonainterface.
Capacidadedosoftwareempermitirqueo
usurioalcancesuasmetasdeinteraocom
osistema.
fcildeaprender
eficientenautilizao
terpoucoserros.
Usabilidade
Temcomoobjetivoelaborarinterfacescapazes
depermitirumainteraofcil,agradvel,com
eficciaeeficincia.
Usabilidade
Fatoresqueelevamasatisfaodousurio.
Operaoeficientenarealizaodastarefas;
Tempodeaprendizadocurto;
Altaprodutividadenaoperao;
Segurananouso resultadosesperadospelo
usurio;
Flexibilidade vriasformas
deuso,paracadaperfil
deusurio;
Usabilidade
Procurarnumalistadenomesdefornecedores,por
ordemalfabtica;oudemesesporordem
cronolgica:
NO
RECOMENDADO
Comunicabilidade
Oobjetivodesteconceitocomo(design)a
informaoapresentadaaousurioparatrazer
benefcios.
Propriedadedetransmitiraousuriocom:
Eficincia,Eficcia,InteraesdiretaseInteraes
fceis;
8
Comunicabilidade
Capacidadedoprojetistaedodesignerna
comunicaodosoftwarecomousurio;
Maisprximodocognitivodousurio;
Usuriopercebeparaqueserve,qualavantagem
deusloecomofuncionaquandousado.
Aplicabilidade
Ainformaoeoresultadopropostodainformaeso
foconaaplicabilidade.
Osistemaatendenaresoluodeumproblema;
Almdoproblemaoriginal,poderesolveroutros
problemas;
Colaboraetilemoutroscontextos;
Combasenosistemapossvel
tomardecises;
Sistemasquerefletemarealidade
vivenciadapelousurio.
Aplicabilidade
Problemascausadospelabaixaqualidade:
Desmotivarnaexplorao;
Requerertreinamentoexcessivo;
Gerarinsatisfao;
Diminuirprodutividade;
Noalcanaoretornodo
investimento;
Induzousurioaoerro;
entreoutros.
Perguntas
Acessibilidade
Critriodequalidaderelacionadocomno
discriminarusuriosalvocomnecessidades
especiais
Ausnciadebarreirasnainterao
Igualimportnciaapessoascomesemlimitaes
Acessibilidade
Permiteaousurioempregar,nainterao,...
...suahabilidademotora
...seussentidosecapacidadedepercepo
...suacapacidadecognitiva
9
VDEO
ExperimentodeMiguelNicolelis Interface
Crbromquina
ExemplosdeLimitaeseDeficincias
Proveracessibilidade
resultaemincremento
dopblicoalvo:
Visual
Auditiva
Motora
Mental
Deaprendizado
ExemplosdeLimitaeseDeficincias
Podemserpersistentesoutemporrias
Exemplodelimitaotemporria:Atenodo
indivduoquandoestdirigindoquandoestem
casa,mecomcarrinhodebeb
InteraesIHC
Aresponsabilidade
tambmnossa!
MouseOcular Pranchadecomunicao
ERGONOMIA
1949
K.Murrellcunhaotermo"Ergonomics
(derivadodeduaspalavrasgregas:ergon=trabalho,e
nomoi=leisnaturais)comooestudodarelaoentre
ohomemeseuambientedetrabalho.
10
Introduoergonomia
HardwareeSoftware
Disciplinacientficarelacionadaaoentendimentodas
interaesentreossereshumanoseoutros
elementosousistemas,eaaplicaodeteorias,
princpios,dadosemtodosaprojetosafimde
otimizarobemestarhumanoeodesempenhoglobal
dosistema".
ASSOCIAOBRASILEIRA
DEERGONOMIA,2010
Introduoergonomia
Ergonomiatemcomofinalidadeconcebere/ou
transformarotrabalhodemaneiraamantera
integridadedasadedosoperadoreseatingir
objetivoseconmicos
SantoseZamberlan (1992)
Aadaptaodosistema
informatizadointeligncia
humana.
Wisner (1987)
CritriosErgonmicosdeNielsen
Facilidadedeaprendizado;
Eficincia;
Memorizao;
Baixataxadeerros;
Satisfaosubjetivadousurio
Paraqu?
1.ClarezanaArquiteturadeInformao
2.FacilidadedeNavegao
3.Simplicidade
4.ArelevnciadoContedo
5.Manteraconsistncia
6.Temposuportvel
7.Foconosusurios
ErgonomiadeSoftware
Objetivo
E
R
G
O
N
O
M
I
A
Eficinciae
desempenho
dosistema
Sade
esatisfao
dosusurios
Ergonomia exemplosSOFTWARE
11
Normasqueregemaqualidadeeergonomia
desoftware
NORMAS
ISO9126 Qualidadedesoftware
ISO9126 QualidadedeSoftware
12
ISO9241&13407
NormaISO9241 Ergonomiadesoftwarede
escritrio
NormaISO13407 Projetocentradonousurio
NormaISO9241 Ergonomiade
softwaredeescritrio
Segundoanormacitadaacima(parte11da
normaISO9241)ausabilidadepodeser
especificadaoumedidasegundooutras
perspectivas,comoporexemplo:
Facilidadedeaprendizado ousurio
rapidamenteconsegue
explorarosistemaerealizar
suastarefas;
NormaISO9241 Ergonomiade
softwaredeescritrio
Facilidadedememorizao apsumcerto
perodosemutilizlo,ousurionofreqente
capazderetornaraosistemaerealizarsuastarefas
semanecessidadedereaprendercomointeragir
comele;
Baixataxadeerros ousurio
realizasuastarefassemmaiores
transtornosecapazde
recuperarerros,casoocorram;
NormaISO13407 Projetocentradono
usurio
Oparadigmadedesenvolvimentodeuma
interfacecomousuriodevepermitira
realizaodesucessivosciclosde
"anlise/concepo/testes",comanecessria
retroalimentaodosresultadosdostestes,de
umcicloaoutro.
Perguntas ErgonomiaCognitiva
13
Sentidoshumanoseaergonomia
Viso
Letras,cores,figuras,cones,etc;
Audio
Alertasecomandodevoz,etc;
Tato
Teclado,mouse,joystick,
toquesnatela,etc.
ErgonomiaCognitiva
Tambmconhecidaengenhariapsicolgica,
refereseaosprocessosmentais,taiscomo
percepo,ateno,cognio,controlemotore
armazenamentoerecuperaodememria,
comoelesafetamasinteraesentreseres
humanoseoutroselementos
deumsistema.
ErgonomiaCognitiva
Tpicosrelevantesincluemcargamentalde
trabalho,vigilncia,tomadadedeciso,
desempenhodehabilidades,errohumano,
interaohumanocomputadoretreinamento.
ErgonomiaCognitiva
Eficcia:acapacidadequeossistemasconferema
diferentestiposdeusuriosparaalcanarseus
objetivosemnmeroecomaqualidadenecessria.
Eficincia:aquantidadederecursos(porexemplo,
tempo,esforofsicoecognitivo)queossistemas
solicitamaosusuriosparaaobtenodeseus
objetivoscomosistema.
Satisfao:aemooqueos
sistemasproporcionamaos
usuriosemfacedosresultados
obtidosedosrecursosnecessrios
paraalcanartaisobjetivos.
TEORIADASCORES
CORESEAVISOHUMANA
OOLHOHUMANOPODE
DISTINGUIRFACILMENTEAT
16,7MILHESDENUANCES
14
Teoriadascores
Acorapartemaisemotivadoprocessovisual.Ela
temgrandeforaeseuusovitalparaexpressare
reforarainformaovisual
GOMESFILHO(2003)
Vermelho,
amareloe
laranja
Azul,verde
evioleta
Branco
Sugestodeusodecores
Associaodecores,empequenaquantidade;
(2e7cores)
Coresbrilhantesempequenasreasecores
suavesemreasmaiores
Corespersonalizadaspeloprpriousurio
Manterharmoniadecores,
variandoseasuaintensidade
PercepoeCor
Nafiguraaolado,observeo
pontoamarelo.Agora,responda:
eleestmaisprximodovrtice
superioroudabase?
Aparentementeopontoamarelo
estmaisprximodovrtice
superior,masistoumailuso
detica,poisnarealidade,ele
estnomeio.
PercepoeCor
Oscrculoscinzentosinternos
aosquadradossodeigualtom;
mas,oqueestdentrodo
quadradomaisclaroparecemais
escuroquetodos
Teoriadasformas
Harmoniavisual
Responsabilidadedoprojetista
permitiraousurioobterumavisopanormica
docontedo,navegarnamassadedadossem
perderaorientao,eporfim,moverseno
espaoinformacionaldeacordo
comseusinteresses
Bonsiepe (1997)
Teoriadasformas
Harmoniavisual
Responsabilidadedoprojetista
Smbolorepresentativo
15
Teoriadasformas
Simtrica
Assimtrica
Sinaisesmbolos
Psicologiadaforma
Percepo
Insight
Teoriadasformas
apassagemsbitadeumestadode
desconhecimentooudeincompreensoparaum
estadodeconhecimentoeresoluofaceaum
problema
GICK;LOCKHART(1995)
Teoriadasformas
Boaforma
VDEO
Vdeomostrapessoasarrastandoobjetose
manipulandoimagensvirtuais
2014 Todososdireitosreservados.Usoexclusivo
noSistemadeEnsinoPresencialConectado.