Webdesign - Elementos de um página web
7 gostaram9,133 visualizações
Um site é um conjunto de páginas da web acessíveis pela internet sobre um tópico específico. As principais partes de um site incluem a página inicial, cabeçalho, rodapé, menu de navegação, conteúdo e links administrativos. Um bom site deve ter uma estrutura lógica e intuitiva para fornecer informações relevantes e uma boa experiência de usuário.
Webdesign - Elementos de um página web
- 1. Elementos de um página web Definições e composição de um site
- 2. 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.
- 3. 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).
- 4. 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.
- 5. 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.
- 6. Linguagem racional Identificação da necessidade; Identificação ou geração de desejo do consumidor; Definição do conceito competitivo.
- 7. 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.
- 8. 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.
- 9. 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.
- 10. 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.
- 11. 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.
- 12. 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.
- 13. 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.
- 14. 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.
- 15. 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).
- 16. 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.
- 17. 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.
- 18. Elementos de um página web Definições e composição de um site