29.01.2013 Views

Anais do IHC'2001 - Departamento de Informática e Estatística - UFSC

Anais do IHC'2001 - Departamento de Informática e Estatística - UFSC

Anais do IHC'2001 - Departamento de Informática e Estatística - UFSC

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Anais</strong> <strong>do</strong> IHC’2001 - IV Workshop sobre Fatores Humanos em Sistemas Computacionais 301<br />

3. Sugestões para a Criação <strong>de</strong> Documentos na Web<br />

As sugestões para construção <strong>de</strong> páginas Web, serão reunidas em quatro categorias:<br />

Organização da Informação, Elementos Gráficos, Comunicação e Navegação e foram<br />

baseadas em NASA ([1]), Nielsen ([2] até [13]), e Shnei<strong>de</strong>rman [14]. Enfatizamos que<br />

essas po<strong>de</strong>m ser modificadas, levan<strong>do</strong>-se em conta as alterações constantes <strong>do</strong>s elementos<br />

disponíveis para a construção <strong>de</strong> Web sites, bem como a evolução <strong>do</strong>s browsers. A seguir<br />

serão apresentadas como ilustração algumas das sugestões <strong>de</strong>ntre as obtidas.<br />

3.1 Organização da Informação<br />

3.2. Ao usar frames, limite-se a 1 ou 2 divisões da página, <strong>de</strong> maneira a não retalhar a tela.<br />

4.2. Apresente as informações <strong>de</strong> forma hierárquica, com os grupos mais genéricos na página<br />

principal, crian<strong>do</strong> uma estrutura <strong>de</strong> tópicos consistente e eficiente.<br />

4.6. Separe os grupos lógicos <strong>de</strong> informações por divisores (linhas, espaços ou cores),<br />

facilitan<strong>do</strong> o entendimento.<br />

5.3. Evite o uso <strong>de</strong> barras <strong>de</strong> rolagem, experimente subdividir o assunto.<br />

6.1. Permita a visualização <strong>do</strong> site em mais <strong>de</strong> um idioma, tornan<strong>do</strong>-o acessível a usuários <strong>de</strong><br />

diferentes países.<br />

3.2. Elementos Gráficos<br />

8.2. Utilize no máximo 4 variações no tamanho das fontes, causan<strong>do</strong> uma boa visualização<br />

<strong>do</strong>s tópicos realmente importantes.<br />

10. Use inversão <strong>de</strong> cores no lugar <strong>de</strong> inversão <strong>de</strong> ví<strong>de</strong>o (reverse vi<strong>de</strong>o) quan<strong>do</strong> precisar<br />

direcionar a atenção para um certo aspecto <strong>do</strong> site.<br />

17.1. Use figuras para ilustrar seus comentários.<br />

18.1. Quan<strong>do</strong> for utilizar texturas ou panos <strong>de</strong> fun<strong>do</strong>, evite aquelas com logomarcas ou<br />

palavras, que dificultam a leitura <strong>do</strong> texto coloca<strong>do</strong> sobre elas.<br />

19.7. Se for usar banners, limite-se a um ou <strong>do</strong>is por página, para não prejudicar a navegação<br />

e o tempo <strong>de</strong> <strong>do</strong>wnload <strong>do</strong> site.<br />

3.3. Comunicação<br />

24.1 Use títulos concisos e significativos, exaltan<strong>do</strong> a boa comunicação <strong>do</strong> sistema com o<br />

usuário.<br />

28. Utilize os hints e a barra <strong>de</strong> status para informar o usuário sobre ações relevantes a tarefa<br />

em andamento, salientan<strong>do</strong> a confiança <strong>de</strong> seu site.<br />

3.4. Navegação<br />

43.3. Consi<strong>de</strong>re um pequeno link no fim da página para a visualização <strong>de</strong> informações antigas,<br />

<strong>de</strong> maneira a acomodar as preferências <strong>de</strong> usuários fiéis.<br />

43.4. Use logomarcas com links para a home page <strong>do</strong> site em todas as páginas secundárias <strong>do</strong><br />

mesmo, exceto a página inicial, prevenin<strong>do</strong> acessos <strong>de</strong>snecessários ao servi<strong>do</strong>r.<br />

46.6. Opte por permitir o <strong>do</strong>wnload (FTP) <strong>de</strong> arquivos com versões antigas <strong>do</strong> site, para que<br />

usuários possam compará-lo com as novas versões.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!