domingo, julho 22, 2007

Critérios para a Construção de Sites

A seguir estão alguns critérios para a construção de sites, apenas a título exemplificativo. Auxiliam o utilizador na observação, leitura e navegação de um site.
Design - Frame lateral esquerda sempre presente de modo que o utilizador não se sinta perdido e possa em qualquer momento alterar a sua navegação;

- Separadores apenas quando oportuno;

- Setas apenas quando necessário e iguais;

- Cores com ténues diferenças entre o menu esquerdo e as pages do lado direito da frame;

- Música apenas com duas repetições para não maçar o utilizador e colocada na page esquerda do frame para que possa ser ouvida até ao fim, mesmo que o utilizador esteja altere a página da direita;

- Fazer os seus desenhos ou adaptar os de outros.

Estrutura - o número de pastas deve variar entre 3 e 9, com nomes sugestivos, curtos, sem acentos, sublinhados, hifens ou números.

- O nome das pastas e ficheiros deve ser fácil de dizer e memorizar.

- Cada page está ligada com a principal (frame index.htm);

- O utilizador deve poder realizar uma navegação por varrimento ou por sondagem, devido à existência do menu sempre presente;

- O grafo das ligações entre as pages (nós) é do tipo rede, porque cada page (nó) tem sempre uma forma de entrar e uma saída (pelo menos para a frame index.htm);

- O esquema do conteúdo envolve poucos assuntos, podendo ser considerada uma estrutura do tipo árvore.

Cores - Fundos em tons claros (branco de preferência);

- Letras em tons escuros e contrastantes com o fundo (preto, de preferência) ;

- Logotipo em cada page com uma cor que realce em relacção à cor do fundo, incluindo um link para a Homepage;

- Título em cada page, em tom contrastante com a do fundo e a do restante texto.

Textos - Em fonte Verdana (com a alternativa Arial ou Courrier) porque não têm serifa, o que facilita a leitura;

- Os títulos podem ser em Times ou outro tipo de letra mais desenhada (com ou sem serifa);

- Os textos nunca são sublinhados para que o utilizador não confunda com uma hiperligação.

Ligações - Ligações dentro da mesma page apenas quando necessário. é preferível fazer um menu para várias pages. No caso da page ser destinada a imprimir, devem haver separadores entre os diferentes textos;

- As hiperligações para o exterior do site fazem abrir uma nova janela, de modo que o utilizador não o perca ;

- As ligações no frame esquerdo, bem como uma qualquer ligação em outra page, abrem sempre um ficheiro htm do lado direito (main) do frame, de modo a manter o menu de opções no lado esquerdo;

- Algumas imagens têm uma hiperligação, quando se refere a outra page, sendo acompanhadas por legendas.

- Cada links deve ser acompanhado com um pequenissimo texto ou sugestões que apresente a page de destino;

Imagens - Imagens guardadas no formato gif ou jpg para que sejam mais "leves" e permitir uma rápida abertura da page onde se insere;

- Se a imagem é relevante, colocar um texto alternativo que aparecerá quando o rato está sobre ela;

- Selecção da imagem adequada ao contexto, sem informação irrelevante nem supérflua;

- Uma imagem que apoia um texto (método aconselhável para ajudar a compreensão do texto) deve aparecer intercalada por texto ou do seu lado direito, para que o utilizador comece por ler o texto.

Interface [O interface envolve os outros tópicos]

- Cada page tem uma legenda diferente, de acordo com o tema, que aparece na margem superior do explorador da Interne (em html diz-se Title)t;

- Cada page não deve ultrapassar os 70 Kb, para que apareça rapidamente ao utilizador;

- Não esconder o endereço de uma hiperligação que aparece em rodapé, sempre o rato está sobre ela;

- utilização de tabelas:
>> para inserir uma imagem ao lado de um texto
>> para catalogar informação em texto
>> para ordenar imagens
>> para obrigar o conteúdo de uma página a aparecer em apenas uma dada posição (p.e. 80% centrada)
>> aparecer os limites (traços) da tabela apenas quando úteis (e de preferência na horizontal).

Outros - O site pode ter um formulário para que os utilizadores possam:
>> enviar uma mensagem ao autor do site
>> escrever algumas opiniões sobre um tema pré-definido
>> responder a um questionário sobre um tema;

- O site pode ter um fórum com um tema pertinente para o assunto do site;

- O site deve ter um pesquisador interno (grátis em www.freefind.com) para facilitar a pesquisa, caso o site fique muito grande, a inserir na na primeira page;

- A page do lado esquerdo do frame, ou shared border (o menu) deve estar totalmente observável, evitando assim que tenha barra de deslocação vertical;

- A page de apresentação na homepage, do lado direito do frame (a primeira a aparecer), deve estar 90% observável. Deslocando para baixo a barra de navegação vê-se informações complementares, tais como o contador ou a data;

- O site deverá ter um contador na page principal e eventualmente em outras pages para informar o webmaster e os utilizadores da frequência e quantidade de utilizadores a observaram

- Inserir uma data de produção em cada page de modo a servir de indicador sobre a actualidade da informação nela contida;

- um site deve indicar o responsável e/ou o autor, com pelo menos um contacto (email obrigatório);

- cada page deve ter as referências: título, e-mail e nome do autor, data de construção e de actualização, o próprio endereço URL.

Retirado de: http://www.prof2000.pt/users/folhalcino/tec_educ/site_do/criterio.htm

Sem comentários: