Este minicurso visa apresentar o Design de Interação, demonstrar seu diferencial, explicar sua metodologia e indicar caminhos para desenvolver esta área dentro de empresas de Tecnologia da Informação.

Áreas de Design de Interação

Estratégias de Design de Interação

Cultura de Design de Interação

Processos de Design de Interação

Métodos de Design de Interação

O Instituto disponibiliza todo esse material gratuitamente porque nosso interesse é desenvolver a área de Design de Interação no Brasil. Não queremos concentrar esse conhecimento dentro de nossa organização. Queremos é disseminar informações e interagir com quem está trabalhando no mesmos sentido.

Uma nota técnica que acho relevante: para gerar o vídeo do Ustream, que conta com duas câmeras e mais os slides, usei um programinha chamado CamTwist, que mixa múltiplas fontes de vídeo e devolve para outros programas como se fosse uma Webcam.

Futuramente teremos outras edições do minicurso presenciais. Quem quiser ser avisado, basta assinar a Newsletter do Instituto.

Comente este post

Começamos discutindo o conceito de Design de Interação que, a meu ver, tem tudo a ver com colaboração. A particularidade desta nova área do Design é justamente trabalhar com os modos como as pessoas vão interagir entre elas, seja através de tecnologia da informação ou qualquer outro meio.

Em seguida, passamos aos sistemas de colaboração. Concordamos que a hierarquia não é mais eficiente para o ritmo que o capitalismo exige das organizações. A heterarquia e a organização em rede é essencial para sobreviver nos novos fluxos.

Colaboração, Convergência e Interatividade [MP3] - 166 mb - 3 horas

Por fim, fizemos um exercício de colaboração. Criamos um tabuleiro gigante e jogamos The Collaboration Game no hall de entrada do prédio.

[ atualização] O Vamoss publicou um resumo bem bacana das questões levantadas nos debates.

No sábado, último dia do evento, das 13h-17hs vamos promover um Toy Hack aberto. Os participantes receberão brinquedos eletrônicos para abrir, mexer e misturar as peças, formando novo brinquedos e objetos estranhos. Participe!

Comente este post

Este museu mostra exemplarmente o poder da educação interativa. Imagine se toda tecnologia educacional fosse pensada assim? Certamente teríamos alunos muito mais motivados a aprender, pois se sentirão atores de seu próprio aprendizado.

Comente este post

Primeiro, fui abordado pelos blogueiros do Tisc, um excelente blog que reconhece o desenvolvimento de TI de Santa Catarina (aliás, um lugar ótimo para quem está pensando em se mudar dos grandes centros). Falei sobre minhas experiências profissionais em Santa Catarina e sobre o Instituto Faber-Ludens.

No evento tive o prazer de conhecer o Rene de Paula, um dos profissionais que sempre admirei. Foi por inspiração dele que comecei a gravar posts em áudio, ou podcasts como ficaram conhecidos. Almoçamos juntos e conversamos bastante. Por fim, gravamos um vídeo para ficar registrado o encontro. Conversamos sobre a importância de canalizar a colaboração na Web para o desenvolvimento social, para que o mundo realmente seja melhor.

Comente este post

Slides

Áudio

Gravação realizada pela Manada no EDTED Florianópolis [MP3]

Gravação realizada por mim na Uniara de Araraquara [MP3] 1 hora 55mb

Vídeo

O Bruno Duarte fez o favor de filmar uma parte da palestra, até que a bateria da minha câmera acabasse...

Download do vídeo [MOV] 222 MB

Próximas datas

• Florianópolis - 23/05/2009
• Curitiba - 06/06/2009
• Porto Alegre - 25/07/2009
• Salvador - 24/10/2009
• Bauru - 05/11/2009
• Araraquara - 16/11/2009

Comente este post

Para Nielsen, Design é a origem dos problemas de usabilidade que engenheiros como ele tem que identificar e corrigir. Os problemas que Nielsen costuma identificar são justamente as características de um projeto que os tornam únicos, expressivos e afetivos. Para uma crítica mais completa, veja o texto"Os usos de Nielsen" traduzido por Carlos André Gonçalves. Também é bacana a crítica dos flasheiros sobre. Abaixo segue o trecho em vídeo da palestra.

Minha recomendação é que Nielsen deve ser conhecido, mas a mesma crítica que ele faz ao trabalho dos outros deve ser feita ao trabalho dele. É importante conhecer outras visões para o Design de Interação, especialmente fora do discurso de Usabilidade e IHC tradicionais.

