Universidade Federal de Santa Catarina

Programa de Ps-Graduao em Eng. e Gesto do Conhecimento

USABILIDADE NA WEB : Projetando

Websites com Qualidade
Jakob Nielsen
Hoa Loranger

Rafael Tezza
Usabilidade na Web Jakob Nielsen & Hoa Loranger

SOBRE A OBRA
O livro tem como base 20 anos de pesquisa em usabilidade, que
envolveu milhares de usurios nos quatro continentes e
resultou na publicao de mais de 5000 pginas de relatrios
tcnicos.
Para este livro foram testados 69 usurios (57 nos EUA e 12 no
Reino Unido) com idade entre 20 e 60 anos. E 26 sites.
Ano de publicao : 2006
A obra discute como as pessoas se comportam na Internet e o
que torna os Websites bem ou malsucedidos.

Usabilidade na Web Jakob Nielsen & Hoa Loranger

SUMRIO
1.

Introduo

2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

A experincia do usurio na Web

Revendo as descobertas iniciais de usabilidade na Web
Priorizando seus problemas de usabilidade
Buscar
Navegao e arquitetura de informao
Tipografia: Leitura & Legibilidade
Redigindo para a Web
Fornecendo boas informaes sobre produtos
Apresentando elementos da pgina
Equilibrando tecnologia com as necessidades das pessoas
Reflexes finais

Usabilidade na Web Jakob Nielsen & Hoa Loranger

SUMRIO
1.

Introduo

2. A experincia do usurio na Web

3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

Revendo as descobertas iniciais de usabilidade na Web

Priorizando seus problemas de usabilidade
Buscar
Navegao e arquitetura de informao
Tipografia: Leitura & Legibilidade
Redigindo para a Web
Fornecendo boas informaes sobre produtos
Apresentando elementos da pgina
Equilibrando tecnologia com as necessidades das pessoas
Reflexes finais

Usabilidade na Web Jakob Nielsen & Hoa Loranger

2. A experincia do usurio na Web

Usurios gastam em mdia 27 segundos em cada pgina da Web
66% dos usurios completaram as tarefas com sucesso
As falhas ocorrem quando as pessoas utilizam novos sites
Como as pessoas utilizam sites (links profundos)
- logotipo no canto esquerdo
- um link de nico clique direto para homepage.
- busca

Usabilidade na Web Jakob Nielsen & Hoa Loranger

2. A experincia do usurio na Web

Regies da pgina em que os usurios mais clicam:

Usabilidade na Web Jakob Nielsen & Hoa Loranger

SUMRIO
1.

Introduo

2.

A experincia do usurio na Web

3. Revendo as descobertas iniciais de usabilidade na Web

4.
5.
6.
7.
8.
9.
10.
11.
12.

Priorizando seus problemas de usabilidade

Buscar
Navegao e arquitetura de informao
Tipografia: Leitura & Legibilidade
Redigindo para a Web
Fornecendo boas informaes sobre produtos
Apresentando elementos da pgina
Equilibrando tecnologia com as necessidades das pessoas
Reflexes finais

Usabilidade na Web Jakob Nielsen & Hoa Loranger

3. Revendo as descobertas iniciais de usabilidade na Web

Este captulo revisa 34 dos problemas mais significativos da

usabilidade.
Links que no mudam de cor quando visitados;
Alterar a funo do boto Voltar;
Abrir novas janelas de navegador;
Janelas pop-up;
Elementos de design que parecem anncios;
Violao das convenes da Web;
Contedo vago e modismo vazio e
Contedo denso e texto no-escanevel.
Usabilidade na Web Jakob Nielsen & Hoa Loranger

SUMRIO
1.

Introduo

2. A experincia do usurio na Web

3. Revendo as descobertas iniciais de usabilidade na Web

4. Priorizando seus problemas de usabilidade

5.
6.
7.
8.
9.
10.
11.
12.

Buscar
Navegao e arquitetura de informao
Tipografia: Leitura & Legibilidade
Redigindo para a Web
Fornecendo boas informaes sobre produtos
Apresentando elementos da pgina
Equilibrando tecnologia com as necessidades das pessoas
Reflexes finais

Usabilidade na Web Jakob Nielsen & Hoa Loranger

4. Priorizando seus problemas de usabilidade

Problemas de usabilidade ponderados pelas suas classificaes de
gravidade.

Usabilidade na Web Jakob Nielsen & Hoa Loranger

SUMRIO
1.

Introduo

2.
3.
4.
5.
6.
7.
8.

A experincia do usurio na Web

Revendo as descobertas iniciais de usabilidade na Web
Priorizando seus problemas de usabilidade
Buscar
Navegao e arquitetura de informao
Tipografia: Leitura & Legibilidade
Redigindo para a Web

9. Fornecendo boas informaes sobre produtos

10. Apresentando elementos da pgina
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexes finais
Usabilidade na Web Jakob Nielsen & Hoa Loranger

9. Fornecendo boas informaes sobre produtos

Seria difcil estimar quantas vendas on-line so perdidas por
causa de informaes sobre produtos confusas
No shopping on-line, no h um produto tangvel para segurar,
nem vitrines de produtos para inspecionar, nenhum vendedor
ao qual pedir ajuda. Os Websites devem preencher essa lacuna
tornando o processo de busca o menos indolor possvel.

Usabilidade na Web Jakob Nielsen & Hoa Loranger

9. Fornecendo boas informaes sobre produtos

