Como você define um projeto para um desenvolvedor web?

5

Sou principalmente um web designer e um desenvolvedor web muito novato.

Digamos que eu tenha um aplicativo da web abrangente que desejo desenvolver por meio de um freelancer no Odesk.com

Qual é a melhor maneira de comunicar efetivamente todo o projeto, metas e requisitos? Wireframes, folhas de especificações?

Quaisquer exemplos / modelos sobre isso seriam muito apreciados.

    
por levi 16.06.2011 / 19:31
fonte

1 resposta

4

Idealmente, você teria um bom relacionamento com seu (s) desenvolvedor (es) (porque então você se entenderia melhor), mas quando isso não for possível, o máximo de comunicação possível pode beneficiar você.

Sou um desenvolvedor, então aqui está o que eu gosto de designers, outros desenvolvedores podem ter diferentes preferências:

  • Layouts / designs de página (se você já os tiver). Assumindo aqui, que estou fazendo o desenvolvimento de front-end (HTML / CSS), embora isso também possa ajudar com a criação de lógica se o front-end ainda não for construído, como posso ver o que é suposto estar no final produtos. Eu quero ver o que você imagina. Se você me enviar uma imagem, presumo que seja o modelo para todo o site, então me envie qualquer coisa em que o layout se desvie. Formulários, também, como ajuda a saber como você quer os formulários definidos. Se você não tiver o design completo pronto, os wireframes geralmente são bons o suficiente para nos informar sobre o que estamos aprendendo.
    • Para esse fim, também gosto de ter um arquivo .jpeg / .png e um arquivo .psd (de preferência sem camadas estranhas; se você tiver seis camadas que compõem um gráfico do iPhone, achatá-las, não preciso para ver "cópia da camada 5" doze vezes). Dessa forma, posso vê-lo sem possíveis problemas de conversão entre as versões do Photoshop (ou Photoshop e Gimp) e tenho as camadas para extrair imagens.
    • Conhecer coisas como fontes, tamanhos de fonte e as versões hexadecimais de cores base para gradientes também é extremamente útil, assim não fico adivinhando, já que é mais provável que você veja a diferença entre algo sendo um pixel desligado do que eu sou (uma camada de sobreposição com medidas seria incrível)
    • Mesmo que você não precise de nós para fazer front-end, ter um .jpeg / .png do que deveria ser (se o HTML / CSS não estiver pronto) ajudará tremendamente, porque você não precisa não tenho que dizer, você pode apenas mostrar.
  • Esboços de algum tipo de fluxo de informações. Isso pode ser feito praticamente do jeito que você quiser, desde que seja lógico. Estamos falando de código lógico, aqui, então não precisa ser chique. Algumas pessoas gostam de formatos de casos de uso, enquanto outros preferem fluxogramas.
    • Acho que a melhor maneira de fazer isso é observar cada página com lógica e percorrê-la como se você fosse um usuário. É aqui que os modelos de caso de uso são úteis, porque o obrigam a fazer isso. Você deve conseguir executar uma pesquisa no Google para "modelos de casos de uso" e encontrar o que precisa.
  • Quais tecnologias você deseja / precisa usar. Você é nosso cliente, então você deve saber o que você precisa ou quer. Mesmo que sejam apenas as tecnologias base (PHP 5.2, .Net, etc) e podemos decidir frameworks, CMSes ou o que for de lá, tudo bem.
    • Para o front-end, quais navegadores temos de suportar, pois ele pode decidir quais técnicas usamos (e, para alguns de nós, se devemos cobrar mais, porque você deseja dar suporte ao IE6).

Muito disso pode ser colocado em uma "folha de especificações" geral. Torne-o escaneável, portanto, não precisamos cavar para obter as informações de que precisamos (talvez seja apenas eu, mas uso essa documentação em todo o processo de desenvolvimento como uma lista de verificação).

Sua pergunta é um pouco ampla, por isso, se eu não lhe respondesse adequadamente, sinta-se à vontade para comentar e eu posso editar, responder ou esclarecer de outra forma.

    
por 16.06.2011 / 19:57
fonte