UFSM - Universidade Federal de Santa Maria CAFW - Colgio Agrcola de Frederico Westphalen

Prof. Elisa Maria Pivetta Interao Humano-Computador

DIRETRIZES DE USABILIDADE PARA A CONSTRUO DE HOMEPAGES

Por Jacob Nielsen
Informando o objetivo do site
1. Exibir o nome da empresa e/ou logotipo, em um tamanho razovel e em um local de destaque. 2. Incluir um slogan resumindo explicitamente o que o site ou a empresa faz. 3. Enfatizar o que o site faz de importante sob a perspectiva dos usurios, assim como a diferena entre seu site e os dos principais concorrentes. 4. Enfatizar as tarefas de mais alta prioridade, para que os usurios tenham um ponto de partida definido na homepage. 5. Designar explicitamente uma pgina do site como a homepage oficial. 6. No website da empresa principal, no usar a palavra "website" para se referir a qualquer outro aspecto, exceto totalidade da presena da empresa na web. 7. Estruturar a homepage de modo diferente de todas as outras pginas existentes no site.

Transmitindo informaes sobre sua empresa

8. Agrupar informaes da empresa, como "Sobre Ns", "Relaes com Investidores", "Sala de Imprensa", "Empregos" e outras informaes sobre a empresa, em uma nica rea reservada. 9. Incluir um link da homepage para uma seo "Sobre Ns", que oferece aos usurios uma viso geral sobre a empresa e links para todos os detalhes relevantes sobre seus produtos, servios, valores da empresa, proposta de negcios, equipe de gerenciamento e outros pormenores. 10. Para obter cobertura da imprensa para sua empresa, incluir um link "Sala de Imprensa" (Press Room) ou "Notcias" em sua homepage. 11. Apresentar uma face unificada ao cliente, em que o website seja um dos pontos de toque em vez de uma entidade em si. 12. Incluir um link "Fale Conosco" na homepage, que acessa uma pgina com todas as informaes de contato de sua empresa. 13. Ao fornecer um mecanismo de resposta, especificar o objetivo do link e se ser lido pelo atendimento ao cliente ou pelo webmaster, e outras informaes pertinentes. 14. No incluir informaes internas da empresa (destinadas aos funcionrios e que devem permanecer na intranet) no website pblico. 15. Se o siste reunir informaes de qualquer cliente, recomendvel incluir um link "Poltica de Privacidade" na homepage. 16. Explicar como o website gera dinheiro se essa informao no estiver muito clara.

Criao do contedo
17. Usar sees e categorias de rtulo, usando a linguagem do cliente, de acordo com a importncia dessas sees e categorias para o cliente e no para a empresas. 18. Evitar contedo redundante. 19. No utilizar frases eruditas nem dialeto de marketing que fazem com que as pessoas tenham um trabalho para descobrir o que est sendo dito.

20. Empregar letras maisculas e outros padres e estilo com consistncia. 21. No rotular uma rea nitidamente definida da pgina se o contedo for suficientemente auto-explicativo. 22. Evitar as categorias e as listas de marcadores de um nico item. 23. Utilizar espaos no-separveis entre as palavras nas frases, que precisam permanecer juntas para serem vistas e entendidas. 24. Usar somente o discurso imperativo, como em "Insira uma Cidade ou CEP" nas tarefas obrigatrias, ou qualificar a declarao adequadamente. 25. Explicar o significado de abreviaes, iniciais maisculas, acrnimos e segu-los imediatamente com as abreviaes na primeira ocorrncia. 26. Evitar pontos de exclamao. 27. Empregar raramente todas as letras maisculas e nunca como um estilo de formatao. 28. Evitar usar inadequadamente espaos e pontuao para dar nfase.

Revelando o contedo por meio de exemplos

29. Usar exemplos para revelar o contedo do site, em vez de apenas descrev-lo. 30. Para cada exemplo, disponibilizar um link para acessar diretamente a pgina detalhada desse exemplo, em vez de saltar para uma pgina de categoria geral a que o item pertence. 31. Inserir um link para uma categoria mais abrangente, ao lado do exemplo especfico. 32. Indicar claramente quais links conduzem a informaes de acompanhamento sobre cada exemplo e quais links direcionam para informaes gerais sobre a categoria como um todo.

Arquivos e acesso ao contedo anterior

33. Facilitar o acesso aos itens apresentados recentemente na homepage, como nas duas ltimas semanas ou no ms anterior, fornecendo um lista das ltimas apresentaes e inserindo itens recentes em arquivos permanentes.

Links
34. Diferenciar links e torn-los fceis de serem visualizados. 35. No usar instrues genricas, como "clique aqui", como um nome de link. 36. No usar links genricos como "Mais...", no final de uma lista de itens. Mais o que? Informe por exemplo: "Mais fico cientfica. 37. Permitir links coloridos para indicar os estados visitados e no visitados. 38. No usar a palavra "Links" para indicar links existentes na pgina. Indicar a presena de links com sublinhado e cor azul. 39. Se um link fizer algo diferente do que ir para outra pgina da web, como carregar um arquivo PDF, ou utilizar udio ou vdeo, aplicativos de mensagem de e-mail ou qualquer outra coisa, certificar-se de que o link indique explicitamente o que acontecer.

