USABILIDADE NA WEB - Projetando web sites c qualidade

Prévia do material em texto

Usabilidade na Web – Jakob Nielsen & Hoa Loranger
USABILIDADE NA WEB : Projetando 
Websites com Qualidade
Jakob Nielsen
Hoa Loranger
Rafael Tezza
Universidade Federal de Santa Catarina 
Programa de Pós-Graduação em Eng. e Gestão do Conhecimento
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 usuários nos quatro continentes e 
resultou na publicação de mais de 5000 páginas de relatórios 
técnicos.
Para este livro foram testados 69 usuários (57 nos EUA e 12 no 
Reino Unido) com idade entre 20 e 60 anos. E 26 sites.
Ano de publicação : 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
SUMÁRIO
1. Introdução
2. A experiência do usuário na Web
3. Revendo as descobertas iniciais de usabilidade na Web
4. Priorizando seus problemas de usabilidade
5. Buscar 
6. Navegação e arquitetura de informação
7. Tipografia: Leitura & Legibilidade
8. Redigindo para a Web
9. Fornecendo boas informações sobre produtos
10. Apresentando elementos da página
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexões finais
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
SUMÁRIO
1. Introdução
2. A experiência do usuário na Web
3. Revendo as descobertas iniciais de usabilidade na Web
4. Priorizando seus problemas de usabilidade
5. Buscar 
6. Navegação e arquitetura de informação
7. Tipografia: Leitura & Legibilidade
8. Redigindo para a Web
9. Fornecendo boas informações sobre produtos
10. Apresentando elementos da página
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexões finais
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
2. A experiência do usuário na Web
Usuários gastam em média 27 segundos em cada página da Web
66% dos usuários 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 experiência do usuário na Web
Regiões da página em que os usuários mais clicam:
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
SUMÁRIO
1. Introdução
2. A experiência do usuário na Web
3. Revendo as descobertas iniciais de usabilidade na Web
4. Priorizando seus problemas de usabilidade
5. Buscar 
6. Navegação e arquitetura de informação
7. Tipografia: Leitura & Legibilidade
8. Redigindo para a Web
9. Fornecendo boas informações sobre produtos
10. Apresentando elementos da página
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexões finais
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
3. Revendo as descobertas iniciais de usabilidade na Web
Este capítulo revisa 34 dos problemas mais significativos da 
usabilidade.
• Links que não mudam de cor quando visitados;
• Alterar a função do botão Voltar;
• Abrir novas janelas de navegador;
• Janelas pop-up;
• Elementos de design que parecem anúncios;
• Violação das convenções da Web;
• Conteúdo vago e modismo vazio e 
• Conteúdo denso e texto não-escaneável.
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
SUMÁRIO
1. Introdução
2. A experiência do usuário na Web
3. Revendo as descobertas iniciais de usabilidade na Web
4. Priorizando seus problemas de usabilidade
5. Buscar 
6. Navegação e arquitetura de informação
7. Tipografia: Leitura & Legibilidade
8. Redigindo para a Web
9. Fornecendo boas informações sobre produtos
10. Apresentando elementos da página
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexões finais
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
4. Priorizando seus problemas de usabilidade
Problemas de usabilidade ponderados pelas suas classificações de 
gravidade.
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
SUMÁRIO
1. Introdução
2. A experiência do usuário na Web
3. Revendo as descobertas iniciais de usabilidade na Web
4. Priorizando seus problemas de usabilidade
5. Buscar 
6. Navegação e arquitetura de informação
7. Tipografia: Leitura & Legibilidade
8. Redigindo para a Web
9. Fornecendo boas informações sobre produtos
10. Apresentando elementos da página
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexões finais
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
9. Fornecendo boas informações sobre produtos
“Seria difícil estimar quantas vendas on-line são perdidas por 
causa de informações sobre produtos confusas”
No shopping on-line, não há um produto tangível 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 possível. 
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
9. Fornecendo boas informações 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 serviço 
é o preço. 
Quando nenhum preço é mostrado, as pessoas supões – em 
geral, erroneamente – que o produto deve ser caro.
Saber o preço desde o início já encaminha os compradores aos 
itens que são relevantes para sua situação, e eles se livram do 
trabalho de examinar os demais itens.
As pessoas consideram evasivas e não confiáveis as empresas 
que escondem os preços. 
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 informações sobre produtos
Ganhe a confiança do cliente
As descrições de produtos precisam ser detalhadas o suficiente 
para dar uma boa idéia do produto ou serviço para as pessoas 
e ajudá-los a diferenciar as opções.
Permita que os usuários aumentem as fotos para uma 
visualização detalhada dos produtos. Ver um detalhe 
específico ou avaliar uma textura pode dar aos compradores a 
confiança de que precisam para fazer um pedido on-line.
Não sobrecarregue seus clientes. Disponha informações em 
camadas revelando os pontos-chave primeiro e facilite o 
trabalho dos compradores de obter informações específicas.
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
9. Fornecendo boas informações sobre produtos
Demonstre boa-fé
Se seus produtos receberam uma crítica favorável da impressa 
ou em respeitados Websites, apresente citações dessas críticas 
e os links para elas.
Permita a comparação de produtos
Em geral, é melhor ter algumas escolhas aplicáveis do que 
carregar o site com uma grande quantidade de itens 
semelhantes que exigem uma grande esforço para diferenciá-
los. As pessoas não gostam de se confrontar com um mar de 
escolhas.
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
9. Fornecendo boas informações sobre produtos
Permita a comparação de produtos
A maioria dos pesquisados se queixaram de que comparar 
produtos semelhantes era muito incômodo e exigia mais 
esforço do que o desejado.
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
9. Fornecendo boas informações sobre produtos
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
9. Fornecendo boas informações sobre produtos
Suporte a venda com conteúdos de qualidade
Quatro razões para apresentar textos informativos:
•Aumentam a credibilidade mostrando sua experiência no assunto e 
motivação genuína em ajudar
•Ajudam os clientes a diferenciar entre produtos alternativos
•Fornecem informações para dar suporte às decisões de compra do 
cliente 
•Contêm palavras-chave que aprimoram a visibilidade do sistema de 
pesquisa e aumentam o tráfego no seu site
Usabilidadena Web – Jakob Nielsen & Hoa Loranger
SUMÁRIO
1. Introdução
2. A experiência do usuário na Web
3. Revendo as descobertas iniciais de usabilidade na Web
4. Priorizando seus problemas de usabilidade
5. Buscar 
6. Navegação e arquitetura de informação
7. Tipografia: Leitura & Legibilidade
8. Redigindo para a Web
9. Fornecendo boas informações sobre produtos
10. Apresentando elementos da página
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexões finais
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
10. Apresentando elementos da página
Diretrizes de usabilidade para apresentar elementos de páginas:
Deve-se utilizar rolagem?
Orientando usuários, passo a passo
Agrupe itens semelhantes
Formatação de formulários
Satisfaça as expectativas dos seus usuários
Utilizando espaços em branco
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
SUMÁRIO
1. Introdução
2. A experiência do usuário na Web
3. Revendo as descobertas iniciais de usabilidade na Web
4. Priorizando seus problemas de usabilidade
5. Buscar 
6. Navegação e arquitetura de informação
7. Tipografia: Leitura & Legibilidade
8. Redigindo para a Web
9. Fornecendo boas informações sobre produtos
10. Apresentando elementos da página
11. Equilibrando tecnologia com as necessidades das pessoas
12. Reflexões finais
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
11. Equilibrando tecnologia com as necessidades das 
pessoas
Utilize multimídia quando servir para beneficiar o público
Acomode usuários que não usam tecnologia recente – forneça 
acessibilidade alternativa.
Projete para a velocidade de conexão de seu público
Forneça um indicador de status de download simples e exato
Subestime o conhecimento técnico dos usuários
Obedeça às convenções de interface
Evite excessos de multimídia
Reserve efeitos especiais de som e animação para as crianças 
Quando fizer vídeos faça-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 usuário? Agrega valor ao 
usuário? Se a resposta for “não”, elimine-o.
Usabilidade na Web – Jakob Nielsen & Hoa Loranger
11. Equilibrando tecnologia com as necessidades das 
pessoas