De ideia a implementação

Do brainstorm aos esboços, ao HTML e à programação

Aqui está o processo que usamos para Cair na Real:

Brainstorm

Pense em ideias. O que esse produto vai fazer? Para o Basecamp, olhamos para nossas próprias necessidades. Queríamos postar atualizações de projetos. Queríamos que os clientes participassem. Sabíamos que os projetos tinham marcos. Queríamos centralizar arquivos para que as pessoas pudessem revisar facilmente coisas antigas. Queríamos ter uma visão geral, de cima, do que está acontecendo com todos os nossos projetos. Juntas, essas suposições, e algumas outras, serviram como nossa base.

Esta etapa não é sobre detalhes minuciosos. É sobre grandes questões. O que o aplicativo precisa fazer? Como saberemos quando for útil? O que exatamente vamos criar? Isso é sobre ideias de alto nível, não discussões ao nível do pixel. Nesta fase, esse tipo de detalhe simplesmente não é significativo.

Esboços no papel

Esboços são rápidos, sujos e baratos e é exatamente assim que você quer começar. Desenhe coisas. Rabiscos. Caixas, círculos, linhas. Tire suas ideias da cabeça e coloque no papel. O objetivo neste ponto deve ser converter conceitos em designs de interface aproximados. Esta etapa é toda sobre experimentação. Não há respostas erradas.

Telas em HTML

Faça uma versão em HTML daquela funcionalidade (ou seção ou fluxo, se for mais apropriado). Poste algo real para que todos possam ver como fica na tela.

Para o Basecamp, primeiro fizemos a tela de “postar uma mensagem”, depois a tela de “editar uma mensagem”, e assim por diante.

Não escreva nenhum código de programação ainda. Apenas construa um mock-up em HTML e CSS. A implementação vem depois.

Código

Quando o mock-up estiver bom e demonstrar o suficiente da funcionalidade necessária, vá em frente e insira o código e a programação.

Durante todo esse processo, lembre-se de permanecer flexível e esperar múltiplas iterações. Você deve se sentir livre para descartar o entregável de qualquer etapa específica e começar novamente se ficar ruim. É natural passar por esse ciclo várias vezes.