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. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Introduo 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. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Introduo 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

2. A experincia do usurio na Web

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. 2. 4. 5. 6. 7. 8. 9. 10. 11. 12. Introduo A experincia do usurio 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

3. Revendo as descobertas iniciais de usabilidade na Web

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. 2. 3. 4. 5. 6. 7. 8. Introduo 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. 2. 3. 4. 5. 6. 7. 8. 9. Introduo 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. 2. 3. 4. 5. 6. 7. 8. 9. 10. Introduo 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