Protótipo - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design
Autor: Davi Fontebasso Marques de Almeida | Publicado: 2016-07-05T15:13:00-03:00

Finalizando as "Etapas e entregas na criação de um Site" vamos falar de Prototipação.&nbsp;


Já falei de "Briefing", "Conteúdo", "Rafe", "Wireframe", "Cores", "Tipografia" e "Mockup"&nbsp;mas as vezes antes de entregar o site final é necessário demonstrar suas funcionalidades ao Cliente, neste caso produzimos um Protótipo como este: layoutweb.esy.es.





Clique para acessar o Protótipo.





Apesar de pode parecer um site pronto aos olhos de um leigo este é apenas o "Mockup", ou Design do site, codificado com auxilio de uma ferramenta automática, sem a mínima preocupação com qualidade de código, tamanho de arquivo, SEO, acessibilidade ou quaisquer outras preocupações técnicas.



Neste projeto nós utilizamos a ferramenta de fatiamento do Photoshop, mas poderia der Fireworks, Corel, o saudoso Catalyst ou qualquer outro software que permita uma codificação muito rápida.



Se o Designer conhecer HTML e CSS esse processão também já poderia acontecer em código, utilizando uma visão de prototipação evolutiva, mas ainda assim o Protótipo não é o Produto Final.



A ideia é demonstrar ao Cliente como serão as funcionalidades e navegação do Site de forma mais interativa, neste projeto nós prototipamos todo o projeto por uma questão didática, mas normalmente a prototipação de uma ou duas páginas bastam.



O maior perigo desta prática como eu sempre digo é a falsa impressão que o Cliente, ou mesmo equipe, pode ter de que o projeto está pronto ou quase pronto, então é muito importante clareza em &nbsp;relação ao fato do protótipo não ser necessariamente um passo a mais na direção da conclusão, as vezes ele é apenas um passo que será descartado inclusive.









Este caso foi um exercício de aprendizagem que realizei em conjunto com alguns alunos do curso&nbsp;Design para Web - Produção e Criação&nbsp;do&nbsp;SENAC Itu.

E assim finalizamos este projeto, o próximo passo seria a codificação, eu particularmente acho que o próprio Designer já poderia iniciar essa codificação durante a prototipagem (ou mesmo no Wireframe sendo muito radical) mas esse é um assunto filosófico que não abordarei.

Leia também:

Etapas e entregas na criação de um Site do ponto de vista do Design;
Briefing - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design;
Criação de Conteúdo - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design;
Rafe ou Wireframe - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design;
Wireframe (Grids e Proporção) - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design;
Mockup (Cores) - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design;
Mockup (Tipografia) - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design;
Mockup - Caso dos Sites Sobre Design - Etapas e entregas na criação de um Site do ponto de vista do Design.


Adicionar aos favoritos

Página inicial


Estrada da Informação de Davi Fontebasso Marques de Almeida é licenciado sob uma Licença Creative Commons Atribuição-CompartilhaIgual 3.0 Não Adaptada.