Autor: Living and Learning  | Publicado: 2013-04-28T21:35:00-03:00





&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;Projeto de sites. Como elaborar um projeto de web site?&nbsp;


&nbsp; &nbsp; &nbsp; &nbsp;Um pequeno roteiro para um projeto.

&nbsp; &nbsp; &nbsp; &nbsp;Projeto de sites é o planejamento necessário para a elaboração de um web site qualquer.
&nbsp; &nbsp; &nbsp; &nbsp;Para responder a pergunta: como elaborar um projeto de web site, temos que analisar
&nbsp; &nbsp; &nbsp; &nbsp;inúmeros fatores, mas de uma forma geral, o projeto de sites precisa levar em conta os
&nbsp; &nbsp; &nbsp; seguintes itens:

&nbsp; &nbsp; &nbsp; &nbsp;Hospedagem. Onde o site será hospedado e todas as características do host.Domínio.
&nbsp; &nbsp; &nbsp; Envolve a escolha do nome do site e o seu registro junto aos órgãos competentes.

&nbsp; &nbsp; &nbsp; Web Marketing. Toda a estratégia em torno da promoção do site e a conseqüente venda
&nbsp; &nbsp; &nbsp; dos produtos ou serviços nele oferecidos.

&nbsp; &nbsp; &nbsp; &nbsp;Web analytics. Diz respeito a mensuração ou a análise das estatísticas do site. Em um
&nbsp; &nbsp; &nbsp; &nbsp;sentido mais amplo, pode significar também, como usar os dados obtidos.

&nbsp; &nbsp; &nbsp; &nbsp;Tecnologia de programação. Que tecnologia será usada. ASP.NET, PHP, XML,
&nbsp; &nbsp; &nbsp; &nbsp; XHTML/CSS, etc.

&nbsp; &nbsp; &nbsp; &nbsp; Arquitetura da informação. Como será a estrutura do site. Aqui podemos incluir diversos
&nbsp; &nbsp; &nbsp; &nbsp; recursos, como:

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Sistema de busca interno
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Menu de navegação
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Página de contato
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Home do site
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Formulário de cadastro
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Página de impressão
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Enquetes e pesquisas
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Mapa de localização
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Mapa do site

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Wireframe e layout. Como será a apresentação do site. Considere: Topo do site,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;rodapé, tipologia, cores, largura e altura do site, imagens, fash, animações, etc.
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Recursos adicionais. Dada a especificidade, alguns recursos podem ou não estar
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;presentes em seu projeto.
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Veja alguns a considerar: &nbsp;Nuvem de tags, MediaBox, Login, Paginação, Newsletter, etc.

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Tipos de sites. Outro aspecto relevante é considerar o tipo de site que será projetado.
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Em uma definição livre, poderemos classificar os sites em: sites institucionais, portais
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;de conteúdo, blogs, &nbsp;hotsites, intranet, sistema web based, entre outros.

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Concluímos que não há um modelo pronto, é preciso fazer muita análise para entender
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; como elaborar um projeto de web site. Creio que as definições acima ajudarão a definir
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; os rumos a tomar para criar um projeto de site.

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Serifa vs &nbsp;Sans-serif (sem serifa)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;40% usam serifa
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;60% não usam fontes serifadas
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Fonte mais &nbsp;popular serifada pra título e corpo do texto Georgia

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Fonte mais &nbsp;popular não serifada pra título e corpo do texto
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Arial, seguida por Verdana e Helvética.

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Fonte mais utilizada
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Georgia, Arial e Verdana

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Tamanho da fonte pra título
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; De 18px a 20px e 24px a 26px, empatados.

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Tamanho da fonte pro corpo do texto
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 13px disparado e 14px em segundo.
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Caracteres por linha 82 a 84, seguido por 88 a 90.

&nbsp; &nbsp; &nbsp; &nbsp;Outras dicas :
&nbsp; &nbsp; &nbsp; &nbsp;46% dos sites usam underline nos links
&nbsp; &nbsp; &nbsp; &nbsp;96% dos sites não usam texto justificado

&nbsp; &nbsp; &nbsp; &nbsp;A escala tradicional de fontes é 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72
&nbsp; &nbsp; &nbsp; &nbsp;Padrões de escala em pixel.
&nbsp; &nbsp; &nbsp; &nbsp;Tamanho da fonte do título ÷ tamanho da fonte do corpo = 1.96
&nbsp; &nbsp; &nbsp; &nbsp;Altura da linha ÷ tamanho da fonte do corpo = 1.48
&nbsp; &nbsp; &nbsp; &nbsp;Tamanho da linha (pixels) ÷ Altura da linha (pixels) = 27.8
&nbsp; &nbsp; &nbsp; &nbsp;Espaço entre parágrafos (pixels) ÷ Altura da linha (pixels) = 0.754