6 Etapas para o desenvolvimento de um site

Esse artigo uma lista de etapas que podem ser seguidas para o desenvolvimento de um site.
Ajudar quem est comeando a se organizar melhor.

Nele descreverei pontos para ajudar no relacionamento com o cliente no processo de criao
e desenvolvimento do site.

Sero descritas etapas mais especficas para o desenvolvimento de web sites, porm no se
limitam somente a este tipo de projeto.

O processo de desenvolvimento de um site pode ser enumerado nas seguintes etapas:


1. Coleta de Informaes

2. Planejamento

3. Design

4. Desenvolvimento

5. Testes e Publicao

6. Manuteno


Etapa 1: Coleta de Informaes

Nessa primeira etapa sero coletadas as informaes necessrias para o desenvolvimento do
site. Recomendo um briefing com as principais perguntas: pblico alvo, concorrentes,
preferncia de cores, material disponvel (fotos, textos, identidade visual do cliente etc),
prazo etc. Quanto mais detalhado, mais fcil ser o desenvolvimento.

Essa etapa a mais importante, pois vai dar ao cliente um maior entendimento do projeto, e
nela tambm que voc passar ao cliente qual a melhor apresentao do site: navegao,
posicionamento dos objetos, se ter ou no animao em Flash, entre outros. Lembre-se que
o cliente no sabe nada do que voc faz nem a melhor maneira, por isso que deve ser
mostrado qual a melhor soluo, dependendo do pblico alvo, contedo, quantidade de
textos e fotos.

Uma lista de coisas que devem ser consideradas:


a. Propsito: qual o propsito do site? Fornecer informaes, servios, propaganda,
vendas...?

b. Metas: Quais as expectativas em relao ao site? Fazer dinheiro ou compartilhar
informaes?

c. Pblico Alvo: Qual o grupo de pessoas que ajudaro a alcanar as metas? Qual o tipo
de pessoa que quer que visite o site? Idade, sexo, interesses so fatores importantes
no desenvolvimento de um bom design.

d. Contedo: Qual o tipo de informao para o pblico alvo? Algum assunto especfico,
um produto ou servio, algum requisito..?


Etapa 2: Planejamento

Com as informaes coletadas na primeira etapa, hora de fazer o planejamento do site.
Esse planejamento inclui a navegao do site e seu mapa.

O "mapa do site" feito com os tpicos mais importantes e seus sub-tpicos, se tiver. Ele
um ndice para um fcil entendimento da navegao do projeto.

As informaes de um site so ligadas atravs de links e um menu principal. Uma navegao
efetiva intuitiva, ou seja, a pessoa que entrar no site no precisa ficar procurando pela
informao desejada. No seria correto colocar no link de contato um cone de casinha.

Nessa etapa tambm ser decidida a tecnologia usada para o desenvolvimento: Flash, HTML,
Ajax etc, voc que dar a melhor soluo para o cliente. No recomendo o desenvolvimento
de sites com muito texto em Flash, da mesma forma que um hotsite chamaria muito mais
ateno com o uso dele.

Dica: Aps essas duas etapas recomendo que seja feito um contrato de prestao de servios,
para sua segurana e do cliente. Veja o exemplo no site da revista Web Design.

Etapa 3: Design

A primeira etapa de um design o rascunho. Com as primeiras etapas feitas voc ter a
identidade visual do cliente, as cores (geralmente as mesmas da logo), a quantidade de
informaes, textos, imagens etc. Antes de comear a desenhar uma verso no pc, mostre um
rascunho para o cliente. Dessa forma voc ter menos chance de ter que comear tudo de
novo porque ele no gostou da idia.

Com a aprovao desse rascunho passe para o pc. No final de cada layout, apresente a verso
final e deixe claro no contrato do projeto que ele no pode ficar modificando o layout. Claro
que pequenas modificaes so aceitas, por isso que mostramos essa verso, para que na hora
do recorte de layout, no seja necessrio fazer modificaes que poderiam ser feitas nessa
etapa com muito mais facilidade, evitando assim o retrabalho.

