Usabilidade na WEB

Roberto Romani
UNICAMP- Universidade Estadual de Campinas
CCUEC
CCUEC
Tpicos Principais
O que usabilidade?
Por que usabilidade na Web
7 regras bsicas de usabilidade na Web
Inspeo de usabilidade
Avaliao Heurstica
Usabilidadena WEB
O que usabilidade?
Usabilidade na WEB
O que usabilidade?
Usabilidade refere-se ao grau com que o usurio
consegue realizar uma tarefa
Funcionalidade correta
Eficincia de uso
Facilidade de Aprendizagem
Facilidade de relembrar
Tolerante a erro do usurio
Satisfao subjetiva
Usabilidade na WEB
Por que usabilidade na WEB?
em 1998 cerca de 3 bilhes de dlares
deixaram de ser ganhos na WEB norte-
americana por causa de designs mal feitos
com a enorme oferta de alternativas usurios
tem uma notvel impacincia e insistncia
em gratificao imediata
Usabilidade na WEB
Por que usabilidade na
WEB?
A usabilidade governa a Web
Se o cliente no encontrar o produto, ele no o
comprar
O poder do cliente
Quem clica no mouse decide tudo.
to fcil ir a outro lugar; todos os concorrente
do mundo esto a um simples clique do mouse
Usabilidade na WEB
Por que usabilidade da WEB?
usabilidade assume uma importncia mpar na
economia da Internet
no design de produtos e de software tradicionais,
usurios pagam antes e experimentam a
usabilidade depois
na WEB experimentam a usabilidade antes e
pagam depois
A m usabilidade equivale a nenhum cliente
Usabilidade na WEB
7 Regras Bsicas
1. Clareza na arquitetura da informao
essencial que o usurio consiga discernir o que
prioritrio e o que secundrio no site.
bom arranjo da informao
usurios sempre tero dificuldades em encontrar o
que procuram portanto devem ser ajudados
prover um senso de como a informao est
estruturada e localizada.
Por exemplo mapa do site
Usabilidade na WEB
7 Regras Bsicas
2. Facilidade de navegao
O usurio deveria conseguir acessar a
informao desejada no mximo em trs cliques
3. Simplicidade
Quem navega quer encontrar o mais rapidamente
possvel o objetivo da busca.
A pirotecnia deve ser evitada, dando ao usurio
paz e tranquilidade para que possa analisar a
informao
Usabilidade na WEB
7 Regras Bsicas
4. A relevncia do contedo
Sempre que questionados sobre sites, usurios se
referem a qualidade e relevncia do contedo
Um bom texto para essa mdia
o mais conciso e objetivo possvel
no promocional ou publicitrio
leitores online imprimem textos
necessitam pginas bem curtas
informao secundria deixada para pginas de suporte
Usabilidade na WEB
7 Regras Bsicas
5. Manter a consistncia
Quando as coisas acontecem sempre do mesmo
jeito, os usurios no precisam se preocupar a
respeito do que ir acontecer
um Website deve ser gerenciado como um
projeto nico de interface com o usurio
Usabilidade na WEB
7 Regras Bsicas
6. Tempo suportvel
tempo de carga das pginas deve ser curto
10 segundos o mximo de tempo antes que as
pessoas percam o interesse
na Web os usurios j tm uma baixa expectativa
limite pode aumentar para 15 segundos
7. Foco nos usurios
'sair do caminho'
para que o usurio possa fazer o que quer da maneira
mais rpida possvel.
Usabilidade na WEB
7 Regras Bsicas (Resumo)
1. Clareza na arquitetura da informao
2. Facilidade de navegao
3. Simplicidade
4. A relevncia do contedo
5. Manter a consistncia
6. Tempo suportvel
7. Foco nos usurios
Usabilidade na WEB
Inspeo de Usabilidade
conjunto de mtodos baseados em se ter
avaliadores inspecionando ou examinando
aspectos de uma interface de usurio
relacionados a usabilidade
Eficincia de uso
Facilidade de Aprendizagem
Facilidade de relembrar
Tolerante a erro
Satisfao subjetiva
Usabilidade na WEB
Inspeo de Usabilidade
Mtodos
Avaliao Heurstica
Reviso de Guidelines
Percurso Pluralstico
Inspees de Consistncia
Inspees de Padres (Standards)
Percurso Cognitivo
Usabilidade na WEB
Avaliao Heurstica Introduo
fcil
pode ser ensinada em 4horas
rpido
1 dia
barato
Usabilidade na WEB
Avaliao Heurstica Como
conduzir
parte do processo de design interativo
pequeno conjunto de avaliadores (3 a 5)
examinando a interface e analisando o
atendimento as heursticas de usabilidade
Usabilidade na WEB
Avaliao Heurstica Como
conduzir
com a presena de um observador
durao de uma sesso de avaliao -
~2horas
durante a sesso de avaliao o avaliador
percorre a interface diversas vezes
inspecionando as diferentes componentes do
dilogo e comparando-as com a lista de
heuristicas (princpios) de usabilidade
o avaliador decide como conduzir a avaliao
percorrer a interface pelo menos duas vezes
Usabilidade na WEB
Avaliao Heurstica As
Heursticas
1. Visibilidade do status do sistema
sistema precisa manter os usurios informados sobre o que
est acontecendo, fornecendo um feedback adequado
dentro de um tempo razovel
2. Compatibilidade do sistema com o mundo real
Sistema precisa falar a linguagem do usurio, com
palavras, frases e conceitos familiares ao usurio, ao invs
de termos orientados ao sistema. Seguir convenes do
mundo real, fazendo com que a informao aparea numa
ordem natural e lgica
Usabilidade na WEB
Avaliao Heurstica As
Heursticas
3. Controle do usurio e liberdade
usurios frequentemente escolhem por engano funes do
sistema e precisam ter claras saidas de emergncia para
sair do estado indesejado sem ter que percorrer um
extenso dilogo. Prover funes desfazer e refazer
4. Consistncia e padres
usurios no precisam adivinhar que diferentes palavras,
situaes ou aes significam a mesma coisa. Seguir
convenes de plataforma computacional (de acordo com o
pblico alvo)
Usabilidade na WEB
Avaliao Heurstica As
Heursticas
5. Preveno de erros
melhor que uma boa mensagem de erro um design
cuidadoso o qual previne o erro antes que acontea
6. Reconhecimento ao invs de relembrana
tornar objetos, aes e opes visveis. O usurio no deve
ter que lembrar informao de uma para outra parte do
dilogo. Instrues para uso do sistema devem estar
visveis e facilmente recuperveis quando necessrio
Usabilidade na WEB
Avaliao Heurstica As
Heursticas
7. Flexibilidade e eficincia de uso
usurios novatos se tornam peritos com o uso. Prover
aceleradores de forma a aumentar a velocidade da
interao. Permitir a usurios experientes "cortar caminho"
em aes freqentes
8. Esttica e design minimalista
dilogos no devem conter informao irrelevante ou
raramente necessria. Qualquer unidade de informao
extra no dilogo ir competir com unidades relevantes de
informao e diminuir sua visibilidade relativa
Usabilidade na WEB
Avaliao Heurstica As
Heursticas
9. Ajudar os usurios a reconhecer, diagnosticar e
corrigir erros
mensagens de erro devem ser expressas em linguagem
clara (sem cdigos) indicando precisamente o problema e
construtivamente sugerindo uma soluo
10. Help e documentao
Embora seja melhor um sistema que possa ser usado sem
documentao, necessrio prover help e documentao.
Essas informaes devem ser fceis de encontrar,
focalizadas na tarefa do usurio e no muito extensas.
Usabilidade na WEB
Avaliao Heurstica Resultado
da Avaliao
lista de problemas de usabilidade da interface
com referncia aos princpios de usabilidade
que foram violados
avaliao heurstica no objetiva prover meios
de corrigir os problemas em um redesign e
no levanta os aspectos positivos do design
podem ser anotados os aspectos positivos
para que no se altere o que est bom
Usabilidade na WEB
Avaliao Heurstica Graus de
Severidade
Combinao de 3 fatores
frequncia
Comum ou raro ?
impacto
Fcil ou difcil para o usurio super-lo ?
persistncia
Problema de uma nica vez que o usurio pode superar
desde que saiba que ele existe ou os usurios sero
repetidamente incomodados por ele ?
Usabilidade na WEB
Avaliao Heurstica Graus de
Severidade
eu no concordo que isso um problema de
usabilidade ( 1 )
um problema cosmtico somente ( 2 )
precisa ser corrigido somente se sobrar algum tempo no
projeto
problema de usabilidade menor (3 )
corrig-lo deve ter prioridade baixa
problema de usabilidade grave (4 )
importante corrig-lo, deve ser dada alta prioridade
catstrofe de usabilidade ( 5 )
a sua correo imperativa antes do produto ser liberado
Usabilidade na WEB
Avaliao Heurstica - Caractersticas
dos Problemas
Problemas de usabilidade em um dilogo
podem ser localizados de 4 maneiras:
em um nico local da interface
em dois ou mais locais que devem ser
comparadas para se dectetar o problema
como um problema da estrutura geral da interface
como algo que precisa ser incluido na interface
Usabilidade na WEB
Avaliao Heurstica - Exemplos
Visibilidade e
status do sistema
ajudar os usurios a reconhecer,
diagnosticar e corrigir erros
Usabilidade na WEB
Avaliao Heurstica - Exemplos
Compatibilidade do sistema com o mundo real
Usabilidade na WEB
Consistncia e padro; preveno de erros
Usabilidade na WEB
Avaliao Heurstica - Exemplos
Ajudar os usurios a reconhecer, diagnosticar e corrigir erros
Usabilidade na WEB
Avaliao Heurstica - Exemplos
Esttica e design minimalista
Usabilidade na WEB
Avaliao Heurstica - Exemplos
Flexibilidade e
eficincia de uso
Usabilidade na WEB
Avaliao Heurstica concluses
3 a 5 avaliadores trabalhando individualmente
sem que um influencie o outro
avaliadores devem percorrer a interface pelo menos duas
vezes
na primeira focalizar no fluxo e na segunda nas componentes individuais
do dilogo
inspecionar a interface com base na lista de princpios de
usabilidade
justificar e detalhar ao mximo todos os problemas detetados
reunio de concenso
combinar os problemas encontrados pelos em um unico relatrio
coletar graus de severidade
Usabilidade na WEB
Avaliao Heurstica resumo
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 ao invs de relembrana
7. Flexibilidade e eficincia de uso
8. Esttica e design minimalista
9. Ajudar os usurios a reconhecer, diagnosticar e corrigir erros
10. Help e documentao
Usabilidade na WEB
Medidas de Satisfao Subjetiva
Questionrio
Por favor indique o grau com o qual voc concorda ou
no com as seguintes afirmaes sobre o sistema:
muito fcil aprender como se usa esse sistema
Usar este sistema foi uma experincia muito frustante
Eu sinto que esse sistema ir me permitir conseguir uma alta
produtividade
Eu me preocupo que muitas das coisas que fao com esse sistema
podem estar erradas
Este sistema pode fazer todas as coisas que eu poderia precisar
muito agradvel trabalhar com esse sistema
Usabilidade na WEB
Medidas de Satisfao Subjetiva
Escala semntica Diferencial
Por favor marque as posies que melhor refletem suas
impresses sobre o sistema
Agradvel ---------------- Irritante
Completo ---------------- Incompleto
Cooperativo ---------------- No Cooperativo
Simples ---------------- Complicado
Rpido de Usar ---------------- Lento para usar
Seguro ----------------- Inseguro
Usabilidade na WEB
Toques Finais
Principais razes para visitarem seu
site
Contedo de alta qualidade
Atualizaes constantes
Tempo de download mnimo
Facilidade de uso
Usabilidade na WEB
Referncias
Livros
Projetando websites
Jakob Nielsen Campus
Design e avaliao de interfaces humano-computador
Heloisa Rocha e Maria Cecilia Baranauskas E.C. 2000
Usability for the web
Brinck; Gergle; Wood MK
Sites
http://www.useit.com
http://usableweb.com/
http://www.webpagesthatsuck.com/suckframe.htm
Usabilidade na WEB