Já vi muita gente — inclusive eu — sofrer muito na hora de fazer o código de algum layout. Se você trabalha com HTML sabe o que estou dizendo, principalmente se você desenvolve temas para tumblr, wordpress, cutenews, blogpost, dentre outras plataformas de blogs que possui tags de post e/ou linguagem PHP. Antes de eu entrar no estágio, logo depois de fazer um layout eu partia direto para o tema WordPress, e sempre — SEMPRE mesmo! — dava algum problema nos códigos quando eu testava em meu blog. Te garanto que isso já aconteceu contigo, não é verdade? Pois bem, aqui vai minha dica: crie sempre um protótipo antes de fazer qualquer coisa em um tema.
protótipo (pro-tó-ti-po)
s. m.
Primeiro exemplar, primeiro modelo, original.
Fig. O exemplar mais exato, mais perfeito.
fonte: dicionariodoaurelio.com
Aprendi na faculdade — e o estágio só reforçou mais ainda — que há várias etapas a serem feitas no processo da realização de um design de interface
Para que serve?
A criação de um protótipo é o mesmo que uma criação de uma página estática em html simples. Sem tags de post, sem programação, absolutamente nada que o deixa dinâmico! É um HTML puro com uma folha de estilo (CSS) acompanhando, juntamente com alguns scripts de função (tipo jQuery, mootools, etc) e metatags. Parece bobo, mas faz uma diferença tão grande num projeto… a dor de cabeça é diminuída ou poupada completamente — isso se, na hora da prototipação você já fica pensando qual código poderia entrar ali para ser dinâmico na hora em que seu site/blog estiver no ar. Sempre é bom estar um passo à frente. […]
Por que é importante?
Na hora de fazer a "programação" ou a inserção das tags de post, o tempo que você gastaria quebrando cabeça junto com a criação do HTML é bem menor, porque depois de todo o HTML pronto é só partir para colocar o código correspondente à plataforma do site/blog (tumblr, wordpress, blogpost, etc). Uma programação de semanas pode ser convertida em dias quando já possui um protótipo, que ele sozinho já pode levar semanas — então, economiza mais tempo. ;D E, consequentemente, o projeto fica mais caro. É claro; o que antes se fazia tudo de uma vez e com chance de ter bugs, agora é dividido em duas etapas, e as chances do projeto funcionar da maneira esperada e atingir as expectativas é bem maior.
Relação entre designer e cliente
A apresentação de um protótipo a um cliente é bem mais viável do que um projeto já pronto, programado e pronto para ser entregue. Imagina fazer a programação tudo de novo se o cliente não gostou do que você fez? É melhor editar um HTML simples do que quebrar a cabeça, ao invés de pensar novamente qual código você terá que substituir e alterar o HTML junto sem ferrar com as outras partes já feitas. Por isso, a programação só pode ser feita depois de um protótipo aprovado.
Dica importantíssima!
É por isso que é sempre bom prototipar tudo! Desde a paginação, itens de menu, textos e links da barra lateral, até exemplo de artigos com imagens e vídeos e área de comentários. Você precisa prever tudo o que poderá ser feito no site/blog. Esse é o melhor caminho para ver como ele ficará em pleno vapor. Assim, a réplica será perfeita e terá muito mais chances de adorar o resultado final. Além do mas, é uma dica perfeita para quem quer deixar de usar temas bases de uma maneira mais fácil, divertida e criativa! 😎
