Arquivo da Categoria ‘Blog’

Manual interativo

segunda-feira, 30 de janeiro de 2012

Ler manual é uma atividade chata por natureza. Em 30 anos de vida só conheci uma pessoa que tem o prazer de ler o manual de qualquer coisa que compra. Prefiro não citar o nome dele, mas vamos chamá-lo pelo nome fictício de @iamcoelho.

Buscando entregar uma experiência agradável aos usuários, o pessoal da Vitamins Design fez para a Samsung um manual físico e interativo.

A pessoa coloca o celular em um espaço do manual e vai interagindo a cada página. Assim o usuário consegue associar facilmente o que precisa ser feito no aparelho.

Curso de introdução ao design de interação

quarta-feira, 25 de janeiro de 2012

Através de palestras e um projeto final, Scott klemmer ensina os fundamentos básicos da interação humano-computador e do design thinking.

O curso está divido em capítulos e o projeto final é a construção de uma aplicação mobile.

Os capítulos que mais chamam atenção são: a história da interação humano-computador, descobertas, design centrado no usuário, prototipação, avaliação heurística, design de informação (conteúdo) e design visual.

Dei uma olhada rapidamente em alguns vídeos e eles possuem em média de 5 a 12 minutos de duração. Alguns estão com o áudio ruim, mas é possível entender bem.

Vou fazer o curso completo e compartilho por aqui o que achar interessante.

Como explicar o que é arquitetura de informação

terça-feira, 24 de janeiro de 2012

Não é fácil explicar para um familiar ou amigo o significado da arquitetura de informação. Por esse motivo, Peter Morville e o Instituto de Arquitetura de Informação juntaram-se para lançar um desafio. O que é, porque é importante e o que significa AI?

Algumas pessoas definiram arquitetura de informação em 140 caracteres ou mais. Outras aproveitaram a oportunidade e contaram uma história usando texto, imagens, áudio ou vídeo.

Veja o resultado abaixo de algumas histórias e confira todas as explicações aqui.

Escolha o palestrante e a palestra do Interaction South America 2012

domingo, 22 de janeiro de 2012

Não fui ao Interaction South America 2011, mas ouvi falar muito bem sobre o evento, que ano passado, foi realizado em Minas Gerais.

Este ano o Interaction será realizado na cidade de São Paulo e todos podem indicar palestrantes e palestras. Basta clicar aqui e sugerir.

No dia 22 de fevereiro, os organizadores do IxDA SP vão divulgar a lista dos mais votados. A partir da votação eles vão cuidar de trazer as pessoas sugeridas.

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.