Prototipagem - Um início ideial para um projeto na web

"Prototipagem é coisa de designer, não de desenvolvedor”. Não é não.

Se você é desenvolvedor, verá que a etapa de prototipagem é crucial e importante antes de começar a codar. Por quê ?

Imagine que alguém te ofereça um serviço ou produto que você não faz a mínima idéia de como é ou vai ficar. Você iria adquiri-lo? Dificilmente. Agora, imagina oferecer um site ou aplicativo que nem você ou o cliente sabe exatamente como vai ficar?

Um protótipo de um site, por exemplo, permite que você mostre ao cliente, empresa ou pessoa física, suas idéias e habilidades. As vezes, um simples protótipo é o que falta para fechar um negocio. Poder interagir com o produto antes de estar pronto faz toda a diferença para quem vai desenvolver e quem vai adquiri-lo.

   O QUE É UM PROTOTIPO OU A ETAPA DE PROTOTIPAGEM ?

Geralmente é realizado por profissionais em UX e UI, mas como veremos no final, todos os desenvolvedores podem realizar. Um prototipo é um modelo de como deverá ser o produto final, mas sem estar finalizado. No meio Dev, existem ferramentas que possibilitam criar prototipos interativos que simulam bem como deve ficar o projeto, sem precisar escrever uma linha de codigo. Esse processo, da criação do prototipo, é chamado de prototipagem. Mas por que fazer isso ?  

    OS BENEFICIOS DE UM PROTOTIPO

Economize varias horas : Já teve que rescrever varias linhas de código porque o cliente não estava satisfeito? Isso é normal. Não vamos acerta de primeira, e as vezes, nem de segunda. Mas quando fazemos um protótipo, vemos logo de cara algumas coisas que não irão ficar bom no projeto, o que poupa nosso tempo e do cliente.

Ajude os clientes : As vezes nem o cliente sabe exatamente o que quer. Ele tem uma idéia vaga ou uma referencia que não descreve exatamente o que ele busca. Então, cabe o desenvolvedor descobrir. Esse processo é bem mais fácil se fizermos um protótipo. Quando o cliente interagir com o modelo, ele logo vai dizer o que o agrada e o que não. Bem rápido, vamos descobrir quais caminhos seguir e quais não.

Destrave sua criatividade : Enquanto estiver criando o protótipo, você vai perceber que novas idéias irão surgir e que algumas idéias não são tão boas assim. Você vai poder brincar com sua criatividade e ate criar novos conceitos. O que deve ter em um prototipo?

      O QUE NÃO PODE FALTAR EM UM PROTOTIPO ?

Animação: Um protótipo interativo permite ver o que o usuário final irá experiênciar. Não só isso, permite que o cliente visualize como cada elemento vai se comportar e dizer qual e objetivo de cada um deles.

Cores: Não tenha medo de colocar cores. Objetivo, diferente de um wireframes, é visualizar como vai ficar o produto final. As cores afetam o design e a experiência do usuário, por isso, na etapa de prototipação você pode testar qual será a melhor paleta de cores.

Um caminho: É bom que a prototipação tenho um curso. Assim você vai percorrer o mesmo caminho do usuário final e vai perceber o que esta fora de sintonia, que é desnecessário, esta na etapa errada, que precisa ser reformulado ou o que precisa ser adicionado. Mas onde criar um prototipo ?

O figma é a melhor plataforma para fazer protótipos, na minha opinião. Existem outras que são boas, como Adobe xd ou Sketch, mas o figma é gratuito e tem uma interface simples de usar.

Irei deixar Alguns links de artigos da topTotal que ensinam a criar ótimos protótipos no figma do zero e Interativos.

A cada prototipo você verá sua produtividade e repertório aumentar. Seus projetos e trabalhos irão aumentar bastante e não conseguirá um projeto novo sem antes passar por essa etapa : a prototipagem.

 #design #webdesign #web #ux  #ui  #front-end  #prototipo #prototipagem  #curso