Websites com Qualidade Jakob Nielsen Hoa Loranger Rafael Tezza Universidade Federal de Santa Catarina Programa de Ps-Graduao em Eng. e Gesto 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 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 Websitesbem ou malsucedidos. 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. Buscar 6. Navegao e arquitetura de informao 7. Tipografia: Leitura & Legibilidade 8. 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 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. Buscar 6. Navegao e arquitetura de informao 7. Tipografia: Leitura & Legibilidade 8. 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 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 (linksprofundos) - 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. Priorizando seus problemas de usabilidade 5. Buscar 6. Navegao e arquitetura de informao 7. Tipografia: Leitura & Legibilidade 8. 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 3. Revendo as descobertas iniciais de usabilidade na Web Este captulo revisa 34 dos problemas mais significativos da usabilidade. Linksque no mudam de cor quando visitados; Alterar a funo do boto Voltar; Abrir novas janelas de navegador; J anelas 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. Buscar 6. Navegao e arquitetura de informao 7. Tipografia: Leitura & Legibilidade 8. 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 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. A experincia do usurio na Web 3. Revendo as descobertas iniciais de usabilidade na Web 4. Priorizando seus problemas de usabilidade 5. Buscar 6. Navegao e arquitetura de informao 7. Tipografia: Leitura & Legibilidade 8. 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 hum produto tangvel para segurar, nem vitrines de produtos para inspecionar, nenhum vendedor ao qual pedir ajuda. Os Websitesdevem 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 jencaminha 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 linkspara 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 diferenci- los. 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. A experincia do usurio na Web 3. Revendo as descobertas iniciais de usabilidade na Web 4. Priorizando seus problemas de usabilidade 5. Buscar 6. Navegao e arquitetura de informao 7. Tipografia: Leitura & Legibilidade 8. 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 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. A experincia do usurio na Web 3. Revendo as descobertas iniciais de usabilidade na Web 4. Priorizando seus problemas de usabilidade 5. Buscar 6. Navegao e arquitetura de informao 7. Tipografia: Leitura & Legibilidade 8. 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 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 downloadsimples 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