Navegao
40. Alocar a rea de navegao principal em um local bastante destacado, de preferncia imediatamente ao lado do corpo principal da pgina. 41. Agrupar itens na rea de navegao, de modo que os itens semelhantes fiquem prximos entre si. 42. No disponibilizar diversas reas de navegao para o mesmo tipo de links. No inclua muitas reas para categorias nem diversas reas para notcias.

43. No incluir um link ativo para a homepage na homepage. 44. No inventar termos para as opes de navegao de categorias. As categorias devem ser diferenciveis entre si. Se os usurios no entenderem sua terminologia inventada, no conseguiro distinguir as categorias. 45. Se existir um recurso de carrinho de compras em seu site, incluir um link oara esse recurso na homepage. 46. Usar cones na navegao somente se ajudarem aos usurios a reconhecer imediatamente uma classe de itens, como novos itens, itens em liquidao etc.

Pesquisa
47. Disponibilizar para os usurios uma caixa de entrada na homepage para inserir consultas de pesquisa, em vez de oferecer apenas um link para uma pgina de pesquisa. 48. As caixas de entrada devem ser suficientemente grandes para os usurios verem e editarem consultas padro no site. No mnimo 25 caracteres. 49. No rotular a rea de pesquisa com um ttulo, em vez disso usar um boto "Buscar" ou "Pesquisar", a direita da caixa. 50. A menos que as pesquisas avanadas sejam regra geral em seu site, fornea pesquisa simples na homepage, com um link para acessar a pesquisa avanada ou dicas de pesquisa, se existirem. 51. A pesquisa na homepage deve pesquisar o site inteiro, por padro. 52. No oferecer um recurso para "pesquisar na web", na funo de pesquisa do site.

Ferramentas e atalhos para tarefas

53. Oferecer aos usurios acesso direto as tarefas de alta prioridade na homepage. 54. No incluir ferramentas que no estejam relacionadas com as tarefas que os usurios costumam fazer no site. 55. No oferecer ferramentas que reproduzem funes do navegador, como definir uma pgina como pgina inicial padro do navegador ou marcar um site.

Grficos e animao
56. Usar grficos para apresentar o contedo real, no somente para decorar a homepage. 57. Rotular grficos e fotos se os respectivos significados no estiverem claros no contexto da histria que complementam. 58. Editar fotos e diagramas adequadamente, segundo o tamanho de exibio. 59. Evitar grficos de marca d'gua (imagens de plano de fundo com texto sobreposto). 60. No usar a animao para o nico propsito de chamar a ateno para um item na homepage. Raramente, a animao tem um local na pgina porque distrai a ateno voltada para outros elementos. 61. Jamais animar elementos crticos da pgina, como logotipo, slogan ou ttulo principal. 62. Permitir que os usurios decidam se desejam ver uma introduo animada de seu site, no deixar a opo de animao predefinida.

Projeto grfico
63. Limitar os estilos de fonte e outros atributos de formatao de texto, como tamanhos, cores etc, na pgina, porque o texto com design muito pesado pode se desviar do significado das palavras. 64. Usar texto com muito contraste e cores de plano de fundo, para que os caracteres fiquem o mais legvel possvel. 65. Evitar a rolagem horizontal a 800 x 600.

66. Os elementos mais crticos da pgina devem estar visveis "acima da dobra" (na primeira tela de contedo, sem rola), no tamanho de janela 800 x 600. 67. Usar uma disposio dos elementos na pgina fluda para permitir o ajuste do tamanho da homepage a diversas resolues de tela. 68. Usar logotipos criteriosamente

Componentes da interface com o usurio

69. Nunca utilize componentes da interface como parte da tela em que as pessoas no devem clicar. 70. Evitar utilizar diversas caixas de entrada de texto na homepage, principalemnte na parte superior da pgina em que as pessoas geralmente procuram o recurso de pesquisa. 71. Usar raramente menus suspensos, principalmente se os itens neles contidos no forem auto-explicativos.

Ttulos de janela
72. Inicar o ttulo da janela com a palavra que resume a informao (geralmente o nome da empresa). 73. No incluir o nome de domnio de nvel superior, como ".com" no ttulo da janela, a menos que faa realmente parte do nome da empresa, como em "Amazon.com". 74. No incluir a palavra "homepage" no ttulo. uma verbosidade sem importncia. 75. Incluir uma descrio resumida do site no ttulo da janela. 76. Limitar os ttulos das janelas a no mais do que sete ou oito palavras e a menos de 64 caracteres.

URL (Universal Resource Location)

