Conceção e Desenho para WEB (2)

Como falei no ponto anterior, os utilizadores esperam que todos os sites se comportem da mesma forma. No entanto, para além disso, devemos tentar captar a atenção deles o mais rápido possível.
Para tal devemos ter em atenção o seguinte:

WEB site Design = Function + Content + Form + Organization + Interaction

De uma forma geral os utilizadores quando acessam um site procuram:

• Conteúdos de alta qualidade;
• Fácil utilização/pesquisa;
• Facilidade em efetuar um download;
• Atualizações frequentes.

Aesthetics = Graphics + Color + Style + Layout and Typography

O Layout (aspeto visual do site) deve ter equilíbrio entre estética, funcionalidade e usabilidade.

O compromisso entre estes componentes tem como objetivo, criar sites funcionais, adaptáveis aos vários dispositivos, que cumpram standart e sejam estéticos e chamativos.


Utilizar elementos destacados:

• Chamadas de atenção;
• Pontos de partida;
• Através de títulos, cabeçalhos espaços ou imagens.

Ter em atenção sinal versus ruído. Deve-se omitir elementos que os utilizadores possam ver como irritantes, ou desnecessários.

Para facilitar a leitura, tendo em conta a forma como os utilizadores lêem (procuram apenas termos chave):

• Agrupar elementos que estejam relacionados, por exemplo o alinhamento dos elementos mostra relacionamento;
• Distinguir os elementos mais importantes com cores e tamanho;
• Consideração do Above Fold1 e Bellow Fold2;
• Possibilidade de fazer pesquisa;
• Contraste;
• Espaços em branco denota limpeza, arrumação e delimita elementos;
• Tipo de letra (evitar texto com serifa);

1- Above Fold - Tudo aquilo que se vê na página sem fazer scroll(é aqui que devem estar os elementos principais e chamativos).

2 - Bellow Fold - Conteúdo que necessita de fazer scroll para ver.