quarta-feira, 3 de abril de 2013

Wireframe e planejamento gráfico na web

Planejamento gráfico por meio de wireframe é uma importante etapa no processo de elaboração de
qualquer website ou mobile site. Esta etapa de criação ajuda a reduzir custos no projeto tanto na área de design como na de desenvolvimento. Embora muitas vezes negligenciada, o projeto gráfico inicial permite a designers, clientes e programadores uma experiência visual completa antes mesmo de iniciar a primeira linha de código.

Para isto, o mercado oferece diversas ferramentas para criação de projetos inteiros sem a necessidade de criação do HTML ou qualquer código de desenvolvimento. Outro importante insight que estas ferramentas proporcionam é o estudo de acessibilidade dos sites. Sem dúvida, projetos wireframe ou prototipação podem evitar muitas horas de re-trabalho, reduzir as insatisfações do cliente e mesmo agilizar todo o projeto.

Algumas ferramentas, como o Axure, permite a criação de um website ou mobile site completo, com todas as telas, componente e formulários. Outros, como o Balsamiq, possue diversas galerias para a criação de um esboço gráfico não funcional, mas que permite a todos os envolvidos no projeto uma noção bem próxima do resultado final de como as telas serão apresentadas. Ou seja, cada ferramenta, gratuita ou paga, oferece recursos interessantes para iniciantes e para profissionais experientes. Tanto para websites ou mobile sites. Confira.

i) Axure: oference versões standart ou pro. É necessário dar download da aplicação. O Axure permite a criação de protótipos inteiros navegáveis por meio da sua interface drag-n-drop.



ii) Balsamiq: uma das mais ágeis ferramentas do mercado. Com uma tela de fácil compreensão, qualquer usuário pode fácil e rapidamente criar suas telas. Gratuito com versão paga.







iii) Proto: voltado para mobile sites e aplicações para smartphones e tablets em diversas plataformas.



iv) Moqups: com tecnologia HTML5, é uma boa e estilosa ferramenta para criação de projetos. Possuiu bibliotecas de componentes para iPhone e iPad.



v) UXPin: com templates para websites e mobile, é uma boa ferramenta para montagem de protótipos e projetos inteiros.


Fonte: Mashable

Nenhum comentário:

Postar um comentário