77. As homepages para websites comerciais devem ter o URL http://www.empresa.com (ou o equivalente em seu pas ou no domnio de nvel superior no comercial). 78. Para qualquer website que tenha uma identidade conectada a um pas especfico, use o domnio de nvel superior desse pas. 79. Se disponvel, registrar os nomes de domnio com grafias alternativas, abreviaes ou erros comuns do nome do site. 80. Se existirem grafias alternativas de nomes de domnio, selecionar uma delas como a verso autorizada e redirecionar os usurios para essa verso a partir de todas as demais grafias.

Notcias e comunicados imprensa

81. Os ttulos devem ser sucintos mas descritivos, para transmitir o mximo de informaes com um mnimo de palavras possvel. 82. Escrever e editar sinopses especficas de comunicados imprensa e das novas histrias apresentadas na homepage. "Dormir mais e passar o tempo com entes queridos so duas das cinco maneiras pelas quais voc pode aumentar seu tempo de vida em cinco anos, afirma o cirurgio geral Satcher" mais intrigante e informativo do que "Cirurgio geral descreve como as pessoas podem aumentar seu tempo de vida. 83. Vincular o ttulo, e no a sinopse, a histria completa da notcia. 84. Desde que todas as novas histrias da homepage tenham ocorrido dentro da semana, no h necessidade de listar a data e hora na sinopse de cada histria, a no ser que seja realmente um item do noticirio de ltima hora, que tem atualizaes freqentes.

Janelas pop-up e pginas intermedirias

85. Conduzir os usurios "verdadeira" homepage quando digitarem o URL principal ou clicarem em um link para seu site. 86. Evitar janelas pop-up.

87. No usar pginas de roteamento para os usurios selecionarem as respectivas localizaes geogrficas, a no ser que existam verses de seu site em diversos idiomas.

Publicidade
88. Manter os anncios de empresas externas nas bordas da pgina. 89. Manter os anncios externos (anncios de empresas diferentes das suas) pequenos e o mais discretos possvel em relao ao contedo central da homepage. 90. Se voc posiciona anncios fora da rea de banner (faixa) padro, no incio da pgina, rotule-os como publicidade, para que os usurios no os confundam com o contedo de seu site. 91. Evitar usar convenes para anncios para acomodar recursos regulares do site.

Boas-vindas
92. No d boas-vindas aos usurios no site. Antes que voc renuncie ao patrimnio da homepage principal e a utilize para dar saudaes, experimente us-la para um slogan.

Comunicando problemas tcnicos e tratando de emergncias

93. Se o website ficar paralisado ou partes importantes do website no estiverem funcionando, informar isso claramente na homepage. 94. Ter um plano para lidar com o contedo crtico do website, para o caso de uma emergncia.

Crditos
95. No desperdiar espao com crditos relacionados ao mecanismo de pesquisa, empresa de design, empresa do navegador favorito ou com a tecnologia usada por trs dos bastidores. 96. Limitar a exibio dos prmios recebidos por seu website.

Recarregamento e atualizao de pgina

97. No atualizar automaticamente a homepage para acionar atualizaes para os usurios. 98. Ao fazer uma atualizao, atualizar somente o contedo realmente modificado, como as atualizaes de notcias.

Personalizao
99. Se sua homepage tiver reas que fornecero informaes personalizadas assim que voc souber algo sobre o usurio, no disponibilize uma verso genrica do contedo para os novos usurios - crie um contedo diferente para esse espao. 100. No disponibilizar para os usurios recursos para personalizar a aparncia bsica da interface com o usurio da homepage.

Obtendo dados do cliente

101. No fornecer links para registro na homepage. Em vez disso, explique (ou, pelo menos, faa uma associao) as vantagens do registro para o cliente. 102. Explicar para os usurios os benefcios e a freqncia de publicao, antes de solicitar seus endereos de e-mail.

Favorecendo uma comunidade

103. Se existir suporte para comunidades de usurios com bate-papo (chat) ou outros recursos para discusso, no apresentar links genricos para esses recursos. 104. No oferecer uma entrada em "Livro de Visitantes" para sites comerciais.

Data e horas
105. Mostrar datas e horas somente para informaes relacionadas ao tempo, como itens de notcias, bate-papos ao vivo, cotaes de aes e outros itens. 106. Mostrar aos usurios a hora da ltima atualizao de contedo, no a hora atual gerada pelo computador. 107. Incluir o fuso horrio utilizado, sempre que fizer referncia a uma hora. 108. Usar abreviaes padro, como p.m. ou P.M. Ou melhor ainda, utilizar o padro 24 horas, sem nenhuma abreviao. 109. Usar o nome do ms inteiro ou abreviaes, mas no nmeros. Em alguns casos, pode ser interessante usar o padro ano/ms/dia.

Cotao de aes e exibio de nmeros

110. Fornecer a porcentagem de mudana, no apenas os pontos ganhos ou perdidos em cotaes de aes. 111. Explicar as abreviaes das aes, a no ser que a abreviao seja totalmente explcita, como "IBM". 112. Usar um separador de milhares adequado sua localidade, para os nmeros com cinco ou mais dgitos 113. Alinhar os pontos decimais ao exibir colunas de nmeros.