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

Usabilidade na Web:“Homepage Usability”

Interação Homem-Computador

24/03/04

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

• http://www.useit.com

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.


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


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


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


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


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


• 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?


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


• 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%).


• 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!!!

Estatísticas de Desenho de HomePages









Regras Recomendadas

Regras Recomendadas

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

Documents

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