Mostre-me o dinheiro
As pesquisas com clientes mostram que uma das primeiras
coisas que as pessoas querem saber sobre o produto o servio
o preo.
Quando nenhum preo mostrado, as pessoas supes em
geral, erroneamente que o produto deve ser caro.
Saber o preo desde o incio j encaminha os compradores aos
itens que so relevantes para sua situao, e eles se livram do
trabalho de examinar os demais itens.
As pessoas consideram evasivas e no confiveis as empresas
que escondem os preos.
Divulgue taxas extras e custo de itens complementares mesmo se
o custos destes for zero.
Usabilidade na Web Jakob Nielsen & Hoa Loranger

9. Fornecendo boas informaes sobre produtos

Ganhe a confiana do cliente
As descries de produtos precisam ser detalhadas o suficiente
para dar uma boa idia do produto ou servio para as pessoas
e ajud-los a diferenciar as opes.
Permita que os usurios aumentem as fotos para uma
visualizao detalhada dos produtos. Ver um detalhe
especfico ou avaliar uma textura pode dar aos compradores a
confiana de que precisam para fazer um pedido on-line.
No sobrecarregue seus clientes. Disponha informaes em
camadas revelando os pontos-chave primeiro e facilite o
trabalho dos compradores de obter informaes especficas.
Usabilidade na Web Jakob Nielsen & Hoa Loranger

9. Fornecendo boas informaes sobre produtos

Demonstre boa-f
Se seus produtos receberam uma crtica favorvel da impressa
ou em respeitados Websites, apresente citaes dessas crticas
e os links para elas.
Permita a comparao de produtos
Em geral, melhor ter algumas escolhas aplicveis do que
carregar o site com uma grande quantidade de itens
semelhantes que exigem uma grande esforo para diferencilos. As pessoas no gostam de se confrontar com um mar de
escolhas.
Usabilidade na Web Jakob Nielsen & Hoa Loranger

9. Fornecendo boas informaes sobre produtos

Permita a comparao de produtos
A maioria dos pesquisados se queixaram de que comparar
produtos semelhantes era muito incmodo e exigia mais
esforo do que o desejado.

Usabilidade na Web Jakob Nielsen & Hoa Loranger

9. Fornecendo boas informaes sobre produtos

Usabilidade na Web Jakob Nielsen & Hoa Loranger

9. Fornecendo boas informaes sobre produtos

Suporte a venda com contedos de qualidade
Quatro razes para apresentar textos informativos:
Aumentam a credibilidade mostrando sua experincia no assunto e
motivao genuna em ajudar
Ajudam os clientes a diferenciar entre produtos alternativos
Fornecem informaes para dar suporte s decises de compra do
cliente
Contm palavras-chave que aprimoram a visibilidade do sistema de
pesquisa e aumentam o trfego no seu site

Usabilidade na Web Jakob Nielsen & Hoa Loranger

SUMRIO
1.

Introduo

2.
3.
4.
5.
6.
7.
8.
9.

A experincia do usurio na Web

Revendo as descobertas iniciais de usabilidade na Web
Priorizando seus problemas de usabilidade
Buscar
Navegao e arquitetura de informao
Tipografia: Leitura & Legibilidade
Redigindo para a Web
Fornecendo boas informaes sobre produtos

10. Apresentando elementos da pgina

11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexes finais
Usabilidade na Web Jakob Nielsen & Hoa Loranger

10. Apresentando elementos da pgina

Diretrizes de usabilidade para apresentar elementos de pginas:
Deve-se utilizar rolagem?
Orientando usurios, passo a passo
Agrupe itens semelhantes
Formatao de formulrios
Satisfaa as expectativas dos seus usurios
Utilizando espaos em branco

Usabilidade na Web Jakob Nielsen & Hoa Loranger

SUMRIO
1.

Introduo

2.
3.
4.
5.
6.
7.
8.
9.
10.

A experincia do usurio na Web

Revendo as descobertas iniciais de usabilidade na Web
Priorizando seus problemas de usabilidade
Buscar
Navegao e arquitetura de informao
Tipografia: Leitura & Legibilidade
Redigindo para a Web
Fornecendo boas informaes sobre produtos
Apresentando elementos da pgina

11. Equilibrando tecnologia com as necessidades das pessoas

12. Reflexes finais
Usabilidade na Web Jakob Nielsen & Hoa Loranger

11. Equilibrando tecnologia com as necessidades das

pessoas

Utilize multimdia quando servir para beneficiar o pblico

Acomode usurios que no usam tecnologia recente fornea
acessibilidade alternativa.
Projete para a velocidade de conexo de seu pblico
Fornea um indicador de status de download simples e exato
Subestime o conhecimento tcnico dos usurios
Obedea s convenes de interface
Evite excessos de multimdia
Reserve efeitos especiais de som e animao para as crianas
Quando fizer vdeos faa-os para a Web

Usabilidade na Web Jakob Nielsen & Hoa Loranger

11. Equilibrando tecnologia com as necessidades das

pessoas

www.cnn.com
Usabilidade na Web Jakob Nielsen & Hoa Loranger

11. Equilibrando tecnologia com as necessidades das

pessoas
Pratique a simplicidade
Antes de adicionar um elemento de design ao site, pergunte a si
mesmo: Isso simplifica a tarefa do usurio? Agrega valor ao
usurio? Se a resposta for no, elimine-o.

Usabilidade na Web Jakob Nielsen & Hoa Loranger

11. Equilibrando tecnologia com as necessidades das

pessoas

Usabilidade na Web Jakob Nielsen & Hoa Loranger