usabilidade na web : projetando websites com qualidade

25
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

Upload: others

Post on 11-Feb-2022

4 views

Category:

Documents


3 download

TRANSCRIPT

Usabilidade na Web – Jakob Nielsen & Hoa Loranger

USABILIDADE NA WEB : Projetando Websites com Qualidade

Jakob NielsenHoa 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 : 2006A 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 Web3. Revendo as descobertas iniciais de usabilidade na Web4. Priorizando seus problemas de usabilidade5. Buscar 6. Navegação e arquitetura de informação7. Tipografia: Leitura & Legibilidade8. Redigindo para a Web9. Fornecendo boas informações sobre produtos10. Apresentando elementos da página11. Equilibrando tecnologia com as necessidades das pessoas12. Reflexões finais

Usabilidade na Web – Jakob Nielsen & Hoa Loranger

SUMÁRIO

1. Introdução

2. A experiência do usuário na Web3. Revendo as descobertas iniciais de usabilidade na Web4. Priorizando seus problemas de usabilidade5. Buscar 6. Navegação e arquitetura de informação7. Tipografia: Leitura & Legibilidade8. Redigindo para a Web9. Fornecendo boas informações sobre produtos10. Apresentando elementos da página11. Equilibrando tecnologia com as necessidades das pessoas12. 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 Web66% dos usuários completaram as tarefas com sucessoAs falhas ocorrem quando as pessoas utilizam novos sitesComo 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 Web4. Priorizando seus problemas de usabilidade5. Buscar 6. Navegação e arquitetura de informação7. Tipografia: Leitura & Legibilidade8. Redigindo para a Web9. Fornecendo boas informações sobre produtos10. Apresentando elementos da página11. Equilibrando tecnologia com as necessidades das pessoas12. 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 Web3. Revendo as descobertas iniciais de usabilidade na Web

4. Priorizando seus problemas de usabilidade5. Buscar 6. Navegação e arquitetura de informação7. Tipografia: Leitura & Legibilidade8. Redigindo para a Web9. Fornecendo boas informações sobre produtos10. Apresentando elementos da página11. Equilibrando tecnologia com as necessidades das pessoas12. 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 Web3. Revendo as descobertas iniciais de usabilidade na Web4. Priorizando seus problemas de usabilidade5. Buscar 6. Navegação e arquitetura de informação7. Tipografia: Leitura & Legibilidade8. Redigindo para a Web

9. Fornecendo boas informações sobre produtos10. Apresentando elementos da página11. Equilibrando tecnologia com as necessidades das pessoas12. 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 dinheiroAs 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 clienteAs 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 produtosEm 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 produtosA 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

Usabilidade na Web – Jakob Nielsen & Hoa Loranger

SUMÁRIO

1. Introdução

2. A experiência do usuário na Web3. Revendo as descobertas iniciais de usabilidade na Web4. Priorizando seus problemas de usabilidade5. Buscar 6. Navegação e arquitetura de informação7. Tipografia: Leitura & Legibilidade8. Redigindo para a Web9. Fornecendo boas informações sobre produtos

10. Apresentando elementos da página11. Equilibrando tecnologia com as necessidades das pessoas12. 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 passoAgrupe itens semelhantesFormatação de formuláriosSatisfaça as expectativas dos seus usuáriosUtilizando espaços em branco

Usabilidade na Web – Jakob Nielsen & Hoa Loranger

SUMÁRIO

1. Introdução

2. A experiência do usuário na Web3. Revendo as descobertas iniciais de usabilidade na Web4. Priorizando seus problemas de usabilidade5. Buscar 6. Navegação e arquitetura de informação7. Tipografia: Leitura & Legibilidade8. Redigindo para a Web9. Fornecendo boas informações sobre produtos10. Apresentando elementos da página

11. Equilibrando tecnologia com as necessidades das pessoas12. 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úblicoAcomode usuários que não usam tecnologia recente – forneça

acessibilidade alternativa.Projete para a velocidade de conexão de seu públicoForneça um indicador de status de download simples e exatoSubestime o conhecimento técnico dos usuáriosObedeça às convenções de interfaceEvite excessos de multimídiaReserve 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