Comente este post

Quando se fala em inovação, normalmente está se referindo à inovação técnica ou formal, mas o quanto estas podem realmente inovar o cotidiano das pessoas, ou seja, promover inovação social? Analisamos o caso da distribuição de água e as diferentes soluções criadas na África e no Nordeste brasileiro e notamos como o Design poderia contribuir muito para o problema.

O Design pode se inserir num grupo social para promover:

• acesso ao consumo
• representação
• intervenção
• orientação
• assessoramento
• construção coletiva

Cada modo é uma opção política e tem consequências sociais. Se o Design se limita a promover o acesso ao consumo dificilmente contribuirá para o desenvolvimento social, pois nem só de consumo vivem as pessoas. Desenvolvimento gera autonomia, ou seja, capacidade para criar por conta própria. A construção coletiva é o melhor caminho nesse sentido, porém, é o mais difícil, pois depende de motivação e desejos contraditórios.

A aula foi transmitida ao vivo pelo canal do Instituto Faber-Ludens no Ustream.

A propósito, estamos com matrículas abertas para a terceira turma deste curso de especialização. Também é possível fazer disciplinas isoladas. Veja mais detalhes.

Comente este post

O jogo é divertido porque mistura ritmo, desafio e expressão corporal numa interface esfuziante. Começa a ficar interessante quando os jogadores experimentam mexer todo o corpo dentro do ritmo, transformando o movimento mecânico de apertar o botão com a perna numa coreografia. "É preciso entrar na música para acertar," disse meu irmão.

O tapete tinha entrada USB, então resolvi testá-lo para a criação de novas interfaces. Usando o USB Overdrive consegui configurar os botões facilmente. Meu primeiro teste foi jogar o clássico Whack-a-mole usando o tapete. Meu filho usou um chinelo para bater nos monstros da versão Tontie.

Depois testei uma projeção sobre o tapete e montei uma bateria virtual modificando um jogo em Flash.

Detalhe da baqueta improvisada: uma meia presa com fita adesiva num pedaço de madeira. O pedaço de madeira sozinho não ativa o tapete. Ele necessita de uma área maior de contato para ativar o sensor.

Compilei uma lista de vídeos no Youtube relevantes ao assunto. Encontrei hacks muito mais criativos da mesma plataforma:

Quem quiser experimentar o jogo, existe uma versão aberta e gratuita para PC e Mac: Stepmania. Dá pra usar o mesmo tapete do Playstation pra jogar.

Comente este post

O Intercon 2008 certamente foi o evento mais ousado que já participei. Quando Tiago Baeta e Luli Radfahrer me apresentaram o formato do FF 08 eu confesso que fiquei tanto excitado quanto descrente... O sistema de palestras simultâneas no mesmo palco exigiria novas competências tanto da organização e palestrantes quanto da platéia. A possibilidade de acontecer falhas de comunicação eram muito maiores. Não podia rejeitar o desafio, embora estivesse inseguro se daria certo.

O resultado foi mais um caso para a Lei de Murphy: tudo que está indo bem pode dar errado na última hora. O projeto não reconhia o computador do apresentador, o sistema de áudio desconfigurou, a Internet caiu. As palestras tinham excelente conteúdo, mas tenho certeza que a dispersão gerada por estes prejudicou a experiência. Os vídeos das palestras, entretanto, podem salvar tudo. A TED quintuplicou sua grandiosidade depois que disponibilizou seus vídeos na Web.

A maior lição do evento para mim foi a seguinte: inovar não diz respeito ao futuro e sim ao passado, ao que foi efetivamente feito para mudar o estado das coisas e deu certo. Tentar inovar todo mundo tenta, difícil é ser diferente e melhor. O Intercon 2008 certamente foi diferente, mas não melhor. O sistema deve ser repensado.

Por outro lado, o evento é um retrato fiel do atual estágio da comunidade brasileira de tecnologia: muita criatividade, pouca técnica. Com o pouco que temos, fazemos muito, na base da gambiarra. Será que não é melhor assumirmos isso como diferencial competitivo do que ficar reproduzindo esse (velho) discurso de inovação?

Comente este post

Para mim, a melhor parte do evento foi o Workshop de Aspectos da Interação Humano-Computador na Web Social, organizado por Sergio da Silva e Roberto Pereira.

