USABILIDADE NA WEB : Projetando Websites com Qualidade

(1)

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

(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

5. Buscar

(5)

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)

(7)

SUMÁRIO

1. Introdução

3. Revendo as descobertas iniciais de usabilidade na Web

4. Priorizando seus problemas de usabilidade 5. Buscar

(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

(9)

SUMÁRIO

1. Introdução

3. Revendo as descobertas iniciais de usabilidade na Web

4. Priorizando seus problemas de usabilidade

5. Buscar

(10)

4. Priorizando seus problemas de usabilidade

Problemas de usabilidade ponderados pelas suas classificações de gravidade.

(11)

SUMÁRIO

1. Introdução

5. Buscar

9. Fornecendo boas informações sobre produtos

10. Apresentando elementos da página

(12)

“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)

(18)

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

5. Buscar

9. Fornecendo boas informações sobre produtos

10. Apresentando elementos da página

(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

5. Buscar

11. Equilibrando tecnologia com as necessidades das pessoas

(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)

(24)

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

(25)