Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site

PLANEJAMENTO

ESTRUTURA

ESTRUTURA E DESIGN

FÁCIL LEITURA

OBJETIVI- DADE

OS 3 CLIQUES

Teremos nesta aula: 31 de julho de 2015 Aula 2 – PROJETANDO O SITE Apostila: DESENVOLVIMENTO DE SITES 1 – Definir os sites 2 – Abrir, criar e salvar documentos

ORGANIZE O SEU SITE

Construção de sites Dicas de preparação do conteúdo  Qual é o objetivo do site?  Que tipo de visitante deseja atrair para o site?  Por que as pessoas devem visitar o seu site?

Construção de sites Planejamento estratégico  Como todo trabalho de design, é necessária uma análise informacional, a partir de um briefing.( é um conjunto de informações, uma coleta de dados passadas em uma reunião para o desenvolvimento de um trabalho, documento ) O briefing: é uma peça fundamental para a elaboração de uma proposta de pesquisa de mercado. É um elemento chave para o planejamento de todas as etapas da pesquisa de acordo com as necessidades do cliente. Os itens que devem compor um bom briefing são: 1 ) Histórico; 2 ) O Problema de Marketing; 3 ) Objetivo(s) da Pesquisa; 4 ) Padrão de Ação; 5 ) Questões Específicas (ou Áreas de Investigação); 6 ) Público-Alvo, 7 ) Áreas Geográficas; 8 ) Materiais Anexos, 9 ) Limitações de Prazo e Custo Que tipo de visitante deseja atrair para o site?

Construção de sites Dicas de Navegação  Faça um projeto com todas as seções e sub-seções que pretende criar. Culinária Dicas de Culinária Festivais Gastronômicos Receitas Aves Massas Sobremesas Nível 0 (home) Nível 1 Nível 2

Construção de sites Dicas de Navegação  Utilize elementos já conhecidos (compatibilidade com o mundo real)

Construção de sites Dicas de Navegação  Imagine-se no lugar do usuário  Organize a navegação por ordem de importância UAI x UOL

Construção de sites  Crie uma identidade visual (consistência e padrões)  Tipologia  Posicionamento do menu  Cores  Disposição do texto  Design dos botões, tabelas, linha, imagens... Dicas de Layout e Padronização

Construção de sites Dicas Gerais Tamanho da tela: os monitores de computadores são de tamanhos variados. Critério na definição do formato do website (para 640x480 ou 800x600 ou 1024x768). Ícones: utilize ícones no website se for agregar valor ao conteúdo ou tornar a interface mais agradável e clara. Plug-ins: evite o uso de plug-ins ou use-o com critério, senão pode ser um motivo a mais para o visitante ir embora, não esqueça que ele é quem paga a conta e, portanto, não estará disposto a esperar por um longo tempo de carregamento. Fontes: fontes inadequadas para leitura, letras capitulares no inicio do parágrafo, fundos rebuscados (ou escuros) e títulos coloridos deixam o carregamento da página lento e prejudicam leitura. Peso da imagem: a soma das imagens em um front-page não deve ultrapassar 20K. Texto: cuidado com o tamanho do texto. Seja objetivo e sucinto sem comprometer a informação. Cores: explore as cores seguras para o sistema.

Animações de abertura Música no site Site sem contato Desabilitar o teclado Imagens mal tratadas Site que não funciona em qualquer navegador Não testar seus links Erros de português Falta de atualização Falta de cuidado com a tag Conteúdo sem referência Navegação complicada Esta página está em construção Erros que você deve evitar em um site