• Introdução por Sergio Silva, apresentando a origem e problemática da Folcsonomia, bem como um possível framework para lidar com questões sociais em aplicativos Web: Audio [MP3] Video [MP4]
• Práticas de Folksonomia e Social Tagging no Last.fm, por Adriana Amaral & Maria Clara Aquino, demonstra como os usuários escolhem tags também para expressar opinião: Audio [MP3] Video [MP4]
• Discussão final, com a participação de vários participantes, a melhor parte pra mim: Video [MP4]
• Tags Coletivas: Analisando Padrões de Uso para o Suporte a Sistemas de Folksonomia, por Cleber Gouvêa, Stanley Loh & Luís Fernando Fortes Garcia, uma proposta de sistema de classificação automatizado: Audio [MP3] Video [MP4]

Também nas sessões de artigo, o assunto apareceu em destaque. Um dos artigos selecionados como melhor do evento foi o de autoria dos organizadores do workshop. Roberto Pereira e Sergio da Silva acreditam que sistemas como o Delicious poderiam ser melhores se permitissem diferenciar a autoridade dos diferentes contribuidores, o que eles chamam de Folkauthority: Audio [MP3]. Como sinalizei na pergunta ao final da apresentação, acredito que esse tipo de esquema só seria interessante em determinados contextos em que a autoridade é determinante, como no próprio ambiente acadêmico.

Uma apresentação rápida e interessante foi a proposta de Felipe Côgo para corrigir erros de digitação e inconsistências entre etiquetas de uma folcsonomia: Audio [MP3].

Como era de se esperar de um evento da Computação, folcsonomia foi abordado na maioria dos trabalhos como uma mera técnica de organização de informações, a qual pode também ser mudada pelas regras de funcionamento. Assim como Adriana Amaral e Maria Clara Aquino, sustentei na minha apresentação do workshop que a folcsonomia não é só uma técnica de classificação, mas de identificação com grupos sociais. Não basta analisar o fenômeno do ponto de vista técnico, pois as estruturas da folcsonomia são construídas e desconstruídas socialmente pelos usuários. As regras do sistema são pontos de partida sobre os quais os usuários criam suas próprias regras. Se novas regras são impostas sem considerar as regras dos usuários, estes podem se frustrar, revoltar ou ir embora.

Comente este post

Creio que integração cross-media é uma tendência a crescer em muito breve.

Comente este post

Nesse episódio do Videocast Faber-Ludens, eu mostro como o kit Lego Mindstorms NXT pode ser usado para a prototipação de novos produtos, permitindo tanto testes de hardware quanto de software com uma facilidade inacreditável.

O kit que eu uso para demonstrar o protótipo do sistema Lepetí, criado por meus alunos, foi comprado usado no Ebay. Saiu bem mais barato do que comprar aqui. No Youtube há muitos exemplos de projetos e diversões que podem ser construídas com esse kit, por exemplo:

• Brinquedo para gatos
• Alimentador de cães à distância
• Enrolador de papel higiênico
• Linha de montagem de carros
• Máquina de doces

Comente este post

Por mais que se mostrem definições teóricas do que é design de interação, a ficha demora a cair. Designers são profissionais que aprendem fazendo muito mais do que teorizando. Como ensinar fazendo algo que ainda não está sendo feito?

A esse respeito, tive uma experiência muito bem sucedida com meus alunos da Unisul recentemente que gostaria de compartilhar. A disciplina era Usabilidade e Ergonomia de Interfaces, mas por achar mais importante compreenderem design de interação como um todo, não enfatizei os aspectos do nome da disciplina. Em 30 horas de aula eu precisava dar essa visão geral e ainda construir com eles um projeto.

Comecei mostrando alguns projetos que julgo interessantes por explorar as possibilidades do design de interação. Designers são ótimos em observar outros projetos e reproduzir suas características. Porém, eu queria que eles compreendessem que design de interação não é o projeto do artefato em si e sim o que as pessoas vão poder fazer com o artefato.

Lá pelas tantas, apresentei um dos projetos do Instituto Faber-Ludens, o Catálogo de Brincadeiras. Expliquei que as brincadeiras de criança são formas de design de interação popular que existem a muito tempo e que a diferença para o design de interação profissional de hoje é que este embute as regras da brincadeira (ou qualquer outra atividade) nos artefatos. Os alunos se interessaram tanto que decidiram desenvolver o projeto da disciplina a partir dessa idéia. No videocast número 2 do Instituto explico melhor esse conceito:

