Webdesign - Elementos de um página web

18
Elementos de um página web Definições e composição de um site

description

Definições e composição de um site.

Transcript of Webdesign - Elementos de um página web

Page 1: Webdesign - Elementos de um página web

Elementos de um página webDefinições e composição de um site

Page 2: Webdesign - Elementos de um página web

2

Composição de Páginas webOdair Cavichioli Jr.O que é um site ?

Conjunto de hipertextos acessíveis pela internet (protocolo HTTP) dedicado a um tópico ou propósito em particular;

Escritos ou dinamicamente convertidos para HTML e acessados usando um software cliente chamado web browser ou navegador;

Uma interface gráfica composta por metáforas que possibilitam o usuário interagir com as informações;

São restritos por limites de recursos.

Page 3: Webdesign - Elementos de um página web

3

Composição de Páginas webOdair Cavichioli Jr.A origem

Desenvolvida por americanos na década de 50 para o sistema militar ARPANET para troca disponibilização de informação;

O projeto no CERN (1990), desenvolvido por Tim Berners-Lee, desenvolveu um sistema padrão, criando URL, o protocolo HTTP e a linguagem HTML. Esse sistema serviu como modelo para o World Wide Web;

Se apropria do conceito de hipertexto (recurso de suporte complementam a informação e um texto).

Page 4: Webdesign - Elementos de um página web

4

Composição de Páginas webOdair Cavichioli Jr.Estruturação

Os conceitos de estruturação da informação tem origem da mídia impressa para o segmento informativo (livros, revistas e jornais);

Um site deve ser estruturado por segmentação de informação;

Deve se apropriar de conceitos de comunicação específicos para transmitir uma mensagem de forma adequada para seu público alvo.

Page 5: Webdesign - Elementos de um página web

5

Composição de Páginas webOdair Cavichioli Jr.Linguagem emocional

Identificar o grupo emocional associado a categoria do site;

Imagem arquetípica;

Definição do estilo e espírito;

Relação entre a forma e pensamento;

Relação entre o criador e consumidor.

Page 6: Webdesign - Elementos de um página web

6

Composição de Páginas webOdair Cavichioli Jr.Linguagem racional

Identificação da necessidade;

Identificação ou geração de desejo do consumidor;

Definição do conceito competitivo.

Page 7: Webdesign - Elementos de um página web

7

Composição de Páginas webOdair Cavichioli Jr.Capa

Tem a função de apresentar o estilo (tema) do site para seu pública alvo;

Busca o decorativo e não um desenvolvimento tipológico com finalidades de legibilidade;

Utilização para públicos específicos, basicamente que apresentam tendências visuais;

Pode: Ser ilustrativa; Ser informativa; Indicar restrições; Limitar o acesso.

Page 8: Webdesign - Elementos de um página web

8

Composição de Páginas webOdair Cavichioli Jr.Página principal

É a página onde o usuário será ambientado, se familiarizando com o ambiente e conduzido a informação que procura;

Deve fornecer condições de navegação ao usuário, tanto para acessar os serviços quanto para entrar em contato;

TEM QUE SER direto, apresentando apenas o necessário para atingir sua meta.

Page 9: Webdesign - Elementos de um página web

9

Composição de Páginas webOdair Cavichioli Jr.Cabeçalho

Permite dar mais visibilidade a identidade visual da empresa ou do próprio site;

Reforça a ação de ênfase, continuidade e unidade;

Características comuns: Assinatura; Navegação; Links administrativos; Títulos e temas.

Page 10: Webdesign - Elementos de um página web

10

Composição de Páginas webOdair Cavichioli Jr.Rodapé

Além de reforçar a visibilidade da identidade visual, possibilita criar um vínculo com a origem da empresa ou do próprio site;

Características comuns: Assinatura; Dados da empresa; Complementos informação e acessibilidade.

Page 11: Webdesign - Elementos de um página web

11

Composição de Páginas webOdair Cavichioli Jr.Navegação

Deve ser segmentada por assunto ou tipo de informação, podendo apresentar vários níveis;

Pode ser linear ou não;

TEM QUE TER condições para o usuário retornar para a seção anterior ou para a página principal;

O menu não deve ser uma representação da estrutura hierárquica da empresa.

Page 12: Webdesign - Elementos de um página web

12

Composição de Páginas webOdair Cavichioli Jr.Links administrativos

Criam um canal de comunicação entre o usuário e o site;

Informações comuns: Sobre o site (ou a empresa); Acesso restrito; Contato; Atendimento (dúvidas); Endereço físico; Mapa do site; Parceiros; Credenciais.

Page 13: Webdesign - Elementos de um página web

13

Composição de Páginas webOdair Cavichioli Jr.Conteúdo

Material que será exibido ao público pelo site;

Deve ser segmentado de acordo com o tipo da natureza da informação, sendo apresentado de forma específica;

TEM QUE SER direto, lógico e intuitivo.

Organize a arquitetura das informações: Divida o conteúdo em unidades lógicas; Relacione uma hierarquia de importância; Verifique o padrão funcional e estético do site.

Page 14: Webdesign - Elementos de um página web

14

Composição de Páginas webOdair Cavichioli Jr.Documentos eletrônicos

Toda informação disponível na internet é um documento pontual e, perante a lei, pode ser utilizado como evidência;

Para garantir a veracidade do conteúdo, devem ser fornecidas as seguintes informações:

Endereço do site; Origem da informação (menu de navegação); Autor da informação; Data da publicação; Condições para emitir uma versão impressa; Condições para retornar a seção principal.

Page 15: Webdesign - Elementos de um página web

15

Composição de Páginas webOdair Cavichioli Jr.Atualizações

Permite que o usuário saiba se há novas informações no site;

Pode ser apresentado como: Lista; Blog; Notas (newletter); Feedback (RSS).

Page 16: Webdesign - Elementos de um página web

16

Composição de Páginas webOdair Cavichioli Jr.Mapa do site

Permite que o usuário tenha uma visão geral do conteúdo disponibilizado;

Deve facilitar a localização de uma informação, agrupando o conteúdo por temas;

Pode assumir a forma de um índice, sumário ou mapa mental.

Page 17: Webdesign - Elementos de um página web

17

Composição de Páginas webOdair Cavichioli Jr.Erro 404 – Arquivo não encontrado

São páginas retornadas do servidor indicando que não localizou o arquivo na URL indicada;

Um bom projeto deve prever essa situação, preparando canais para redirecionamento;

Podem conter: Explicações sobre o erro; Sugestão para alternativas; Acesso para outras páginas sobre o mesmo assunto; Recurso de busca por palavra-chave; Canal de contato; Canal para retornar ao menu principal.

Page 18: Webdesign - Elementos de um página web

Elementos de um página webDefinições e composição de um site