Posts com a Tag ‘interação’

Protótipos ricos com Adobe Flash Catalyst

sábado, 21 de janeiro de 2012

Hoje em dia é difícil ver um site feito em Flash. Lembro da época que eu conheci essa poderosa ferramenta, que ainda pertencia a Macromedia. Fiquei fascinado pelo poder de interação que ela proporcionava, pois o HTML ainda se mostrava bastante limitado.

As coisas mudaram e hoje o HTML, CSS e o Java Script permitem que façamos qualquer tipo de interação em uma mesma tela.

Já usei várias ferramentas de prototipação e atualmente utilizo o Axure. Mesmo com evolução da ferramenta ainda sinto falta de mostrar certos tipos de interações pela dificuldade de fazer. Isso tudo porque não tenho um conhecimento avançado do programa.

Hoje, pela manhã, conheci o Adobe Flash Catalyst. Claro que senti certo preconceito apenas ao ler o nome Flash. Mas dei uma chance e percebi que a ferramenta é bastante interessante para criar um protótipo com interações (animações) ricas. Ela interage com os arquivos do Photoshop, Illustrator e Fireworks.

Normalmente anotamos algumas coisas no racional do wireframe para explicar como a animação deveria funcionar ou simplesmente sentamos ao lado do designer e desenvolvedor para definirmos como as coisas vão acontecer em um site ou aplicativo.

A empresa, Adaptive Path, fez um caso de uso em três semanas usando o Catalyst e compartilha como foi a experiência de usar a ferramenta.

O vídeo abaixo é um tutorial de como é possível fazer uma animação simples que acontece em uma mesma tela.

Ainda não testei a ferramenta. Vou instalar e usar. Brevemente compartilho aqui as vantagens e desvantagens.

Torne o chato mais agradável

segunda-feira, 31 de outubro de 2011

A assinatura de newsletter é uma das funcionalidades mais chatas em um website. Mesmo porque normalmente as empresas não sabem se comunicar corretamente por e-mail com o seu cliente.

A agência AD60 resolveu essa questão de uma forma muito elegante. Bastou apenas fazer um bom texto contextualizado com o local aplicado.

“This is the end… of the page, not the world”

Sinta vontade de clicar no leia mais

terça-feira, 16 de agosto de 2011

Colocar um conteúdo relacionado ao texto que o usuário está lendo é uma ótima forma de fazer com que as pessoas fiquem mais tempo dentro do seu site.

Normalmente o conteúdo relacionado fica abaixo do texto que você acabou de ler. O blog do Tiago Dória tem uma solução bastante interessante nesse sentido. O leia mais aparece na tela somente quando o usuário termina de ler o post. Fiz um vídeo abaixo que mostra como funciona.

Ferramenta de eyetracking

domingo, 19 de junho de 2011

Como faz wireframes

terça-feira, 31 de maio de 2011

O vídeo abaixo mostra um pouco do meu dia a dia na agência. É claro que o trabalho de um arquiteto de informação não se resume apenas na concepção de rabiscoframes e wireframes.