Usabilidade na WEB

CCUEC

Roberto Romani
UNICAMP- Universidade Estadual de Campinas

Usabilidadena WEB

Tpicos Principais
O que usabilidade?
Por que usabilidade na Web
7 regras bsicas de usabilidade na Web
Inspeo de usabilidade
Avaliao Heurstica

Usabilidade na 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 norteamericana 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