Teremos nesta aula:

27 de abril de 2023Aula 1 – OBJETIVOS DO MÓDULOApostila: 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:

27 de abril de 2023Aula 2 – PROJETANDO O SITEApostila: DESENVOLVIMENTO DE SITES

1 – Definir os sites2 – Abrir, criar e salvar documentos

•ORGANIZE O SEU SITE

Construção de sitesDicas 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 sitesPlanejamento 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 sitesDicas de Navegação

Faça um projeto com todas as seções e sub-seções que pretende criar.

Culinária

Dicas de CulináriaFestivais GastronômicosReceitas

AvesMassasSobremesas

Nível 0 (home)

Nível 1

Nível 2

Construção de sitesDicas de Navegação

Utilize elementos já conhecidos (compatibilidade com o mundo real)

Construção de sitesDicas 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 sitesDicas Gerais

Tamanho da tela: os monitores de computadores são de tamanhosvariados. Critério na definição do formato do website (para 640x480 ou800x600 ou 1024x768).Ícones: utilize ícones no website se for agregar valor ao conteúdo outornar a interface mais agradável e clara.Plug-ins: evite o uso de plug-ins ou use-o com critério, senão pode serum 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 doparágrafo, fundos rebuscados (ou escuros) e títulos coloridos deixam ocarregamento da página lento e prejudicam leitura.Peso da imagem: a soma das imagens em um front-page não deveultrapassar 20K.Texto: cuidado com o tamanho do texto. Seja objetivo e sucinto semcomprometer 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 <title> • Conteúdo sem referência • Navegação complicada

• Esta página está em construção

• Erros que você deve evitar em um site