USABILIDADE NA WEB

Jakob Nielsen
Hoa Loranger
Andr Humeres
Marlon
Hemkemaier
Romel Gonalves
Thiago Victorino
a experincia do usurio
na web
Captulo 2
H mais de um bilho de usurios na
internet, portanto, qualquer site com
menos de 10 milhes de clientes (em
outras palavras, quase todos) no atingiu
em 1% do potencial de audincia.
Jacob Nilsen
 Mdia de 27 segundos em cada
pgina web.

Excessos de coisas inteis na

internet.
Como as Pessoas
Utilizam a Web?

66% de sucesso

Erros em novos sites nunca

visitados

Sucesso/experincia
Como as pessoas utilizam
sites?
60% das visulizaes em pginas
internas

12% de probabilidade de ser

revisitado

40% das vezes visitaram a home

page para ter uma idia geral da
finalidade do site
Como as pessoas utilizam
sites?
Trs diretrizes de suporte ao usurio que
usa links profundos:

Nome ou logotipo no canto superior

esquerdo.

Clique direto para home page.

Busca, preferncia no canto direito

superior.
Como as pessoas utilizam
sites?

Experincia/rejeitar contedos
Mdia de 30 segundos da home
page
Mensagens simples e diretas
23% dos usurios rolam a pgina
Quase 50% dos cliques nas reas
de contedos
Prevalncia das buscas?

88% utilizaram sites de busca.

Maioria apontou um site de busca
como favorito.
Fora da web em poucos sites.
Vantagem de boas interfaces.
Como as pessoas utilizam
a pgina de resultados de
busca?

93% s viram a primeira pgina

47% rolaram a pgina

7% consultaram a segunda
pgina
Utilizando palavras-chave para
avaliar e estimar
aprimoramentos da usabilidade

Quanto vale a pena investir em

palavras-chave?

Taxa de converso

Retorno de investimento
Utilizando palavras-chave para
avaliar e estimar
aprimoramentos da usabilidade

Usabilidade Taxa de
converso.

Valor de palavras-chave maior

usabilidade
Seguindo as convenes de
projeto e diretrizes de
usabilidade

Designers constroem
componentes de um todo

Devemos eliminar elementos de

design confusos e utilizar o
mximo possvel as convenes
de design
Seguindo as convenes de
projeto e diretrizes de
usabilidade
Evitar tentativa e erro

Possibilitar ao usurio o que ele

j conhece e funciona

Em 27 segundos voc deve focar

o contedo e no o layout.
Coleta de informaes

Mximo benefcio, mnimo esforo

Exibio de exemplos de
contedos na home page

Facilidade de localizao e
navegao.
revendo as descobertas
iniciais de usabilidade da
web
Captulo 3
Atribuio de 1 a 3 caveiras para os principais
problemas de usabilidade na web:
0 caveiras No mais um problema e no
precisa ser mais verificado.
1 caveira Questo menos importante
2 caveiras Problema de usabilidade de
mdio impacto
3 caveiras Problema de usabilidade de alto
impacto
Oito problemas que nao
mudaram
Links que no mudam de cor
quando visitados
Oito problemas que no
mudaram
Quebrando o boto voltar
- O boto Voltar sempre esta disponvel, na mesma
localizao e sempre funciona da mesma maneira.
- O boto Voltar grande, bem visvel e chama ateno
se comparado a um link navegacional comum.

Abrindo novas janelas de navegador

- Interrompe a experincia esperada pelo usurio
- Polui a tela com objetos indesejveis
- Impede que o usurio retorne as paginas visitadas
Oito problemas que no
mudaram
Janelas pop- up
- Os pop-ups muitas vezes mostram contedos
indesejados
- Atrapalham a visibilidade do contedo desejado
Elementos de design que parecem
anncios
- Publicidade em excesso
- Poluio visual
Oito problemas que nao
mudaram
Violando convenes da Web
- Aprendizado com sites anteriores
- Quebra na expectativa
Contedo vago e modismo vazio
- Contedo intil
- Linguagem complexa
Contedo denso e texto no
escanevel
- O texto deve ser breve, escaneavel e acessvel
- numero de palavras deve variar entre 50% e 25%
Mudana tecnolgica:
seu impacto sobre a
usabilidade
Tempo de download lento
- Hoje: sites maiores e mais pesados
- Conexoes mais rpidas
Flash
- Problemas de usabilidade nas primeiras versoes
- Usurios tradicionais tem dificuldade
Multimdia e vdeos longos
- Largura fixa
- Barra de rolagem em telas pequenas
Mudana tecnolgica:
seu impacto sobre a
usabilidade
Layouts congelados
- Largura fixa
- Barra de rolagem em telas pequenas
Incompatibilidade entre vrias
plataformas
- PC lder de mercado x Apple 3% das vendas
- Trabalhar com diferentes navegadores
Adaptao: como os
usurios influenciaram a
usabilidade
Clicabilidade incerta
- Usurios no sabem onde clicar
- Links ocultos em fotos ou manchetes
Rolagem
- Diferenas entre usurios e designer sobre o
que relevante
- Informaes no visveis na primeira
visualizao
Registro
- Sites confiveis
- Fornecer registro aps as compras
Adaptao: como os
usurios influenciaram a
usabilidade
URLs complexos
- no h razes para URLs com centanas de
caracteres

