Ferramenta para criação de Mockups

Gunnar CorreaGunnar Correa10/09/2015 às 01:52:48 - 12.117 acessos

Listamos alguns softwares para a criação de Mockups e explicamos a importância dessa técnica.


Muckups ou Mock-up são técnicas utilizadas por desenvolvedores para apresentar ao cliente uma previa do Layout/Design do projeto final. Isto não garante que o Mockup seja a versão final, pois o cliente poderá fazer quaisquer alterações, conforme a sua necessidade.

A ideia do Mockup não é apenas apresentar o projeto ao cliente, e sim ajudar o desenvolvedor ter uma visão do que será criado, pois o desenvolvedor tem apenas a ideia em sua mente, e com o Mockup ele pode refinar melhor as ideias.

Em outras palavras o Mockup é um protótipo do projeto, que pode ser criado em cartolina, sulfite ou qualquer folha, mas os protótipos não podem levar muito tempo para serem feitos, ele visa ser algo rápido e não exige perfeição no desenho, afinal é apenas um protótipo. Você pode associar Mockup com Wireframes.

Balsamic Web

O software Basamic Mokups, nos auxilia para a criação dos protótipos rapidamente com exportação para formatos como PNG, por exemplo.

O Balsamic possui uma licença Free e Comercial, porém a Free é o suficiente para analise da ferramenta e até criar ótimos protótipos, e posteriormente você poderá comprar uma licença.

O Software é vendido com licenças de Volume, Simples e por Atualizações.

Veja na imagem abaixo, um simples projeto de Mokucp do site Satellasoft.

Note que o Design dos elementos não é algo delicado nem mesmo bonito, e sim algo simples que possa nos fazer entender o que será composto em cada parte da aplicação.

Agora veja outra imagem, que apresenta parte do Software, veja como ele é simples e ao mesmo tempo muito robusto.

Balsamiq criação de mockups

Você pode fazer o Download do Balsamic através de seu site oficial, segue o endereço abaixo.

Mockups

Além do Balsamic, é obvio que existem outras ferramentas que fazem o mesmo trabalho, como é o caso do site Mockups, que executa as operações totalmente On-line. O Mockups possui um número maior de componentes a serem utilizados.

Veja na imagem abaixo o ambiente de desenvolvimento do Mockups.

moqups.com para a ceiação de mockups online

Para o uso da ferramenta, não é necessário efetuar o Download e sim ter um cadastro no site, segue abaixo o endereço:

Pencil Project

Esse é um invrível software gratuito, que nos permite entre suas várias ferramentas, criar e exportar os Mockups.

Pencil Project para criação de Mockups

Espero que tenham entendido a importância dos Mockups/Wireframes.

Até a próxima.


wireframe balsamic mockups interface ferramenta desenvolvimento usuário prótipo draft online gratuito

Compartilhe


Gunnar Correa

Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web (FIPP), Especialista em Tecnologias na Educação (Unoeste) e Pós-graduando em Segurança da Informação (Universidade Cruzeiro do Sul). Começou seus estudos na área de programação quando era criança, e atualmente está estudando desenvolvimento de jogos. É CEO do portal SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.



Site atualizado

Olá, nosso site recebeu uma nova atualização e por conta disso, alguns artigos ainda estão sendo atualizados. Dependendo do conteúdo que você procura, poderá encontrar imagens e trechos de códigos mal formatados.

Estamos trabalhando para normalizar todos os conteúdos, muito em breve, esse problema não mais existirá.


Comentários