A proposta era que eles extraíssem as regras de uma brincadeira e aplicassem-nas numa outra situação que não fosse uma brincadeira, tentando prazer e resultados práticos aos participantes. Primeiro eles tinham que levantar uma lista de brincadeiras que conheciam e uma lista de possíveis situações em que ela seria aplicável. Depois que escolhiam o melhor "encaixe", iam a campo pesquisar tanto a brincadeira quanto a situação. Na volta, tiveram que diagramar a brincadeira e apresentar as entrevistas sobre a situação. Veja o exemplo do projeto Pok, que visa aplicar no trânsito a brincadeira de jogar pipoca em pessoas que incomodam no cinema.

No caso desse projeto, a solução foi uma buzina melhorada. A buzina padrão é um sinal genérico que não indica o quê está sendo avisado, nem quem está sendo avisado. Por isso, é comum os motoristas devolverem com buzinadas, gerando uma confusão infernal. Os alunos Marco e Alan criaram uma buzina direcionada, acionada por um controle remoto. A recepção do sinal é dada por um adesivo colado no vidro ou capô do carro. Esse adesivo também exibe o status do motorista. Se ele recebe muitas advertências como essa, fica com a pontuação baixa. É um "Como estou dirigindo dinâmico". O motorista advertido fica sabendo na hora com o seu próprio controle remoto, que emite sinal sonoro dentro do carro. É uma espécie de "pipoca eletrônica" que, além de avisar o intransigente, o coloca numa situação de constrangimento social, inibindo o comportamento indesejado pelas pessoas ao redor.

Outro projeto interessante foi inspirado na brincadeira Elefantinho Colorido e aplicado em festas. As pessoas entram na balada e recebem um botom colorido, cada um de uma cor. De vez em quando, o DJ aciona um alerta e os botons de uma determinada cor acendem, incentivando que as pessoas com a mesma cor se encontrem e dancem juntas. Ajudei as alunas Bárbara e Mirela a construir um protótipo do Elefante Psicodélico na própria universidade. (Note no vídeo a precariedade da fixação do meu datashow).

Pode-se criticar que eles estão sonhando com uma realidade distante do mercado de produtos eletrônicos brasileiro. Sim, dar liberdade para desenvolver projetos experimentais é fundamental numa faculdade que deseja formar profissionais para o futuro e não só para o mercado atual. Porém, o que estou tentando ensinar não é o modo de funcionamento desses artefatos e sim o processo de design de interação. Este se aplica a qualquer artefato, inclusive aqueles que já estão bem estabelecidos no mercado. Um outro projeto que demonstra isso bem legal é o Boo, que se configurou num aplicativo OpenSocial para o Orkut. A inspiração veio da brincadeira Caça ao Tesouro e a situação foi o primeiro beijo de um adolescente. Já avisei ao Jader e a Juliana que eles podem ganhar muito dinheiro se conseguirem desenvolver mais o projeto.

Ainda desenvolvemos outros projetos interessantes com os alunos, cujo processo está todo documentado no blog da disciplina. Aliás, graças a este blog, outros professores estão aplicando algumas das idéias em suas disciplinas, como é o caso de Elton Vinicius da Silva com seus alunos da UFES. Adorei os trabalhos dos alunos e espero que essa iniciativa esteja contribuindo para vivermos num mundo melhor projetado!

No curso de especialização do Instituto Faber-Ludens estou aplicando uma versão mais completa do exercício. Aliás, estamos planejando levar o curso a outras cidades. Quem tiver interesse, por favor, participe da enquete.

Comente este post

Palestra apresentada no Planeta Web 2008, evento promovido no Senac Campinas. Será também apresentada no dia 17 na Lapa Tito, dia 18 Lapa Scipião e dia 19 em Guarulhos.

Slides

Dessa vez consegui finalmente usar o Keynote pra sincronizar o áudio da apresentação.

Slides com áudio

[ Download vídeo ] 14mb

Webdesigner 2.0: Requisitos mínimos para o upgrade profissional [MP3] 7 mb - 30 min

Comente este post

Próximos eventos

Fecharemos a maratona para divulgação do curso de especialização do Instituto dia 29 de maio, com a palestra conjunta O Diferencial do Design de Interação nas Organizações, em que eu e Paulo Melo falaremos sobre como o Design de Interação está se tornando estratégico para as empresas de Tecnologia. O curso de especialização começa dia 7 de junho!

Comente este post