Dica:Tente deixar arquivada a evoluo do layout, pelo menos em .jpg. bom para
experincias futuras!

O feedback com o cliente nessa fase crucial para assegurar sua satisfao e para que no
haja "perda de tempo". Imagine terminar o cdigo da pgina e ter que fazer outro design? Pior
ainda se for uma apresentao no Flash. Lembre-se sempre de evitar o retrabalho.


Etapa 4: Desenvolvimento

Aps a aprovao dos layouts das pginas, hora de recortar tudo e implementar suas
funcionalidades. Agora o site comea a ser criado.

Geralmente esse desenvolvimento comea da pgina inicial indo para as internas,
principalmente por ser usado um "skin" para as outras pginas. O skin a parte do site que se
repete: navegao, topo, rodap...

No decorrer do desenvolvimento voc perceber quais as melhores maneiras de interao do
usurio com o site. Faa as modificaes adequadas, mas no coloque cdigos ou animaes
desnecessrias. Isso atrapalha muito na implementao das tcnicas SEO.

Deixe o cdigo bem identado, de fcil entendimento e use os padres atuais dos web
standards, isso ajudar na manuteno.

O mais importante nessa fase: desenvolva um site que seja bem visualizado em pelo menos
dois navegadores diferentes: Firefox e Internet Explorer. O usurio final pode acessar o site
de qualquer plataforma.

Dica:No use arquivos .js e .css dentro do mesmo cdigo das pginas, faa chamadas
externas, assim o seu cdigo no vira uma lingia e tambm no corre o risco de dar algum
problema na visualizao, sem falar que fica bem mais organizado.

Etapa 5: Testes e Publicao

Nessa fase, voc precisar da ajuda do cliente ou de algum de fora. Geralmente a pessoa
que est fazendo o trabalho no v pequenos detalhes que podem fazer grande diferena no
final. Aceite sugestes e opinies de outras pessoas, tanto algum que tambm seja
desenvolvedor, quanto uma pessoa que no entende nada de computadores.

Faa teste nos links para ver se no esto direcionando para lugares errados; verifique a
compatibilidade dos navegadores quanto visualizao (navegadores antigos so os que do
mais problemas); resoluo de tela; usabilidade (pessoas com daltonismo vo conseguir
identificar um link no site?).

Aps "defeitos concertados" e a aprovao do cliente, hora de publicar o site. Um programa
de FTP faz o upload dos arquivos para a internet, onde o site ser visualizado por qualquer
pessoa. Nessa etapa voc pode oferecer ao cliente um suporte para registro de domnio e a
escolha da melhor hospedagem caso ele no tenha.

Faa mais um teste por precauo e pea para o cliente fazer o mesmo antes da divulgao
oficial.

Etapa 6: Manuteno

Somente o desenvolvimento do site no o suficiente. Uma maneira de garantir novos
visitantes ou manter os atuais atualizando a pgina com novos produtos, servios,
informaes. Se for um cliente que precise de atualizaes constantes, faa um contrato de
manuteno. Caso ele mesmo prefira fazer isso, oferea alguma ferramenta de CMS e adapte
ao site.

Nessa etapa voc pode oferecer as tcnicas SEO. A otimizao dos elementos como ttulos,
meta tags, descrio, palavras chave entre outros, so muito importante para a posio do
site nas pginas de busca. Alm disso, o uso de ferramentas de anlises podem ser feitas para
acompanhar o desempenho do site quanto ao nmero de visitantes, se o usurio est vindo de
link direto ou se vem de alguma outra fonte. Visite o site Mestre SEO para algumas dicas.

Para fazer esse artigo, coloquei experincias prprias e algumas do artigo "6 Phases of the
Web Site Design / Development Process" da Selene M. Bowlby, que me deu uma base para
escrever o contedo.

Espero que ajude!





Templates

www.myfreetemplates.com.