4 de novembro de 2015
Aula 1 – OBJETIVOS DO MÓDULO
Apostila: DESENVOLVIMENTO DE SITES
Teremos nesta aula:
1 – 7 regras pra o desenvolvimento de um bom
site
PLANEJAMENTO
ESTRUTURA
ESTRUTURA E DESIGN
FÁCIL LEITURA
OBJETIVIDADE
OS 3
CLIQUES
4 de novembro de 2015
Aula 2 – PROJETANDO O SITE
Apostila: DESENVOLVIMENTO DE SITES
Teremos nesta aula:
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
Nível 0 (home)
Dicas de Culinária
Festivais Gastronômicos
Nível 1
Receitas
Aves
Massas
Sobremesas
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
Dicas de Layout e Padronização
 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...
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.
• Erros que você deve evitar em um site
•
•
•
•
•
•
•
•
•
•
•
•
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 <title>
Conteúdo sem referência
Navegação complicada
• Esta página está em construção