Menus suspensos e menus em

cascatas
- Antigamente qualquer elemento dinmico
confundia o usurio, hoje as pessoas esto
habituadas a menus dinmicos
- S fazer se for mesmo ajudar o site
Restrio: como os designers
atenuaram os problemas de
usabilidade
Plug-ins e tecnologia de ponta
- no forar tecnologias aos usurios
- usar tecnologias testadas
Interface 3D com o usurio
- Usurios passam a maior parte do tempo
lutando contra a interface em vez de visualizar
o produto
Design poludo
- Os Websites se concentram muito mais
diretamente nos negcios, e isso que os
clientes querem
Restrio: como os designers
atenuaram os problemas de
usabilidade
Pginas splash
- respeitar o tempo dos visitante, ou estes iro para
outro site
- dois minutos para convencer o usurio
Imagens grficas em movimento e texto
deslizante
- usurios ignoram textos ou imagens incessantemente
animados, irritantes
Componentes de interface grfica
personalizados
- Usurios esperam que botes se paream com botes
e se comportem como tal, o mesmo vale para qualquer
outro elemento padro
Restrio: como os designers
atenuaram os problemas de
usabilidade
Sem expor quem est por trs da
informaes
- Confiana na empresa ao fornecer dados
- Quem Somos?
Palavras inventadas
- Uso de vocbulos comuns aumenta a classificao
de um site nos mecanismos de busca
Contedo ultrapassado
- Sites sem manuteno
- Informaes ultrapassadas como atuais
Restrio: como os designers
atenuaram os problemas de
usabilidade
Inconsistncia dentro de um Website
- Apresentao ao cliente
- Consistncia e identidade entre as pginas
Solicitaes prematuras de informaes
pessoais
- Se os sites forem muito intrometidos as pessoas se
recusam a responder as perguntas
Vrios Sites
Pginas rfs
- Mnimo de opes de navegao para que possam se
conectar ao restante do site
priorizando seus
problemas de usabilidade
Captulo 4
O Que torna um problema
grave?

Trs fatores afetam a gravidade

de um problema para os usurios.
freqncia: quantos usurios
encontraro o problema?
Impacto: quantas dificuldades o
problema causa ais usurios que o
encontraram?
Persistncia: o problema um
impedimento de uma nica vez para os
usurios ou ele causa dificuldades
contnuas?
As cinco maiores causas
das falhas dos usurios

Buscar
arquitetura de informao
Contedo
informaes sobre produtos
fluxo de trabalho
 suficiente concentrar-
se nos piores problemas?
Se concentrar naqueles problemas
que fazem com que os usurios
falhem, e esquecer os que causam
inconvenincia e dificuldades menos
importantes?
Priorizar recursos de usabilidade
Disponibilizar informaes
necessrias, e aprimorar capacidade
de busca e localizao
buscar
Captulo 5
Como devem ser?
As ferramentas de busca
Como devem ser?

Boa busca x busca esperada

Feedback

Busca Paramtrica
Como devem ser?
Uma caixa de texto em que
possam digitar palavras

Um boto clicvel escrito

Pesquisar

Uma lista linear dos resultados,

por ordem de prioridade
A interface
Canto superior direito ou esquerdo

Caixa de texto visvel

Boto

Evitar restries de pesquisa

60

50

40

30

20

10

0
100%
0% 25% 50% 75%
Pgina de resultados
No numerar / no mostrar o nvel
de relevncia

Corretor ortogrfico

Repetir a caixa de texto com a

palavra-chave escrita
Pgina de resultados

Ttulo clicvel

Resumo de 2 ou 3 linhas

Primeiras palavras mais

importantes
Melhores apostas
O que so?

Nomes/nmeros de produtos,
categorias, membros da empresa

Logs de pesquisa
Nenhum resultado
Mostrar claramente que nada foi
encontrado

Usurio pode querer mudar a

consulta

Correo ortogrfica
Um resultado
No direcionar diretamente
pgina encontrada

Usurio pode querer mudar a

consulta

Correo ortogrfica
Otimizao da busca
Search Engine Optimization SEO

Aparecer entre os primeiros

resultados
Otimizao da busca
SEO mal-intencionada

Disfarce
Spam de pesquisa
Fazendas de links
Spam de comentrios
Redirecionamento de domnios
Otimizao da busca
SEO lingustica

Utilizar a linguagem do usurio

Importncia aos ttulos e outras
chamadas
Pesquisar as palavras utilizada
Logs
Testes
Otimizao da busca

SEO arquitetnico

Utilizar texto real em todas as

mdias (descries de vdeos,
imagens)
Nomes claros nas URLs
Otimizao da busca

Reputao da SEO

Links de outros websites