USABILIDADE NA WEB : Projetando Websites com Qualidade

Transcrição

1 Universidade Federal de Santa Catarina Programa de Pós-Graduação em Eng. e Gestão do Conhecimento USABILIDADE NA WEB : Projetando Websites com Qualidade Jakob Nielsen Hoa Loranger Rafael Tezza

2 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.

3 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

4 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

5 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

6 2. A experiência do usuário na Web Regiões da página em que os usuários mais clicam:

7 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

8 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.

9 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

10 4. Priorizando seus problemas de usabilidade Problemas de usabilidade ponderados pelas suas classificações de gravidade.

11 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

12 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.

13 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.

14 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.

15 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.

16 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.

17 9. Fornecendo boas informações sobre produtos

18 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

19 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

20 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

21 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

22 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

23 11. Equilibrando tecnologia com as necessidades das pessoas

24 Pratique a simplicidade 11. Equilibrando tecnologia com as necessidades das pessoas 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.

25 11. Equilibrando tecnologia com as necessidades das pessoas