Sergio Avaliacao Interface

Metodologias para
Avaliao de Interfaces
Humano Computador
Srgio Furgeri
MetodologiasparaAvaliaodeInterfaces.CEUNSPITUNov/2005
2
Tcnicas de Avaliao
Tcnicas de Avaliao Ergonmica
Tcnicas Empricas
Tcnicas Diagnsticas
Inspeo via Checklists
Avaliao Heurstica
Percurso Cognitivo
Avaliao Semitica
Uso de Cores
Testes de Usabilidade
3
Avaliar interfaces?
Quando?
Numa fase nica?
No final do projeto?
Se der tempo?
Com ou sem o usurio?
4
A interface deve ser avaliada durante o ciclo
de vida do design.
Quando avaliar interfaces?
Implementao
Anlise
funcional
Especificao
de
requisitos
Design conceitual
Design formal
Prototipao AVALIAO
CiclodevidaEstrela
(adaptadoporHixe
Hartson,1993).
preciso avaliar a interface constantemente.
5
Tempo: depende da
complexidade do
sistema
Algumas Caractersticas da avaliao
Verbalizao
Custo: 1 a 10% do
projeto da interface
Incerteza mesmo
aps testes
exaustivos
Constrangimento
Local da Inspeo
6
Descobrir as preferncias do
usurio.
Cada usurio pode apresentar
diferentes necessidades.
Levantar os problemas que os
usurios encontram.
Objetivos da avaliao?
7
1. A funcionalidade Fazer o que necessita da
forma mais eficiente.
2. O impacto do design Avaliar a usabilidade
(fcil de aprender, fcil de usar, agradvel,
fcil de lembrar operaes anteriores).
3. Detectar os problemas no design Relativo a
confuso entre os usurios.
Objetivos da avaliao?
De forma geral a avaliao pretende verificar:
A maioria dos mtodos de inspeo tero um efeito
significativo na interface final somente se forem usados
durante o ciclo de vida do projeto. Nielsen (1993)
8
Tcnicas Empricas
Buscam a opinio do usurio sobre a
interao com o sistema
Avaliam a satisfao ou insatisfao dos
usurios de forma direta
Possibilitam aos usurios apresentarem suas
sugestes de melhoria
Baseada na aplicao de questionrios e
entrevistas com o usurio
Ensaios de interao (simulao do uso do
sistema pelos usurios).
9
Inspeo por Checklist
So vistorias baseadas em listas de
verificao
No necessitam ser executadas por
especialistas
Garante resultados mais estveis, mesmo
considerandose diversos avaliadores (reduo
da subjetividade)
Maior facilidade na identificao de problemas
Reduo do custo da avaliao (mais rpida)
10
o principal mtodo proposto para avaliao
de interfaces.
Deve ser feita por vrios avaliadores um
nico no consegue encontrar todos os
problemas de usabilidade de uma interface.
feita num primeiro momento individualmente.
Cada avaliador percorre a interface diversas
vezes, inspecionando os diferentes componentes
do dilogo e ao detectar problemas os relata
associandoos claramente com as heursticas
violadas.
Heursticas de Nielsen
11
Especialistas em
usabilidade.
Consultores de
desenvolvimento de
software.
Usurios finais.
Equipede
Desenvolvimento
Designers
Avaliadores
Redesign
Quem realiza a avaliao?
http://www.useit.com/papers/heuristic/heuristic_evaluation.html
12
1. Visibilidade do status do sistema.
2. Compatibilidade do sistema com o mundo real.
3. Controle do usurio e liberdade.
4. Consistncia e padres.
5. Preveno de erros.
6. Reconhecimento em lugar de lembrana.
7. Flexibilidade e eficincia de uso.
8. Esttica e design minimalista.
9. Ajudar os usurios a reconhecer, diagnosticar
e corrigir erros.
10. Ajuda e documentao.
13
1.VisibilidadedoStatusdoSistema
O sistema precisa manter os usurios informados sobre o que
est acontecendo.
Aplicandoumafunogeramos
umresultadonainterface3D,
masseainterface3Destiver
ocultaporoutrasjanelas?
Outros exemplos: Gravando dados no arquivo...
Instalando... Atualizando arquivos...
14
1.VisibilidadedoStatusdoSistema
O usurio est sendo informado sobre o processo de download.
15
2.CompatibilidadedoSistemacomoMundoReal
O sistema precisa falar a linguagem do usurio, com palavras,
frases e conceitos familiares ao usurio, ao invs de termos
orientados ao sistema.
Outros:
Backup
Password
Firewall
Anonymous
FTP
Session
16
3.ControledoUsurioeLiberdade
Usurios freqentemente escolhem por engano funes do
sistema e precisam ter claras as sadas de emergncia para sair
do estado no desejado sem perdas.
Os usurios podem ficar
experimentando as aes
at encontrar a que lhe
atende a necessidade.
Cancelar impresso...
17
4.ConsistnciaePadres
Usurios no precisam adivinhar que diferentes palavras ou aes
significam a mesma coisa. O sistema deve seguir convenes de
plataformas.
A organizao dos botes no consistente.
T
e
r
m
o
s

