Usabilidade na Web: “Homepage Usability”

Apresentação em tema: "Usabilidade na Web: “Homepage Usability”"— Transcrição da apresentação:

1 Usabilidade na Web: “Homepage Usability”
Interação Homem-Computador 24/03/04

2 Material Didático O conteúdo destes slides foi retirado parcialmente de HomePage Usability, Jakob Nielsen & Marie Tahir, New Riders, 2002. Jakob Nielsen on Usability and WebDesign

3 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
1. Enfatize o que seu site oferece que é útil para o usuário e como seus serviços diferem dos concorrentes Grau de consideração: 27% Websites são muito ruins na apresentação do que eles oferecem aos usuários. Em vez disso eles destacam Informações pouco relevantes para clientes com “frases publicitárias”; Lembre-se: quando os usuários têm alguma necessidade, eles normalmente interrogram mecanismos de busca e passam apenas alguns segundos sobre os sites de resultado.

4 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
2. Use um layout móvel, que permite usuários ajustar o tamanho da página Grau de consideração: 28% Usuários diferentes usam diferentes tamanhos de monitores. Pessoas com grandes monitores gostam de redesenhar browsers para ver várias janelas simultaneamente. 800 pixels pode ser muito para alguns e pouco para outros.

5 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
3. Usar cor para diferenciar links visitados e não visitados Grau de consideração: 33% Saber onde você foi é um dos princípios básicos que nevegação deve suportar. (Os outros dois são: “Onde eu estou?" and “Para onde eu vou?"); É conhecido que somente 1/3 das homepages contam aos usuários o que eles já visitaram. Habilitar nos browsers diferentes cores em links visitados. Testes mostraram que esta deficiência é particularmente prejudicial para idosos ou pessoas com fraco poder de concentração.

6 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
4. Utilise gráficos para mostrar o conteúdo real e não apenas para decorar o site Grau consideração: 35% Por exemplo, use fotos de pessoas que têm uma conexão óbvia com o conteúdo da página no lugar de usar modelos de fotos ou fotos genéricas de galerias. Pessoas são naturalmente atraídos por figuras; figuras gratuitas podem distrair usuários do interesse central; Usuários não acreditam que o seu produto vai fazê-lo feliz apenas porque há uma bela mulher na página, melhor mostrar o que vc tem realmente a oferecer.

7 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
5. Inclua uma linha que sumariza explicitamente o que o site ou a empresa faz Grau de consideração: 36% Informação do tipo “about us” é normalmente suficiente para fazer com que os usuários se interessem sobre o site; Alguns slogans não contam nada sobre o que o site contém. Por exemplo: Site de educação: “A arte do saber”; Sugestão: coloque o slogan inútil em um banner gráfico próximo ao logo do site, onde ele será ignorado. Então coloque uma frase realmente útil na área de conteúdo onde pessoas poderão vê-la.

8 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
6. Torne fácil de acessar os elementos acessados recentemente na página Grau de consideração: 37% Usuários normalmente se lembram de quando eles passaram por alguma informação interessante mas nunca se lembram de como chegar até ela novamente. Então o site deve oferecer links para essas informações.

9 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
7. Inclua uma descrição curta do site no título da janela Grau de consideração: 39% Isto é importante principalmente para visibilidade em mecanismos de busca, mas porquê não utlizar esta característica em sites convencionais?

10 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
8. Não use um label para etiquetar uma área de busca; em vez disso, use um botão “Pesquisa” ao lado direito da caixa de texto Grau de consideração: 40% Este é um pequeno detalhe mas não há razão para utilizar uma sentença quando um botão “Busca” ou “Pesquisa” elimina toda ambiguidade possívelmente introduzida. Elementos extra distraem os usuários dos pontos importantes e reduzem a capacidade de entender a interface.

11 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
9. Para sites de informações financeiras: Mostrar o valor ganho e perdido das ações e o percentual envolvido nessas variações Grau de consideração: 40% O princípio consiste em ajudar o usuário a entender a real magnitude da variação e sua real importância. (O mesmo princípio pode ser utilizado em outras estatísticas que mudam com o tempo) Um aumento na ação de R$ 0,75 pode significar coisas muito diferentes se o preço inicial era R$ 8,00 (uma variação de 9%) ou R$ 60,00 (um ganho modesto de 1%).

12 As 10 Regras de Desenho de Homepages de Nielsen (que são mais violadas)
10. Não inclua um link ativo na página para ela mesma Grau de consideração: 41% Se a página deve ser atualizada, utilize um botão de ação, pois esta ação não leva a uma outra localização Link ativo para a página corrente pode causar pelo menos 2 problemas: Usuários terão dúvidas sobre qual página eles estão; Pior, eles se confundirão com a nova página que foi carregada, principalmente se o focus volta para o topo da página; Desabilitar "home" na página inicial do site!!!

13 Estatísticas de Desenho de HomePages

14 Estatísticas de Desenho de HomePages

15 Estatísticas de Desenho de HomePages

16 Estatísticas de Desenho de HomePages

17 Estatísticas de Desenho de HomePages

18 Estatísticas de Desenho de HomePages

19 Estatísticas de Desenho de HomePages

20 Estatísticas de Desenho de HomePages

21 Estatísticas de Desenho de HomePages

22 Regras Recomendadas

23 Regras Recomendadas

24 Exercícios Escolha um site comercial e verifique a média de recomendação obtida com este site em relação aos 40 itens de recomendação vistos anteriormente