Planeamento de um Sítio da Teia Mundial  Questões iniciais no planeamento de um sítio Questões iniciais no planeamento de um sítio  Definição da informação que o sítio irá conter Definição da informação que o sítio irá conter  Esquemas hierárquicos da informação Esquemas hierárquicos da informação  Estudo da componente gráfica Estudo da componente gráfica  Usabilidade – A cor Usabilidade – A cor  Usabilidade – A estrutura da página Usabilidade – A estrutura da página  Usabilidade – O aspecto geral do sítio Usabilidade – O aspecto geral do sítio  Usabilidade – As imagens Usabilidade – As imagens Índice

Planeamento de um Sítio da Teia Mundial Para construir um sítio, devem ser feitas as seguintes perguntas com vista a enquadrar o trabalho a realizar:  Quais os objectivos do sítio?  A quem se dirige?  Que informação deve conter?  Que recursos são necessários? (programas de criação de páginas da teia, programas de tratamento de imagem, …)  Que estrutura de página é a mais adequada? (realizar um esboço ou esquema das páginas que vão integrar o sítio; organizar o sítio por secções, …) Questões iniciais

Definição da informação que o sítio irá conter Informa ção Agrupada e fornecida de uma forma consistente através de um conjunto de ligações. Esquemas hierárquicos Nem demasiado superficiais, nem demasiado profundos Plano gráfico descreve O sítio ao nível do esquema a utilizar na hierarquia A forma como se procederá a navegação no sítio Planeamento de um Sítio da Teia Mundial

Menu principal demasiado extenso Número demasiado elevado de menus, face à quantidade de documentos Estrutura de menus e documentos equilibrada Esquemas hierárquicos da informação Planeamento de um Sítio da Teia Mundial

Esquemas hierárquicos da informação Modelo em estrela Modelo em pirâmide Planeamento de um Sítio da Teia Mundial

Utilização de tabelas Estruturar a página em áreas de informação separadas Informação e objectos inseridos numa página Organizados e dispostos em locais estratégicos Facilitar a leitura das páginas e conferir uma identidade própria Esquemas hierárquicos da informação Planeamento de um Sítio da Teia Mundial Muitas vezes, os limites da tabela são invisíveis

 Conjunto de cores aplicadas nas diferentes áreas definidas na página  Títulos, subtítulos, cabeçalhos, rodapés e ligações a utilizar e respectivo posicionamento na página  Legibilidade do texto: tipo, tamanho e formatação de letra  Objectos a incorporar: imagem estática, botões,… Estudo da componente gráfica Permite fornecer a informação da forma mais agradável possível (em termos estéticos), mantendo, no entanto, a máxima funcionalidade e rapidez. Normalmente, nesta fase, cria-se um esquema da página, tendo em consideração os aspectos como os seguintes: Planeamento de um Sítio da Teia Mundial

Ligações e barras de ferramentas sempre nos mesmos locais Código de cores idêntico em todas as páginas Formatação de caracteres semelhante Estudo da componente gráfica Consistência das páginas: Planeamento de um Sítio da Teia Mundial

Fazer um estudo das diferentes cores que o sítio irá conter, começando pela cor do fundo e verificando se quer o texto, quer os diferentes elementos gráficos, se distinguem claramente. As cores devem chamar a atenção de uma forma simples para aquilo que é realmente importante e não prejudicar o destaque dos elementos relevantes. Usabilidade - A cor Planeamento de um Sítio da Teia Mundial

Uma boa definição e colocação dos cabeçalhos, rodapés, títulos e subtítulos nas diferentes páginas, aliados à utilização de tipos de letra consistentes (para estes elementos e para o corpo de texto), contribuirão para uma maior facilidade de leitura e pesquisa da informação. A utilização de tabelas irá facilitar a colocação dos diferentes elementos, contribuindo para uma maior legibilidade e adaptação às diferentes dimensões da janela do navegador que se está a utilizar. O dimensionamento correcto da página irá auxiliar o utilizador nas tarefas de impressão, em caso de necessidade. Usabilidade - A estrutura da página Planeamento de um Sítio da Teia Mundial

Procurar encontrar um equilíbrio entre o aspecto visual global e a informação que se apresenta sobre a forma de texto ou gráfica. Se inicialmente não existir um impacto visual positivo, o visitante do sítio não se sentirá motivado a entrar e a explorá-lo, observando os seus conteúdos. Esta busca de equilíbrio tem de passar também pela optimização do “peso” dos diferentes componentes multimédia, em termos de tempos de carregamento, já que muitos utilizadores estarão limitados à largura de banda e velocidade fornecidas, por exemplo, por um modem a 56 KByte/s. Usabilidade – O aspecto geral do sítio Planeamento de um Sítio da Teia Mundial

As imagens são normalmente um complemento do texto, contribuindo para ilustrar a informação contida nas páginas. Assim como deve existir grande preocupação nos conteúdos e na forma do texto que se apresenta em cada página (boa legibilidade, ausência de erros) também no capítulo das imagens deverá existir o cuidado de se optar por aquelas que aliem a qualidade ao bom desempenho, no que respeita aos tempos de carregamento das páginas. Quanto mais imagens e de mais alta qualidade uma página tiver, maior será o tempo de carregamento da página. Usabilidade – As imagens Planeamento de um Sítio da Teia Mundial