d
e
s
p
a
d
r
o
n
i
z
a
d
o
s
18
5.PrevenodeErros
Melhor que uma boa mensagem de erro um design cuidadoso que
previne o erro antes dele acontecer.
O sistema no previne a
ocorrncia de erros
enquanto o usurio est
digitando uma expresso.
19
6.ReconhecimentoaoInvsdeRelembrana
Tornar objetos, aes e opes visveis. O usurio no deve ter
que lembrar informao de uma para outra parte do dilogo.
Se o usurio for inexperiente, ser difcil reconhecer ou lembrar que
para inserir um cabealho no documento necessrio usar o menu
Exibir.
20
7.FlexibilidadeeEficinciadeUso
Usurios Novatos se tornam
peritos com o uso. Prover
aceleradores de forma a
aumentar a velocidade da
interao.
A existncia de atalhos
(shortcuts) torna mais rpida
a execuo da tarefa, caso o
usurio j seja experiente na
Ferramenta.
21
8.EstticaeDesignMinimalista
Janelas e dilogos no devem conter informao irrelevante ou
raramente necessria.
ConstrutordeConsultas
Viso geral do calendrio de um dia. Observe a quantidade de
botes na parte superior. Para adicionar um appointment surge
uma nova tela.
22
9.AjudarosUsuriosaReconhecer,Diagnosticare
CorrigirErros
Mensagens de erro devem ser expressas em linguagem clara
(sem cdigos), indicando precisamente o problema e
construtivamente sugerindo uma soluo.
Mensagem de Erro
muito tcnica. A
mensagem deve
informar o usurio
sobre o que est
acontecendo e
sugerir uma
soluo
Muito simplista: Erro ao gravar arquivo.
Mais correto: No foi possvel gravar dados no disquete, verifique
se ele no est protegido contra gravao, ou substitua o disquete
e tente novamente.
23
10.AjudaeDocumentao
Embora seja melhor um
sistema que possa ser usado
sem documentao,
necessrio prover ajuda e
documentao.
Tpicos de Ajuda
do PowerPoint
24
Heursticas de Nielsen Como Avaliar?
Provendo cenrios tpicos de uso.
Listando os vrios passos que um usurio
deveria efetuar para realizar um conjunto de
tarefas reais.
Anlise individual ou com o usurio
25
()Semimportncia 0
()Cosmtico 1
()Simples 2
()Grave 3
()Catastrfico 4
Pr oblema:
Gr audesever idade Ver ificao:
Osusuriossomantidosinformadossobreo
progressodosistemacomapropriado
feedbackemumtemporazovel?
1.Visibilidadedostatusdosistema
Muitograve,deveserreparadodequalquerforma. Catastrfico 4
Problemadealtaprioridade(deveserreparado) Grave 3
Problemadebaixaprioridade(podeserreparado) Simples 2
Nohnecessidadeimediatadesoluo Cosmtico 1
Noafetaaoperaodainterface Semimportncia 0
Descr io Tipo Gr audesever idade
26
()Semimportncia 0
()Cosmtico 1
()Simples 2
()Grave 3
()Catastrfico 4
Pr oblema:
Gr audesever idade Ver ificao:
Osistemautilizaconceitoselinguagemfamiliar
comousurioemvezdetermosorientadosao
sistema?
Osistemautilizaconvenesdomundoreal,
exibindoinformaescomumaordemlgicae
natural?
2.Compatibilidadeentr eosistemaeomundor eal
27
O resultado de cada avaliador consolidado
num resumo geral.
O resultado de uma avaliao heurstica uma
lista de problemas de usabilidade da interface
com referncias aos princpios de usabilidade que
foram violados e com sugestes de correo.
O diagnstico de um problema associado com as
heursticas traz possibilidades concretas de
redesign.
Fazer uma sesso de discusso final envolvendo
a equipe de avaliadores e representantes da
equipe de desenvolvimento.
Heursticas de Nielsen Resultados
28
Os Resultados podem contribuir para se levantar
aspectos positivos do design. Aspectos positivos
so todas as caractersticas importantes da
interface que de forma alguma deveriam ser
alteradas ou eliminadas em um redesign.
Heursticas de Nielsen Resultados
http://mega.ist.utl.pt/~pcml/ipm/avaliacao1.html
29
No possui qualquer tipo de
mensagem explicando para o
usurio a funo do boto ou o
que digitar no campo.
Heursticas Especficas Comparao
Mensagensdescritivas(hint)
30
Dados de mesma natureza
esto agrupados de forma
seqencial.
A tecla ENTER funciona
como TAB.
Dados de mesma natureza
no esto agrupados de forma
seqencial.
A tecla ENTER no funciona
como TAB.
Campos ordenadosemseqncia ENTERcomoTAB
1
2
3
2
3
1
31
Os rtulos dos campos
obrigatrios possuem
asteriscos e os campos
recebem obrigatrios
possuem cores diferentes.
Os campos obrigatrios no
possuem nenhum tipo de
diferenciao, como a
indicao de cor ou smbolos.
Camposobrigatriosdiferenciados
32
cones nos botes que
identificam a ao a ser
executada. O cone torna
instintiva a ao a ser executada
pelo boto.
No possui imagens nos
botes. Dessa forma o usurio
ter de ler o rtulo de cada boto
para saber o que ele dever
fazer.
ImagensemBotes
33
Utilizao de campos de
seleo, o usurio seleciona
uma opo existente na lista.
No h como escolher ou
digitar algo incorreto.
Os campos assinalados
possibilitam que o usurio digite
um valor indevido (fora do
domnio).
CamposdeSeleo
34
Utilizao de mscaras nos
campos data e telefone
impedem contedos indevidos
e ajudam o usurio a
identificar o formato do dado.
No utiliza nenhum tipo de
mscara para a digitao de
data e telefone, nem mesmo
verifica se o campo deve
receber apenas algarismos
numricos.
Mscarasdedigitao
35
Controle de botes
habilitados e desabilitados.
Por exemplo, ao clicar sobre o
boto Novo somente os
botes Gravar e Cancelar
estaro habilitados.
No existe nenhum controle
do acionamento dos botes.
Possibilita que o usurio realize
aes indevidas.
Controledeboteshabilitados
36
Ao pressionar o boto Novo,
aparece um contedo padro
nos campos apontados.
Ao inserir um novo registro no
existe nenhum tipo de
preenchimento prdefinido
(default).
Valorescomcontedopadronizado(default)
37
BotoLocalizarDados
A localizao do usurio
ocorre durante a digitao,
economizando esforo e tempo
do usurio. Alm disso, a
busca pode ser feita de 2
formas.
Ao localizar um usurio
necessrio digitar a palavra e
pressionar o boto Localizar.
38
Segundo Nielsen, os principais componentes de
uma avaliao heurstica podem ser assim
resumidos:
Avaliadores devem percorrer a interface pelo menos duas
vezes. (no fluxo e nos componentes individuais do dilogo).
A interface deve ser inspecionada com base em uma lista de
heursticas, e todos os problemas devem ser justificados e
detalhados o mximo possvel.
Os avaliadores devem trabalhar individualmente (sem que
um influencie o outro).
Consolidar os problemas encontrados por 3 a 5 avaliadores.
Usar o mtodo, no somente melhora a interface sob
anlise, como tambm beneficia futuros projetos, o que um
efeito colateral da inspeo que julgamos extremamente
importante.
Avaliao Heurstica Concluses
39
O percurso cognitivo um mtodo de inspeo
que tem como foco principal avaliar o design
quanto sua facilidade de aprendizagem,
particularmente por explorao.
Percurso Cognitivo: definies
40
Usurios preferem aprender a
usar um software por explorao.
Ao invs de investir tempo em
treinamento formal ou leitura de
extensivo material de apoio para
ir adquirindo conhecimento sobre
as caractersticas do software
medida que dele necessitem.
O percurso pode ser um
processo individual ou em grupo.
Usa o feedback da avaliao
para modificar ou fortalecer o
redesign.
Percurso Cognitivo: definies
Selecionar
Compar ar
Associar
Classificar
41
A Avaliao composta por:
1. Fase Preparatria
2. Fase de Anlise
Os revisores avaliam a interface proposta no
contexto de uma ou mais tarefas do usurio.
Percurso Cognitivo: fases da avaliao
Grupo de avaliadores imaginam o que
o usurio tentaria fazer nesse ponto a
partir das aes que a interface deixa
disponveis. Se o design da interface
for bom, a inteno do usurio far
com que ele selecione a ao
apropriada e tenha conhecimento
disso.
42
Nessa fase devem ser definidos:
1. O pblico alvo (quem sero os usurios?)
Qual a experincia e o conhecimento tcnico que podem
influenciar os usurios na interao com uma nova interface.
2. As tarefas a serem avaliadas
Uma ou vrias tarefas? Para sistemas complexos, a anlise
poder constituir uma razovel coleo de tarefas.
3. A seqncia de aes para cada tarefa
Definir como se espera que o usurio veja a tarefa antes de
aprender sobre a interface (pressionar Enter para mudar de
campo, acionar File antes de Imprimir)
4. O tipo de interface esperada
Definir os recursos que devem estar disponveis para cada ao
que o usurio necessitar desenvolver (tempo de resposta, cores,
temporizao, fala, interaes fsicas, etc.)
Percurso Cognitivo: fase preparatria
43
Exemplo:
1. O pblico alvo (quem sero os usurios?)
Usurios com experincia em Sistema Operacional Windows e
pacote Office.
2. As tarefas a serem avaliadas
Sero avaliadas as interfaces referentes ao cadastro de usurios e
emprstimos de livros.
3. A seqncia de aes para cada tarefa
Tarefa: emprestar livros. O usurio vai supor que para emprestar
um livro o usurio dever estar cadastrado no sistema.
4. O tipo de interface esperada
Esperase que a interface emita um aviso sonoro quando o
emprstimo for feito por usurio ainda no cadastrado ou quando
o usurio j possui mais de dois livros emprestados.
Percurso Cognitivo: fase preparatria
44
Consiste em examinar cada tarefa e pressupor
como o usurio, provavelmente, efetuar as aes
para realizla.
Objetiva contar estrias (de fracasso ou
sucesso) que informem sobre o conhecimento do
usurio e o entendimento do processo de
resoluo de problemas que leva o usurio
soluo correta.
Percurso Cognitivo: fase de anlise
45
Questes a serem analisadas:
Os usurios faro a ao correta?
Os usurios percebero que a ao correta est
disponvel?
Os usurios iro associar a ao correta com o efeito
desejado?
Se a ao correta for executada, os usurios percebero
que foi feito um progresso em relao tarefa desejada?
Explorao de problemas realizados pelo usurio:
(BaseadaemsuposiesdePolsoneLewis,1990).
1. Visualiza, de forma grosseira, a tarefa a ser realizada
2. Explora a interface e seleciona as aes que ele imagina
ser a mais adequada para efetuar a tarefa
3. Observa a reao da interface para verificar se suas aes
tiveram o efeito desejado
4. Determina qual ao efetuar a seguir.
Percurso Cognitivo: fase de anlise
46
Percurso Cognitivo: problemas reais
Tarefa: Desligar o Computador.
Um usurio sem experincia em uso de
computadores provavelmente no relacionaria
a tarefa de desligar o computador com o boto
Iniciar.
Os usurios
percebero
que a ao
correta est
disponvel ?
47
Tarefa: inserir nmeros de pgina.
Um usurio, mesmo com experincia em
Windows, provavelmente no relacionaria a
tarefa de inserir um nmero de pgina com o
menu Exibir Cabealho e Rodap.
Os usurios
faro a ao
correta ?
48
Tarefa: acessar email no IG.
49
Tarefa: encontrar a declarao de IR.
50
importante registrar todas as
informaes geradas durante a
avaliao.
Percurso Cognitivo: coleta de dados
recomendado que sejam
usados mtodos visuais na
avaliao em grupo, ou gravar
todo o processo de avaliao na
forma de videoteipe.
51
O conhecimento no se baseia numa ordem
seqencial, mas na associao entre idias e
conceitos, mas no modo natural de lidar com as
informaes.
Possibilidade de ter diferentes caminhos para
a explorao de informaes.
Associaes de idias / ligaes (Hipertexto).
Cognio na Web
52
Nestor: uma interface cognitiva
53
O percurso cognitivo como nico mtodo de
avaliao pode conduzir o design a um forte
compromisso com a facilidade de aprendizagem.
Esse fator pode estar em desacordo com
outros aspectos mais globais da interface como,
por exemplo, o aumento de produtividade.
Percurso Cognitivo: concluses
54
Avaliao Semitica: introduo
A semitica analisa as relaes entre uma
coisa e seu significado.
55
Avaliao Semitica: introduo
As interfaces so vistas como artefatos de meta
comunicao, atravs do qual o designer envia uma
mensagem ao usurio, contendo funcionalidade (o
que o usurio pode fazer) e interatividade (como o
usurio pode fazer).
Exemplodemensagemtextualincorreta:
Sistema:Forneaoprimeironmero
Usurio: 5.3
Sistema:Vocdeveriafornecerapenasnmerosinteiros
56
Avaliao Semitica: signos
So os elementos da interface que podem
adquirir significados para o usurio.
Qualquer coisa na interface tem o potencial de
ser um signo.
Permite ao usurio associar o signo com o objeto
real ou com a ao a ser executada.
57
Avaliao Semitica: significados
NoClicar
Clicarpara
executar
Digitar
Selecionar
Informaes
58
A utilizao correta de cores nas interfaces
pode oferecer os seguintes benefcios:
Mostrar as coisas conforme so vistas na natureza
(imagens realistas)
Representar associaes simblicas
Chamar e direcionar a ATENO
Enfatizar alguns aspectos da interface
Diminuir a ocorrncia de erros
Tornar uma interface mais fcil de ser memorizada
Criar um padro para telas, garantindo maior conforto.
Avaliao pelo uso de Cores
59
O uso incorreto das cores pode apresentar
impacto negativo sobre a interface:
Interferir na legibilidade
60
Causar fadiga nos olhos do usurio
61
Deixar o usurio confuso
62
Induzir a aes erradas, caso elementos que
no possuem nenhuma relao entre si estejam
agrupados
63
Associaes ao Branco
Neve
Pureza
Inocncia
Paz
Leveza
Limpeza
Frio
Hospital
Vulnerabilidade
Palidez fnebre
Rendio
Esterilidade
Associaes ao Preto
Noite
Carvo
Poder
Estabilidade
Formalidade
Solidez
Anonimato
Vazio
Medo
Morte
Segredo
Maldio
64
D.C.Brown,E.Burbano,J.Minski&I.F.Cruz.
ComputerScienceDept.,WPI,Worcester,MA01609,USA
Uma cor mal aplicada pode resultar de forma
negativa em relao ao tempo de resposta do
usurio.
65
1. Usar no mximo cinco cores.
As pessoas se sentem mais confortveis com, no
mximo, sete cores
Com usurios novatos, o ideal o uso de quatro cores
distintas isso libera a memria de curta durao para
armazenar outras informaes.
2. Usar cores centrais e perifricas de forma
apropriada.
Se isso no ocorrer a fronteira entre elas se torna
imprecisa.
Algumas regras para o uso de Cores
66
3. Usar texto preto em fundo claro ou texto claro
em fundo escuro.
4. No usar cores fortes simultaneamente.
5. Usar cores para realar avisos.
ver de
ver melho
ver melho
amar elo
Algumas regras para o uso de Cores
67
Mostrarascoisasconformesovistasnanatureza.
68
69
O uso de cores no implica que os
usurios aprendam mais a partir de uma
tela colorida.
O que acontece que o uso de cores
pode tornar a interface mais agradvel,
mais atraente e mais gostosa de ser usada.
Pode ajudar na reduo do tempo de
resposta.
A cor mais fcil de ser recordada.
Uso de Cores: concluses
70
Livros:
1.DesigneAvaliaodeInterfaceshumanocomputador
HelosaVieiradaRochaM.eCecliaC.Baranauskas.
2.UsabilidadenaWebCludiaDiasEd.AltaBooks
Sites:
http://www.useit.com
http://www.baddesi gns.com/
http://www.usabilidoido.com.br/
http://www.dcc.ufmg.br/~cl arindo/discipli nas/eu/material/
http://www.webpagesthatsuck.com/stupi dversionsofthehomepage.html
http://www.webpagesthatsuck.com/speeches.html #vi deo
http://www.webpagesthatsuck.com/
http://www.cs.wpi.edu/~dcb/MQPs/MinskiBurbano/paper.html
Avaliaes:1.Botoback/HistorydoNetscape
2.InterfaceOculta
Referncias

Sergio Avaliacao Interface

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Sergio Avaliacao Interface

Uploaded by

Copyright:

Available Formats

Metodologias para

You might also like