Adaptado de artigo escrito por Michel Lens
Mais informações no site da agência 10 minutos: www.dezminutos.com.br
Desenvolver projetos para WWW é uma prática recente, com pouca sistematização ou metodologia. Apesar de ser similiar em muitos aspectos à criação de livros, revistas e até cinema e TV.
A linha gráfica é criada inicialmente no Photoshop ou Fireworks e só depois implementada em HTML.
Ainda não houve tempo suficiente para sedimentação de um sistema próprio para a criação de websites. Mas já podemos traçar alguns bons rascunhos.
1. Definição
O Cronograma traz a definição de todas as etapas e reuniões do projeto.
A fase começa com a primeira reunião com o cliente e se estende até o recolhimento do material para o desenvolvimento do projeto. Nessa etapa, a equipe recolhe e analisa as informações sobre o projeto, identifica os objetivos e encontra soluções que se enquadrem dentro do budget e do prazo. O tamanho, a complexidade do projeto e suas peculiaridades começam a se definir.
Número de reuniões: entre 1 e 4
Material apresentado: proposta comercial e cronograma.
Duração média: 10 dias úteis a partir da assinatura do contrato.
Tópicos desta fase:
a. Definição de objetivos e budget - O que se pretende com o website? Qual o retorno esperado? Quanto se tem para gastar no projeto? Quando deverá ficar pronto? O que deverá estar implementado na saída?
b. Proposta comercial e aprovação - Geração de idéias, envio de proposta comercial, aprovação do orçamento, carta acordo.
c. Recolhimento e análise do material - Captação dos textos, fotos, áudio, vídeo, banco de dados, etc.
d. Análise do conteúdo - O material se encontra em boas condições? Está digitalizado? A informação é pertinente? Que trabalho complementar será necessário para a preparação deste conteúdo.
e. Análise e compreensão do cenário competitivo - Situações analógas. Há sites concorrentes? Como são?
f. Compreensão do público alvo e tecnologias - Qual o perfil do público do site? Que equipamento estará usando? Pode-se usar plugins ? Qual a resolução ideal?
2. Arquitetura
Aqui, a arquitetura da informação é colocada em prática. Toda a informação recolhida é relevante? Qual a ordem de prioridade? A estrutura de informação vai ser fácil ou complicada de se construir? Aqui, o designer determina onde os diferentes grupos de informação se encaixam e quais as mídias adequadas.
Número de reuniões: 1 ou 2
Material apresentado: flowchart
Duração média: 5 dias úteis
Tópicos desta fase:
a. Definição das mensagens principais - Qual é o recado principal? O que deve ser enfatizado?
b. Definição dos tipos de informação e funcionalidade - Que mídias serão usadas? Como funcionará a navegação? A interface deve ser explanatória, ou exploratória?
c. Estruturação do conteúdo - O que vai aonde? O que vai primeiro?
d. Criação de grupos principais - Como as informações devem estar agrupadas? Quais são os grupos principais?
e. Criação da estrutura do fluxo de informação (flowchart) - Gráfico demonstrando a estruturação do conteúdo e a navegação do site.
3. Design
Nesta fase se define o projeto gráfico do site e as idéias ganham formas, cores e outros elementos de áudio e vídeo que se encaixam nas posições definidas nas fases anteriores. Esta não é a única parte onde o design gráfico entra, mas é onde se desenvolve a criatividade que dá vida e destaque para o projeto e onde o design gráfico entra, mas é onde se desenvolve a criatividade que dá vida e destaque para o projeto e onde as metáforas visuais apoiam e melhoram a arquitetura da informação.
Número de reuniões: 2
Material apresentado: Layouts na tela e impressos em papel
Duração média: 15 dias úteis
Tópicos desta fase:
a. Criação de gráficos, ilustração, fotografia, vídeo e texto - Utilização prática das ferramentas: Photoshop (ou Fireworks), Illustrator, SoundEdit, RealAudio, Premiere, Flash, etc.
b. Envio para aprovação cliente - Telas com a linha gráfica são geradas e enviadas para aprovação do cliente.
c. Redação - Criação dos textos.
4. Implementação
Aqui o projeto se torna real, à medida que a equipe sintetiza e converte a informação desenvolvida nas fases anteriores. É importante a utilização de testes para assegurar que o projeto vai surtir efeito desejado.
Número de reuniões: 2
Material Apresentado: páginas em HTML, projeto final
Duração média: 15 dias úteis
Tópicos desta fase:
a. Pesquisa tecnológica - Desenvolvimento relacionado às novas tecnologias (java, javascript, flash, shockwave).
b. Teste de interface (beta-testing) - Criação da estrutura básica de navegação em HTML. Teste preliminar para avaliar a eficiência da interface.
c. Implementação do design em HTML - Conversão das telas do Photoshop em HTML. Preparação de imagens, animações, etc.
d. Programação - Elaboração de CGIs , programas em PERL, programação em geral.
e. Registro de domínio, setup do servidor - Registro junto à FAPESP (Brasil) e a Internic (EUA) do domínio a ser utilizado para o site (http://www.empresa.com). Localização e setup do servidor onde o site estará hospedado.
f. Upload dos arquivos - Envio dos arquivos do site para a máquina host. Ajustes e correções eventuais. Teste e revisão dos links e arquivos.
g. Inauguração do site - Abertura do projeto para o público.