O jogo simula a dinâmica de um ecossistema de startups, no qual os participantes desempenham papéis tanto de empreendedores quanto de investidores. Cada jogador começa com uma ideia individual, esboçada no papel, e avança por diversas fases competitivas e colaborativas. O pensamento visual desempenha um papel central na fundamentação da formação do conceito de startup, ao exigir que os participantes desenhem e representem visualmente suas ideias. Esse processo ajuda a esclarecer conceitos abstratos e incentiva a iteração rápida, algo crucial no empreendedorismo.

Vídeo

Temas

Organização do espaço para a colaboração.

Apresentação persuasiva de ideias.

Embasamento em pesquisas com usuários.

Documentação com service blueprint.

Prototipação de serviços com Lego.

Criação de narrativas sobre interações em vídeo.

Tutorial

Na primeira fase do jogo, cada participante apresenta sua ideia aos demais, tentando "vendê-la" em troca de formar uma parceria com outro jogador. Os esboços funcionam como apoio visual, ajudando os participantes a comunicar suas ideias com mais eficácia. Essas representações também facilitam a discussão, permitindo que potenciais parceiros visualizem possibilidades de aprimoramento e colaboração. O uso do desenho encoraja os participantes a pensar criticamente sobre a integração de diferentes conceitos e sobre a melhor forma de comunicar a visão de startup em evolução.

O jogo se desenvolve em 3 fases:

• Fase 1: Cada participante esboça sua ideia e sai para "vendê-la" aos outros. Os jogadores devem convencer outro participante a comprar sua ideia, o que leva à fusão ou ao abandono de uma das ideias.
• Fase 2: Os jogadores que formaram duplas passam a trabalhar juntos para desenvolver ainda mais a ideia combinada, ou a nova ideia resultante da fusão. Eles então criam um segundo esboço em uma nova folha de papel. Nessa etapa, os participantes focam no refinamento da ideia e na preparação para a fase seguinte.
• Fase 3: A dupla deve agora recrutar novos membros, convencendo outros a juntar-se ao seu time, formando grupos maiores. O objetivo é montar uma equipe com pelo menos 8 pessoas, incluindo membros de diferentes áreas ou formações. Times que não alcançarem esse número mínimo não podem avançar à etapa final.

Um aspecto único do jogo é a flexibilidade concedida aos jogadores: eles podem deixar seu time atual e juntar-se a outro a qualquer momento, promovendo constante interação e negociação. À medida que o jogo avança para as fases posteriores, as duplas precisam convencer outros a entrar em seu grupo apresentando visualmente suas ideias refinadas. Quanto maior e mais coesa a equipe se torna, mais forte deve ser sua narrativa visual. A fase final consiste na formação de um time com pelo menos oito participantes, cujo progresso é acompanhado visualmente em uma grande parede de papel kraft, onde todas as ideias e equipes são interconectadas por meio de esboços e diagramas.

As imagens da implementação do jogo demonstram como os participantes se engajam ativamente nesses exercícios visuais, apresentando suas ideias, discutindo-as em equipe e extraindo novos insights do processo colaborativo. As representações visuais funcionam como uma linguagem comum, reduzindo lacunas de entendimento e facilitando a convergência de participantes de diferentes formações em uma visão empreendedora compartilhada.

Comente este post

Por que é feito? O Storyboard foi criado originalmente para planejar filmes e animações, aproveitando a referência das revistas em quadrinhos. Os diretores de cinema precisam visualizar como será a sequência de cenas antes de começar a filmar, pois a filmagem custa muito caro. O storyboard ajuda a evitar erros e planejar algo bastante subjetivo.

Passo-a-passo

1. Imprimir 5 cópias do template de storyboard. Utilizar apenas lápis para poder apagar caso necessário. Escolha uma das histórias de interação com produtos e serviços que você ouviu do usuário ou observou.
2. Escrever nas linhas em branco o que acontece em cada cena antes de desenhar. As cenas não devem conter balões de texto, ou seja, escreva também as falas dos personagens se houver.
3. Depois de escrever todo o texto, comece a desenhar as cenas. Não se preocupe se só conseguir desenhar a figura humana em formato de palito. O ponto do exercício é pensar na sequência da interação.
4. Fotografar o storyboard com o celular ou câmera digital.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

O Storyboard é como se fosse uma história em quadrinhos sobre a interação que o usuário teve com um concorrente seu ou que vai ter com o produto ou serviço que você está projetando.

Para começar, imprima cinco cópias do template de Storyboard em uma folha de papel A4. Utilize lápis para poder apagar e rabiscar livremente. Escolha uma das histórias de interações que o usuário teve com produtos ou serviços que você observou diretamente ou que você ouviu do usuário para representar no seu Storyboard.

Cada quadradinho do Storyboard é como se fosse uma etapa na interação que o usuário tem com o produto ou serviço.

Antes de desenhar, você deve escrever embaixo o que está acontecendo naquela cena de modo que você se concentre nas ideias para depois pensar no visual.

Para o Storyboard, não é necessário desenhar com precisão. Esboços simples, bonequinhos de palito já são suficientes para expressar a ideia. O importante é contar uma boa história.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito? Um conceito que funciona muito bem na ideia pode não funcionar no mundo físico. Ao construir o protótipo, a ideia costuma ser adaptada para viabilizar sua execução. O protótipo ajuda a refletir sobre a ideia e torná-la mais concreta.

Passo-a-passo

1. Conseguir os materiais que parecem ser necessários para criar o protótipo.
2. Experimentar combinações dos vários materiais para dar forma ao protótipo. Tirar foto ou captura de tela de cada uma.
3. Implementar as funcionalidades do protótipo através de partes móveis, desenhos, texto de instrução e outras marcações.
4. Imaginar diversos usos do protótipo falando em voz alta o que você está fazendo.
5. Dentre os experimentos feitos, escolher um protótipo para testar na próxima fase do projeto.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

No começo de um projeto de produto ou serviço, é muito comum as pessoas pararem e não saberem como progredir. Nessa situação é muito indicado fazer um protótipo, um modelo físico mesmo, que permita o mínimo possível para poder experimentar o uso desse produto ou serviço e dessa maneira poder continuar o desenvolvimento do projeto.

Você pode usar vários materiais de baixo custo para fazer protótipos, tais como Lego, lápis, papel, isopor, massa de modelar, papelão ou poliestireno. É bom ter uma variedade de materiais à mão para que qualquer ideia possa ser imediatamente prototipada com as mãos. Comece colocando os materiais que você tem às mãos um em cima do outro só para imaginar como ficaria o produto ou serviço.

Se você estiver prototipando um serviço, você provavelmente precisará de materiais lisos para simular interfaces. Já se você estiver prototipando um produto, você precisará de materiais com volume, tais como massa de modelar, Lego, poliestireno e outros. O protótipo serve para tornar mais tangível as discussões ao redor do projeto e experimentar o uso. Ou seja, não é necessário desenvolver um protótipo muito detalhado. Apenas o mínimo necessário para experimentar o uso deve estar lá. Partes móveis, post-its, pedaços de papel, Lego, massa de modelar que se move, tudo isso pode ser utilizado com uma boa dose de imaginação para fazer o protótipo se tornar vivo e funcional.

O protótipo ideal é aquele que o usuário consegue experimentar o uso sem precisar de instruções de uma outra pessoa, apenas tocando e interagindo com o protótipo. Durante o desenvolvimento desse protótipo, é bem interessante testar essa capacidade do protótipo de ser autoexplicativo em várias diferentes situações. Então assim que alguém desenvolver um protótipo, outra pessoa na equipe deve pegar esse protótipo e experimentar como se fosse um usuário e novas ideias podem surgir desse processo. Os protótipos serão refinados, transformados em novos protótipos e assim o projeto vai evoluir através de ciclos.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito? Com frequência, a ideia que parece mais original do mundo já foi implementada em algum lugar. Para evitar o desperdício de desenvolver algo que já existe, é feita a análise de similares.

Passo-a-passo

1. Pesquisar no Google as ideias mais votadas na fase de brainstorming. Verificar se há produtos ou serviços que apliquem esta ideia.
2. Dentre os produtos e serviços encontrados, escolher 4 que forem mais parecidos.
3. Definir pelo menos 3 critérios de comparação e 4 funcionalidades para os similares e colocar numa tabela seguindo o template.
4. Classificar por nota de 1 a 10 os critérios e sim/não para as funcionalidades.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Análises similares servem para você evitar o constrangimento de apresentar essa ideia para alguém e receber como resposta "mas já não existe algo assim?" Com base na pesquisa que você fizer, você precisa mostrar que a sua ideia é diferente das outras e dessa maneira as pessoas vão acreditar que você irá sobreviver à concorrência.

O primeiro passo da análise de similares e talvez o mais difícil é encontrar os seus concorrentes, as ideias similares às suas. Pergunte para seus amigos, pergunte para especialistas, faça várias pesquisas no Google, tente várias palavras-chave, inclusive em outros idiomas. Tenha certeza de que alguém já não fez algo parecido com aquilo.

Alguns produtos ou serviços talvez nem valham a pena comparar com o seu, porém você deve escolher pelo menos 4 produtos ou serviços para comparar a ideia, mesmo que eles não atuem no mesmo mercado ou segmento em que você deseja atuar.

Defina pelo menos 3 critérios de comparação, beleza, durabilidade ou funcionalidade. Além dos 3 critérios, defina também 4 funcionalidades que o seu produto ou serviço tem e que os demais da concorrência não têm. Uma funcionalidade é uma característica específica de um produto ou serviço que você deseja comparar. Depois de definir os critérios e as funcionalidades, você deve classificar cada um dos produtos ou serviços comparados de acordo com uma escala nos critérios de 1 a 10 e nas funcionalidades sim e não.

Agora você tem uma visão clara do seu produto ou serviço em relação à concorrência. Você pode voltar e analisar a sua ideia para revisá-la a partir dessa pesquisa de análise similares.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Passo-a-passo

1. Pesquisar no Google imagens relacionadas ao seu tema. Salvar estas imagens numa pasta do computador. Filtre as imagens marcadas para reutilização com modificação na aba ferramentas. Se você tiver outra fonte de imagens com licenças de uso livres, fique à vontade para utilizar.
2. Abrir o template de painel semântico no PowerPoint.
3. Clicar com o botão direito nas imagens existentes e escolher "Mudar imagem". Inserir as imagens selecionadas na etapa anterior.
4. Organizar as imagens de maneira criativa e caótica.
5. Exportar o slide como uma imagem JPEG.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

O painel semântico é uma colagem de imagens que serve para expressar o significado de um contexto. Ele pode ser utilizado para lembrar os projetistas depois sobre esse contexto, sobre suas características, bem como para ajudar em situações em que há bloqueios de criatividade. Basta olhar para o painel semântico que as ideias vêm à cabeça imediatamente através das suas múltiplas imagens.

Primeiro, faça uma pesquisa no Google na aba "Imagens" sobre temas relacionados ao seu projeto. Filtre as imagens marcadas para reutilização com modificação na aba de "Ferramentas". Se você tiver outras fontes de imagens com licença de uso livres, fique à vontade para utilizar, não tem problema. Salve todas as imagens numa pasta de computador. Busque imagens que representem a diversidade do tema, as emoções que as pessoas sentem, os estilos e os objetos que as pessoas usam neste contexto.

Abra um template de PowerPoint sobre o painel semântico e modifique as imagens existentes para colocar aquelas que você salvou na sua pasta de computador. Mude elas de lugar, gire as imagens, faça cortes, ordene como quiser. Siga a sua intuição e tente deixar as imagens de maneira que elas evoquem emoções similares próximas umas das outras.

Lembre-se, o objetivo do painel semântico é estimular a criatividade da equipe e servir de orientação subjetiva ao projeto. Quando você estiver satisfeito com o resultado, exporte o seu painel semântico com uma imagem JPEG.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito? As pesquisas com usuários costumam levantar tantos dados que se torna difícil compreender e lembrar de tudo o que foi aprendido. A Persona é criada para sintetizar os dados num formato de fácil compreensão. Uma Persona pode representar vários tipos de usuários, porém, elas devem sempre parecer realistas.

Passo-a-passo

1. Os dados das pesquisas com usuários são reunidos para reflexão.
2. Escrever uma lista de tipos de usuários. Podem ser usadas variáveis para definir os tipos, tais como experiência no assunto, idade, poder aquisitivo, etc. Assim, é possível ter o tipo experiente/inexperiente, idoso/jovem, rico/pobre e assim por diante.
3. Criar uma persona para cada tipo de usuário utilizando o template de PowerPoint.
4. Definir os objetivos da persona, os comportamentos típicos, o que deve ser feito e o que não deve.
5. Colocar uma foto na Persona com direitos liberados para reutilização. No Google Imagens, você precisa clicar em "Ferramentas de pesquisa", "Sem filtros de licença" e selecionar "Marcadas para reutilização".
6. Agrupar todas essas informações num arquivo só.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Persona não são perfis de usuários inventados ou imaginados. Persona são perfis de usuários baseados em pesquisas sobre os hábitos, comportamentos e características de diferentes tipos de usuários. O objetivo é sintetizar todos esses dados de uma maneira fácil de lembrar e compreender.

O primeiro passo da criação de uma persona é reunir todos os dados levantados na pesquisa e procurar por padrões de comportamento nestes dados.

O número de personas vai depender da quantidade diferente de padrões que você encontrar nos seus dados. Cada tipo de usuário você poderá construir a partir de uma combinação de diferentes características, como, por exemplo, idade, profissão, experiência, com um determinado assunto. Mas lembre-se, acrescente somente os usuários que tenham aparecido na sua pesquisa.

Uma persona é uma ficha de personagem com as informações relevantes do produto ou serviço. A ficha costuma conter os objetivos da persona para usar, os comportamentos típicos, o que deve ser feito e o que não deve ser feito para essa persona. Essas informações devem ser coerentes com uma pessoa real, um perfil em que qualquer pessoa possa acreditar que existe no mundo real.

Se você quiser colocar uma foto de uma pessoa para ilustrar a sua persona, você precisará da autorização desta pessoa. Na busca de imagens do Google, você pode pesquisar por fotos de pessoas que já liberaram o seu uso pela internet. Clique em "ferramentas de pesquisa" e modifique a opção "sem filtros de licença" para "marcadas para reutilização".

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito? A jornada do usuário é uma descrição do produto/serviço do ponto de vista do usuário, ou seja, ela descreve quando e por que o usuário usa o produto/serviço sem entrar nos pormenores de funcionamento. Apenas aquilo que o usuário vê é mapeado. As oportunidades de mudança surgem à partir do estado emocional do usuário, que indica pontos onde deve haver melhoria ou simplificação.

Passo-a-passo

1. Escolher um tipo de usuário a ser mapeado com base nas pesquisas anteriores. Na maioria dos casos, cada usuário é mapeado em uma jornada diferente. Fazer um desenho simples do usuário num post-it ou papelzinho.
2. Escrever em post-its ou papéis pequenos tudo o que o usuário faz com o produto/serviço atual, quais são os meios que ele utiliza e como ele se sente. Utilizar um post-it para cada ideia.
3. Dividir uma folha de papel A3 em 5 colunas (Conhecer, Começar, Usar, Desenvolver, Sair) e 4 linhas (Ações do usuário, Pontos de contato, Dores e ganhos, Análise crítica).
4. Colar os post-its nos espaços correspondentes, criando uma classificação dos passos. Acrescentar novos post-its onde for apropriado. Mover os post-it de um lado para o outro caso mude de ideia.
5. Observar a sequência como um todo e preencher a linha de análise crítica.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Para a jornada do usuário, você irá precisar de uma caneta, um bloco de post-its, que pode ser substituído por folhas de papel cortado e uma folha de papel A3.

Lembre-se de algum usuário que você viu durante a sua pesquisa e faça um desenho dele, um desenho simples, num post-it.

Pegue um bloco de post-its e escreva em cada post-it uma ação que o usuário fez quando você observou durante a pesquisa. Escreva todas as ações que a pessoa fez, mesmo que não seja na ordem em que elas aconteçam. O importante, neste momento, é fazer uma pilha que depois você irá organizar na próxima etapa.

Agora, pegue a sua folha A3 e divida em cinco colunas. Conhecer, começar, usar, desenvolver e sair. Elas correspondem às etapas da jornada do usuário, desde o momento em que ele descobre o serviço ou produto que você está analisando até o momento em que ele deixa de usar. Depois disso, faça quatro linhas. Ações do usuário, pontos de contato, dores e ganhos e análise crítica. Estas linhas servem para analisar como que o produto ou serviço interage com o usuário durante cada etapa de sua jornada.

Cole os post-its que você tinha escrito anteriormente nas colunas e linhas correspondentes às etapas da jornada do usuário. Talvez você queira acrescentar novos post-its ou então mudar de lugar os post-its existentes. O objetivo é refletir sobre a jornada do usuário.

Depois que você tiver colado todos os post-its, observe a visão geral da jornada do usuário e faça uma análise crítica dos problemas encontrados na última linha.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Passo-a-passo

1. Reunir todos os membros do projeto e discutir o foco do projeto.
2. Refletir sobre as pesquisas iniciais.
3. Definir problemas, usuários, oportunidades, recursos e retorno do investimento.

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Como começar o briefing? Reúna os seus colegas num local onde você possa confortavelmente discutir o projeto. Uma dessas pessoas deve se responsabilizar por tomar notas de tudo o que for discutido durante a conversa.

A discussão irá gerar o documento de briefing, um documento que contém todas as premissas básicas que irão orientar o projeto numa determinada direção, mesmo que não se saiba exatamente o que se está projetando.

Nas pesquisas anteriores, você deve ter observado situações em que as pessoas tinham problemas com serviços, produtos e tecnologias. Na discussão de briefing, você deve lembrar desses problemas para orientar o projeto. Defina quais usuários serão atingidos pelo problema. Pense nas pessoas que você viu falando com o problema. Defina um perfil para cada uma delas, ou seja, um tipo de usuário que tenha aquele problema. Esse perfil pode ser baseado em demografia, um cargo profissional ou também um nível de relacionamento.

O que seria possível fazer caso esses problemas não existissem? Pense nas vantagens para o usuário, para sua família, colegas de trabalho e a empresa onde ele trabalha.

Faça uma lista de recursos que você precisará para desenvolver o projeto. Esses recursos podem ser materiais, insumos, veículos, objetos, locais, etc. Isso vai ajudar a sua equipe a saber o que precisa correr atrás.

Discuta, por fim, o retorno para um potencial investidor do projeto. Quem você acha que poderia investir na ideia e qual será o retorno do investimento.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito? As histórias de vivências que o usuário conta ajudam a compreender suas motivações, dificuldades e desejos. A entrevista permite uma compreensão mais profunda do que outros métodos de pesquisa, pois a pessoa pode se expressar livremente.

Passo-a-passo

1. Definição de usuários e temas de interesse. Não é aconselhado escrever de ante-mão as perguntas a serem feitas, apenas uma lista de temas a serem tratados.
2. Busca de usuários em locais públicos ou através de redes de amigos.
3. Marcar o local e a data da entrevista com o usuário.
4. Conversa relaxada sobre os temas de interesse, sem parecer inquérito policial. O entrevistador tem duas opções: anota num caderno para não esquecer os principais momentos das histórias descritas ou grava o áudio da entrevista, com a autorização do entrevistado.
5. As entrevistas com diferentes usuários são comparadas e histórias similares aparecem.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Para fazer a entrevista contextual, você precisa definir quais são os usuários que você vai entrevistar e quais serão os tópicos que você irá abordar. Não é necessário fazer uma lista de perguntas, isso vai levar você a fazer uma entrevista que mais parece um inquérito policial do que uma conversa. A melhor maneira de você se preparar para a entrevista é fazer uma lista solta de tópicos a serem abordados.

O método de entrevista contextual consiste em ter um diálogo, uma conversa no território do próprio usuário, na casa dele, no escritório, na universidade, onde ele normalmente costuma frequentar. Lá, você irá ter uma conversa sobre temas de interesse do usuário, não necessariamente os seus próprios temas. A partir do momento que você engaja nessa conversa, você pode sim acrescentar tópicos do seu interesse, mas o mais importante é não interromper o fluxo da conversa e manter o clima de diálogo aberto.

Quando o usuário estiver falando, tome notas num caderno para se lembrar dos principais pontos da conversa. Você pode, se tiver autorização do usuário, gravar o áudio também, mas lembre-se, depois que você for ouvir esse áudio, você irá gastar o mesmo tempo para extrair algum dado relevante, logo, anotar no caderno é mais importante do que gravar a conversa em áudio.

Enquanto o usuário estiver falando, aproveite para encaixar a sua pergunta no mesmo tema, mesmo que ele esteja numa ordem diferente na sua lista de tópicos. Isso vai ajudar o usuário a se sentir mais à vontade na conversa e você poderá ir mais a fundo no tema.

As perguntas que você for fazer ao usuário não devem ser perguntas muito fechadas, que a pessoa possa responder sim ou não e a conversa acabar. O ideal é você fazer perguntas mais abertas, vagas mesmo, com a intenção da pessoa se abrir e aí sim você trabalhar no tema que é de interesse dela.

Se você sentir necessidade, você pode ter uma outra pessoa te ajudando a tomar notas enquanto o usuário vai falando, você pode se concentrar então em fazer perguntas relevantes. Caso você fique sem algum assunto ou não saiba mais o que perguntar, volte à sua lista de tópicos anotada no caderno e veja se você abordou todos os tópicos.

Se você ficar com dúvidas sobre alguma coisa que a pessoa disser, aproveite para utilizar o "por quê", essa ferramenta mais importante numa entrevista que vai ajudar o usuário a expressar as motivações dele.

Quando você tiver abordado todos os tópicos da sua lista e não tiver mais nenhuma dúvida sobre o que o usuário falou, então agradeça essa pessoa e termine a entrevista.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Passo-a-passo

1. Definição de usuários a serem mapeados. Estes podem ser os mesmos usuários estudados por Shadowing.
2. Mapear as atividades de acordo com o horário e local num dia típico de semana utilizando o template de Excel. Apenas as atividades de rotina devem ser mapeadas. Deixar em branco o que não souber.
3. Validar a linha do tempo com o usuário para verificar que não tem nada errado por telefone ou email. Tirar as dúvidas sobre o que não se sabia.
4. Comparar o dia na vida de diferentes pessoas.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Abra a planilha "Um Dia na Vida" e insira os dados que foram coletados na sua pesquisa com usuários. Você deve preencher todas as atividades que o usuário faz durante um dia comum de sua vida. Se você não souber alguma coisa, estiver faltando alguma informação, aproveite para telefonar, mandar uma mensagem para o usuário entrevistado e verificar esses dados.

Quando acontecer alguma coisa no dia da pessoa que você perceber que não está contribuindo para a motivação dela, isso pode se tornar um problema de projeto. Isso significa que você pode desenvolver algo que tente solucionar esse problema para essa pessoa. Dificilmente, se você perguntar para uma pessoa quais são os problemas dela, ela vai te dizer porque esses problemas serão resultado da sua análise das dificuldades que as pessoas têm em atingir as suas motivações.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito? O produto ou serviço sempre parece mais fácil de usar nas mãos de seus criadores do que nas mãos de usuários que não sabem nada sobre o assunto. Já que o objetivo de qualquer projeto é ser útil para os usuários, nada mais coerente do que testar com usuários para obter feedback nesse sentido.

Passo-a-passo

1. Recrutar pelo menos 5 usuários para o teste de usabilidade. Tentar encontrar pessoas parecidas com as personas definidas anteriormente. Agendar com cada usuário um horário separado. Não testar com todos ao mesmo tempo.
2. Escrever a lista de tarefas a serem dadas para os usuários antes do teste. Essas tarefas não devem mencionar as mesmas palavras contidas no protótipo para evitar enviesamento.
3. Durante o teste, explicar ao usuário que quem está sendo testado é o produto/serviço e não o usuário, ou seja, sua capacidade de usar não está em jogo. O usuário é o especialista em uso; ele sempre tem razão.
4. Pedir ao usuário para executar as tarefas da lista enquanto verbaliza seus pensamentos. Caso tenha uma outra pessoa disponível para te ajudar, tire fotos em momentos que o usuário tenha dificuldades para lembrar depois.
5. Pedir ao usuário verbalizar seus pensamentos sempre que ele ficar em silêncio.
6. Quando terminar todas as tarefas, agradecer o usuário e escrever uma lista de aprendizados.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

A melhor maneira de obter feedback sobre um produto ou serviço que você esteja desenvolvendo é através do teste de usabilidade. Você apresenta o protótipo e pede para que os usuários usem como se fosse na realidade. Ou seja, o teste de usabilidade é uma espécie de simulação de uso.

Realize o teste de usabilidade com pelo menos cinco pessoas diferentes. Acredita-se que essa quantidade é suficiente para encontrar a maior parte dos problemas. Busque as pessoas que vão participar do teste entre seus conhecidos, amigos e profissionais. Tente encontrar pessoas que são parecidas com as pessoas que você identificou nas fases de pesquisa anterior.

Evite de fazer o teste de usabilidade com mais de um usuário ao mesmo tempo. Do contrário, pode ser que haja influência do comportamento de um sobre o outro.

Escreva uma lista de tarefas que você deseja que o usuário realize com seu produto ou serviço. Escreva com um texto vago e impreciso de propósito, com o objetivo de que o usuário tenha uma certa dificuldade para realizar a tarefa e não venha com uma resposta muito óbvia. Do contrário, você não conseguirá obter um feedback útil para o seu teste.

Quando os usuários chegarem para fazer o teste, cumprimente-os e explique que o objetivo do teste não é testar a capacidade do usuário em realizar as tarefas, mas sim testar a capacidade do produto e serviço em servir o usuário. Ou seja, se algum problema acontecer, a culpa não é do usuário, a culpa é do produto ou serviço.

Leia a tarefa que o usuário precisa realizar e peça que ele verbalize tudo que vier na sua mente. Esse dado será fundamental para entender o seu comportamento. Toda vez que o usuário quiser clicar em alguma coisa, peça que ele mostre isso apontando o dedo tocando no lugar mesmo onde ele gostaria de interagir.

Enquanto o usuário realiza as tarefas e conversa com o pesquisador, é importante ter uma terceira pessoa que anota tudo que está sendo dito e discutido e também tira fotos de momentos relevantes. Essa pessoa deve evitar de interagir com o usuário e se concentrar na tarefa de anotação.

Se em algum momento durante o teste o usuário parar e ficar pensando consigo mesmo, é importante que o pesquisador estimule-o a verbalizar o seu pensamento para compreender as suas motivações. Sempre que o usuário tiver algum problema na sua interação, é fundamental que o anotador tire uma foto e registre aquele momento em suas anotações.

Depois de executar todas as tarefas, converse com o usuário sobre como foi a experiência dele e, em especial, os problemas que ele teve. Se o usuário tiver sugestões de como poderia ser feito diferente, entregue-o uma folha de papel para que ele desenhe, de repente ele se anima e te dá ideias maravilhosas para melhorar o seu protótipo.

Por fim, não se esqueça de agradecer ao usuário pela sua participação, afinal de contas ele foi o especialista durante o teste de usabilidade.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito? Especialistas trazem uma visão nova para o projeto e encontram problemas até então invisíveis ao criador do projeto. A avaliação heurística é uma maneira estruturada de incorporar a experiência dos especialistas no projeto.

Passo-a-passo

1. Escolher o conjunto de heurísticas mais apropriado para o projeto.
2. Encontrar um especialista no tema do projeto.
3. Entregar para ele ou ela o protótipo junto com o template de avaliação em Excel contendo as heurísticas e um espaço para comentários. Aqui há um template com heurísticas de produtos e heurísticas de serviços. Você pode escolher entre repassar um conjunto de heurísticas aplicável a produtos ou a serviços. Peça que o avaliador mencione as heurísticas na medida em que for tecendo comentários.
4. Comparar e refletir sobre os resultados.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Heurística é um conhecimento acumulado através da experiência profissional. O conhecimento surge da identificação de padrões entre problemas e soluções recorrentes. A heurística serve para lembrar e orientar os projetistas para o que é mais importante para aquele projeto.

Na literatura de design existem vários conjuntos de heurísticas prontas para usar. Para avaliar serviços, recomendamos utilizar o conjunto de heurísticas de Visard. Para produtos, aplicativos e websites, recomendamos o conjunto de heurísticas de Jacob Nielsen e de Rolf Mollich. Também é possível aplicar dois conjuntos no mesmo projeto ou, então, utilizar outros conjuntos de heurísticas.

O primeiro passo da avaliação heurística é encontrar um ou mais especialistas externos ao projeto, pessoas que possam avaliar o produto ou serviço que você está desenvolvendo e dar um parecer neutro a respeito daquela interação. É importante que também essas pessoas sigam as mesmas instruções de modo a facilitar a comparação na análise.

As instruções são as seguintes. Entregue o protótipo desenvolvido em uma planilha de análise contendo as heurísticas escolhidas bem como um espaço para comentários. Peça que o avaliador relacione os seus comentários com as heurísticas existentes. Deste modo, será mais fácil comparar os resultados dos diferentes avaliadores.

Coloque as planilhas recebidas dos avaliadores lado a lado e verifique se existem coisas que são parecidas entre umas e outras. Caso isso aconteça, marque com uma cor diferente, porque isso significa que há um consenso entre os avaliadores de que algo deve ser mudado no seu produto ou serviço.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito?

Quem possui experiência em projetos sabe que a primeira ideia que vêm à cabeça dificilmente será a melhor. O brainstorming gera diversas ideias para explorar as possibilidades antes de escolher qual ideia desenvolver. É também uma maneira de aproveitar a empolgação de um grupo para gerar novas ideias.

Como é feito?

1. As pessoas que vão participar do brainstorming se reúnem numa mesa em círculo.
2. Uma das pessoas se prontifica a ser o anotador da sessão. As anotações podem ser feitas num caderno ou num quadro branco/flipchart para visualização geral.
3. As pessoas falam sobre suas ideias e estendem as ideias dos outros. Devem ser criadas pelo menos 30 ideias diferentes.
4. Quando o tempo estiver acabando, é recomendável fazer uma eleição das melhores ideias. Cada participante tem direito a votar em 3 ideias diferentes. Os votos são marcados com adesivos de bolinha Pimaco ou riscos ao lado da ideia.
5. O anotador verifica se todas as ideias foram capturadas e a sessão é encerrada.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

Para realizar uma sessão de brainstorming, comece preparando um espaço confortável para o grupo trabalhar. Certifique-se de ter um quadro branco ou um flip chart, uma mesa pequena, canetas, papel, fita crepe e etiquetas de bolinha colorida disponíveis.

Reúna sua equipe e escolha um anotador para as ideias. Esta pessoa terá a responsabilidade de ouvir e anotar todas as ideias que os outros participantes mencionarem, evitando dar suas próprias ideias para manter o foco no registro.

Os outros participantes podem desenhar e anotar suas ideias em folhas de papel soltas e, em seguida, colá-las no quadro branco junto com as anotações feitas pelo anotador. Sempre que alguém tiver uma ideia, é recomendável que, além de falar, também a anote numa folha de papel para ser colocada na parede ou no quadro branco. Isso permite que todos tenham uma visão clara do que foi proposto e possam continuar a desenvolver a ideia na mesma linha ou explorar uma linha diferente.

É importante observar as ideias dos colegas e procurar acrescentar algo a elas. Ao invés de propor uma ideia totalmente nova, tente desenvolver progressivamente uma ideia já existente. O método de brainstorming sugere evitar críticas, pois elas podem bloquear a criatividade e tornar a sessão improdutiva. Em vez disso, substitua as críticas por sugestões de melhorias ou alterações nas ideias.

Quando o grupo não tiver mais ideias ou o tempo da sessão estiver se esgotando, reserve um tempo para observar o que foi produzido coletivamente. Para selecionar as melhores ideias para o projeto, os participantes podem fazer uma votação. Cada pessoa recebe três etiquetas de bolinha colorida e escolhe suas ideias favoritas, colando um adesivo em cada uma. No final, o grupo terá uma visualização das ideias desenvolvidas e das mais votadas.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Por que é feito?

Shadowing é usado para perceber como uma atividade depende de outra, como as pessoas reagem a situações inesperadas e que tipo de soluções criam para manter seus compromissos em dia. Estas informações são utilizadas para compreender demandas específicas e criar produtos e serviços que se encaixem na rotina do usuário.

Como é feito?

1. Definição de atividades e usuários de interesse.
2. O observador encontra um usuário de interesse num local público ou dentro de uma organização.
3. O observador aborda o usuário, explica o propósito do shadowing e pede permissão para seguí-lo e fotografá-lo.
4. O observador segue o usuário durante a execução de atividades de seu interesse.
5. O observador tira fotos, toma notas e faz perguntas em momentos apropriados.
6. A observação acaba e os dados coletados são guardados e organizados. O observador agradece a participação e pede o telefone do usuário para tirar dúvidas posteriormente.

Vídeo

Créditos: Vídeo produzido pela Hotmilk PUCPR e Imago Produções Educativas em 2017, como material didático para o programa de inovação aberta Renault Experience. Esta cópia faz parte do arquivo pessoal de Frederick van Amstel, responsável pelo roteiro e apresentação. Direção: Tatiana de Paula Lopes.

Transcrição

O shadowing é uma técnica utilizada para acompanhar um usuário em suas tarefas cotidianas, revelando seus sentimentos e pensamentos, tanto conscientes quanto inconscientes. Para realizar o shadowing, você precisará de um caderno de anotações, um smartphone para tirar fotos, e, principalmente, de uma pessoa, um usuário, para acompanhar.

Para encontrar um usuário, é melhor evitar sua rede de amigos, pois eles podem se comportar de forma diferente sabendo que você está observando. O ideal é encontrar alguém que você não conhece, em um ambiente público. Aborde essa pessoa e pergunte se ela quer participar da pesquisa, explicando que você é universitário e está tentando entender melhor o comportamento das pessoas. É provável que algumas pessoas recusem, mas não desista, continue procurando até encontrar alguém disposto a participar.

Quando encontrar um participante, é recomendável não começar imediatamente, mas sim marcar um horário conveniente em um outro dia, para segui-lo desde o início até o final de suas atividades diárias. No dia combinado, chegue no horário e informe ao participante que você não vai interagir com ele, mas apenas observar suas atividades à distância.

O principal benefício do shadowing é identificar situações em que o usuário enfrenta problemas no seu dia a dia e observar como ele lida e resolve esses problemas por conta própria. Essas situações podem revelar oportunidades de inovação e mudanças significativas para a vida do usuário.

Sempre que algo interessante acontecer, não perca a oportunidade de tirar uma foto para lembrar melhor depois. Durante o dia, você pode querer fazer algumas perguntas, mas guarde-as para momentos de pausa, como quando o usuário para para tomar um café.

Preste atenção especial às situações inesperadas que o usuário enfrenta. Essas podem ser oportunidades interessantes de inovação. O seu trabalho no shadowing é registrar tudo o que o usuário faz, tanto as coisas interessantes quanto as que você possa querer refletir mais tarde.

Ao final do dia, transfira os dados coletados para um computador. A maneira mais fácil de organizar esses dados é substituir o nome dos arquivos das fotos por legendas que descrevam o que está acontecendo em cada uma delas. Isso ajudará muito na hora de encontrar os dados quando você precisar deles.

Série

Este tutorial faz parte de uma toolkit de inovação no design, com outros métodos que podem ser combinados. Esses métodos não precisam ser executados necessariamente nesta ordem.

1. Brainstorming
2. Análise de similares
3. Briefing de projeto de experiência
4. Pesquisa de shadowing do usuário
5. "Um Dia na Vida" dos usuários
6. Storyboard de interação
7. Painel semântico
8. Entrevista contextual
9. Personas de usuários
10. Jornada do usuário
11. Protótipo bruto
12. Teste de usabilidade
13. Avaliação heurística de interfaces

Comente este post

Nessa reportagem do programa Descubra Paraná da TV Paraná Turismo, o repórter Luan Azevedo mostra como são as aulas de Psicologia 1 do professor Frederick van Amstel na UTFPR.

Vídeo

Comente este post

Projetando interações com vídeo [PDF] 2 páginas

Resumo estendido do minicurso a ser realizado no IHC 2017, em Joinville.

Vídeo

Compilado de exemplos de projetos de interação com vídeo criados por meus estudantes.

Áudio

Gravação da apresentação inicial do minicurso com Rodrigo Gonzatto.

Projetando interações com vídeo [MP3] 24 min

Como citar

Comente este post

Como se trata de uma versão preliminar do que vai ser o produto, serviço ou processo, o protótipo costuma ter uma aparência bruta, ter partes faltando e funcionalidades limitadas. Essa incompletude é proposital, uma vez que busca-se com ela abrir espaço para sugestões e críticas que completam o conceito.

Um recurso muito útil para receber sugestões e críticas é o humor enquanto se constrói e testa o protótipo. O clima de brincadeira ajuda as pessoas a imaginar como o protótipo pode ser completado.

Nas minhas oficinas e aulas de prototipação, levo a brincadeira muito a sério. A gravação abaixo é parte da pós-graduação em Big Data e Analytics da PUCPR.

Guia de prototipação para performances emergentes [MP3] 30 min - 13 MB

À partir do meu framework para projeto de performances emergentes (informação, interação e experiência), eu proponho três tipos de protótipos:

• Protótipo formal (modelo volumétrico, modelo em escala, rendering)
• Protótipo estrutural (mockup, modelo estrutural, cenário)
• Protótipo funcional (prova de conceito, simulação)

Qualquer protótipo tem uma combinação de forma, estrutura e função, porém, cada tipo testa um aspecto em detrimento do outro. Quando o protótipo possui todos os aspectos, pode-se dizer que ele é quase uma versão final.

O vídeo instrucional que gravei para o programa Renault Experience 2.0 explica como fazer protótipos estruturais.

No vídeo, as estudantes da PUCPR estão se divertindo não por acaso. A diversão anda de mãos dadas com a prototipação, em especial, nas fases iniciais do projeto. Uma maneira de estimular a diversão é a escolha de materiais de cocriação coloridos e parecidos com brinquedo.

Comente este post

Em 2005, publiquei um podcast sobre Design de Interação e Antropologia em que apresento o método e relaciono-o com as intenções do Design de Interação de se diferenciar da Interação Humano-Computador. Eu dizia que esta última estava muito focada na interação com o computador enquanto que o Design de Interação tinha uma percepção mais ampla do contexto, considerando sua constituição social e cultural.

O modelo dos contextos que elaborei em seguida deixa esta distinção mais clara: enquanto a Interação Humano Computador expandiu os interesses da Computação para o contexto simbólico, o Design de Interação expandiu o interesse da Computação para o contexto social e cultural.

A etnografia foi importada da Antropologia para realizar tal visão, porém, muitos aspectos fundamentais foram deixados de lado nas aplicações em Design de Interação. Por exemplo, a intenção original de evitar o julgamento de uma cultura pela outra ainda não se converteu numa crítica ao etnocentrismo do design. Esse aspecto é fundamental, pois realiza o objetivo da Antropologia de descolonizar o pensamento, reconhecer o outro e refletir criticamente sobre sua própria existência.

Enquanto não se desenvolvem tais aspectos nas aplicações do design, eu prefiro chamar etnografias de estudos etnográficos em design. Os estudos etnográficos no design costumam ter um escopo e duração menor do que a etnografia antropológica, em parte pelo prazo curto de projeto, em parte pela falta de conhecimento dos designers sobre o assunto.

Em 2013, fiz um apanhado de vídeos sobre como fazer estudos etnográficos no meu blog em inglês. Agora, de volta ao Brasil, tive a oportunidade de produzir tutoriais em vídeo sobre o assunto em língua portuguesa. Estes tutoriais fazem parte do desafio Renault Experience 2.0 que a PUCPR desenvolveu junto com a Renault.

O primeiro tutorial apresenta a técnica de shadowing, que consiste em acompanhar um usuário em suas tarefas rotineiras. Mais detalhes sobre a técnica podem ser encontrados na Plataforma Corais.

Durante o shadowing, deve-se evitar de interromper o usuário para conversar. O pesquisador deve atuar como "uma mosca na parede" para que o comportamento seja o mais rotineiro possível. Caso haja a necessidade de compreender melhor as motivações do usuário, é melhor deixar para o fim da observação ou para outro dia.

Para compreender motivações, a técnica da entrevista contextual é bem mais indicada.

Minha técnica de entrevista tem influência forte das práticas de Jornalismo, devido à minha formação. A diferença principal é que o objetivo não é coletar afirmações interessantes para usar na notícia, mas de fato entender o que o usuário está falando além de desenvolver empatia. Mais detalhes podem ser encontrados na Plataforma Corais.

Por fim, explico como analisar os dados coletados sobre a rotina de um usuário através de uma planilha de Excel.

Os trabalhos enviados pelos estudantes até agora para o Renault Experience 2.0 tem demonstrado que realizar um estudo etnográfico não é difícil e traz insights valiosos para um projeto. Nossa intenção principal como organizadores do desafio era estimular os estudantes a sairem da frente do computador. Quando o desafio terminar, pretendo verificar o grau decontribuição dos estudo etnográficos para o desenvolvimento das melhores propostas de serviço ou produto.

Além dessas vídeo aulas, estou publicando também um áudio sobre o uso da Teoria da Atividade para orientar estudos etnográficos. Espero que tais materiais ajudem a consolidar a prática e elevar o nível da discussão em língua portuguesa.

Comente este post

Trata-se de um vídeo em timelapse da oficina que organizei para vislumbrar um laboratório vivo entre a Prefeitura de Curitiba e várias universidades. O vídeo foi gravado pelo meu colega da PUCPR, o Artur Mittelbach. Olhando o vídeo várias vezes, consegui entender melhor como faço isso.

Em primeiro lugar, eu tento manter as pessoas o máximo de tempo fazendo coisas além de falando. Quando as pessoas falam e não constróem algo juntas, podem empacar na diferença de opiniões. Externalizar o pensamento utilizando materiais ajuda a desvincular a ideia do pensador, o que habilita a crítica. Quando se faz uma crítica baseadas numa fala, há o risco da pessoa se sentir ofendida pois a ideia está dentro da pessoa. Quando a ideia é externalizada, fica mais clara a diferença entre pessoa e ideia e os demais podem não somente criticar como também acrescentar novas ideias.

Como facilitador, costumo interromper falas alongadas e perguntar à pessoa qual é a sugestão dela, principalmente se a fala tem tom de reclamação. A proposta é canalizar a expressão destrutiva para um fim construtivo. Quando as pessoas estão mais familiarizadas com o jargão da democracia participativa, uso a pergunta-chave: "e qual seria o encaminhamento disso?".

Em alguns casos, a reclamação é sinal de um conflito que precisa ser trabalhado. Nesse caso, interrompo a pessoa para confrontar com uma perspectiva diferente de uma outra pessoa que tenha se manifestado anteriormente. Deixo a discussão correr entre as duas até parecer que não há solução. Então, convido a construir algo juntas: um modelo, uma imagem, um objeto, uma encenação. Essa construção se dá primeiro com contribuições individuais em silêncio e depois através da conversa e manipulação do modelo.

Depois que as pessoas constróem algo juntas, convido elas a contemplar o que construiram com um minuto de silêncio. Esse momento de reflexão costuma render insights inesperados e, por outro lado, descansa um pouco o ouvido e a atenção em outras pessoas. Também valoriza a construção coletiva e ajuda a identificar contribuições isoladas no todo. Os conflitos e divergências ficam patentes, porém, eles parecem agora mais construtivos do que destrutivos. Fica claro que ali deve ser o foco das atenções e que uma ação nesse conflito irão ter maior repercursão.

Depois que os conflitos estão deflagrados, é interessante dividir os participantes em grupos. Inicialmente o grupo deve ser entre as pessoas que concordam com uma mesma posição. Depois, esse grupo deve ser preferenciamente desmembrado para dar lugar a grupos com diversidade de opiniões. Por fim, os trabalhos em grupo devem ser apresentados para todos, no grupo grande. Esse momento também de reflexão é excelente para avaliar o próprio trabalho em grupo.

Esse processo de vai e volta nas discussões é análogo ao movimento do corpo das pessoas durante a oficina. Se as pessoas estiverem sentadas, a tendência é que se acomodem em suas posições, que continuem conversando com as mesmas pessoas, construindo o mesmo objeto. Por isso, tento manter as pessoas em pé e circulando o máximo possível durante a oficina. Paredes, quadros brancos móveis e mesas sem cadeira são recursos importantes para estimular essa atividade corporal. Às vezes é preciso lembrar as pessoas de que elas podem circular.

Organizar uma oficina de co-criação vibrante requer planejamento, mas este não pode ser seguido à risca. Estruturar demais a interação pode deixar as pessoas numa postura passiva, em que elas esperam o facilitador dizer o que é pra fazer. Isso é ruim, pois é justamente nas iniciativas espontâneas que se encontra a inovação. Portanto, é preciso ir adaptando o planejamento da oficina de acordo com a percepção de seu andamento.

Um indicador que eu uso muito é a chamada "energia" da oficina. Quando as pessoas estão demonstrando disposição e foco nas atividades, bem como obtendo prazer por participar, a energia está fluindo bem. Quando elas aparentam estar cansadas ou desatentas, então é hora de fazer um interval, mudar de atividade ou trocar de postura corporal.

Um exemplo interessante (que não aparece no vídeo) é que ficou faltando uma atividade importantíssima para pensar em fontes de financiamento para o laboratório vivo. Eu tinha programado uma dinâmica baseada em mapas para pensar isso, mas notei que os participantes estavam cansados demais para se engajar. Então, pedi emprestado um capacete de bicicleta que um participante havia trazido e pedi que todos colocassem suas fontes de financiamento dentro. Depois, sorteei algumas e li em voz alta. Isso reduziu em três vezes o tempo da dinâmica e ainda assim conseguiu levantar as ideias necessárias.

Isso foi o que eu vi. Provavelmente existem outras técnicas que utilizo que não ficaram tão explícitas no vídeo. Se você estiver vendo alguma coisa que não vi ou quiser fazer uma pergunta, utilize os comentários abaixo.

Comente este post

Segundo pesquisa realizada pelo Instituto Máquina, o Facebook é o canal mais utilizado pelos parlamentares brasileiros para interagir com seus eleitores.

Os parlamentares querem estar no Facebook porque os brasileiros discutem política neste espaço como nunca fizeram antes. Em 2013, o termo "manifestação" acabou sendo mais mencionado do que "carnaval" na rede Facebook (!).

Apesar de potencializar mobilizações, o Facebook não substitui as ruas porque não é um espaço público. Mesmo que uma pessoa escolha que uma atualização seja pública, ela não será mostrada a todos os usuários da rede. Isso se deve ao algoritmo Edgerank. Quanto maior for a interação entre duas pessoas, maior a chance da atualização de ser mostrada na linha do tempo da outra. Além disso, quanto mais as pessoas interagirem com essa atualização, mais ela será replicada. Os valores exatos não estão disponíveis para consulta e podemos apenas conjeturar sobre seu funcionamento.

Para ver como o algoritmo impacta na mobilização política, vejamos a recente campanha promovida pelo próprio Facebook para celebrar o orgulho LGBT. Poucas horas depois da aprovação do casamento de pessoas de mesmo sexo nos EUA, milhões de pessoas já estavam usando uma camada colorida sobre sua foto de perfil. Como é possível que essa camada tenha se alastrado tão rapidamente?

A explicação é que o peso atribuído à alteração de foto de perfil é o maior dentre as interações possíveis no Facebook. Com a ajuda dos likes e comentários dados pelos amigos, a chance da foto colorida aparecer na linha do tempo dos amigos aumenta muito. Se vários de seus amigos adotaram a camada colorida, você teve a impressão (errônea) de que a grande maioria das pessoas apoiavam o movimento LGBT. Segundo o próprio Facebook, apenas 1,8% de todos os usuários da rede adotaram a camada colorida.

O ativista Eli Parisier deu uma palestra muito interessante na TED explicando que o algoritmo do Facebook cria bolhas sociais, compostas de pessoas que gostam das mesmas coisas. Isso se intensifica quando os usuários deliberadamente terminam a amizade ou escondem as atualizações de outras pessoas. Conscientemente ou não, as pessoas vão construindo a sensação ilusória de que o mundo ao seu redor é composto de pessoas com o mesmo ponto de vista.

Algumas pessoas especulam que o Facebook usou a campanha do orgulho LGBT como mais um experimento de comportamento massivo, justamente para compreender como se dá a formação dessas bolhas sociais.

Nós partimos da mesma curiosidade para organizar o experimento no laboratório vivo do FISL, porém, ao contrário do Facebook, nós deixamos claro que se tratava de um experimento. Além disso, nos comprometemos a divulgar os resultados e a liberar as instruções para replicar o experimento.

O experimento consiste em participar de um jogo que simula de maneira simplificada o funcionamento do algoritmo do Facebook. Ao final do jogo, os participantes podem perceber e discutir os efeitos desse algoritmo sobre a mobilização política.

Abaixo segue um protótipo do jogo feito antes da realização no FISL.

No jogo real, os bonecos são pessoas e o jogo adquire uma dimensão performática. É um jogo fácil e divertido de jogar, mas que também provoca uma discussão muito séria a respeito da maneira como se relacionamos com nossos amigos e a sociedade.

Instruções

O jogo pode ser realizado com no mínimo 5 e no máximo 100 pessoas. O tempo de duração pode ser de 15 a 45 minutos. Antes de começar, é preciso preparar algumas coisas:

• Cada pessoa recebe
  • Um pregador de roupas para colocar na lapela da camisa
  • Uma cartela com 21 adesivos de likes
  • Bloco com post-its para escrever atualizações de status
  • Alguns fios de lã para conectar seus amigos
• Os jogadores se posicionam num espaço aberto, a meio metro de distância de seus amigos. Eles podem ficar sentados ou em pé
• Cada jogador deve adicionar seus amigos prévios com fios de lã que partem do seu pregador de roupa para o do amigo
• Todos os jogadores devem fazer pelo menos um amigo
• Anuncia-se um tema que está em voga nas redes sociais no momento. Todas as atualizações de status devem seguir esse tema

O objetivo do jogo é ficar com melhor saldo de likes (os likes recebidos nas suas atualizações menos os likes restantes em sua cartela). As regras podem ser resumidas nos seguintes pontos:

• Os jogadores escrevem atualizações e enviam para um de seus amigos conectados
• O amigo recebe a atualização e decide se gosta ou se devolve para o autor
• Quando o autor recebe de volta a atualização, guarda no bolso e não pode mais repassar aos amigos
• Se o amigo gostar da atualização, ele deve retirar um adesivo de like de sua cartela e colar na atualização, repassando em seguida a outro amigo
• Os jogadores podem andar e conectar-se a outros jogadores, porém, é possível que os fios se desconectem pelo movimento. Nesse caso, os jogadores perdem a amizade de maneira tácita (eles ignoram as atualizações do outro)
• Os jogadores podem remover explicitamente uma conexão de amizade caso as interações não sejam de seu agrado
• No final do jogo ganha quem tiver o melhor saldo de likes

Após o fim do jogo é possível discutir o papel do algoritmo do Facebook na mediação no debate político. Os jogadores podem propor mudanças nas regras do jogo e recomeçar o jogo para ver se um outro algoritmo seria desejável.

Resultados

O tema escolhido para o experimento no FISL foi a proposta de redução da maioridade penal de 18 para 16 anos, uma emenda que tramita no Congresso Nacional. Abaixo segue uma tabela com a transcrição dos post-its coletados e o número de likes que eles receberam.

Discussão

Os participantes do experimento disseram o seguinte após o experimento:

• As atualizações que receberam mais likes não passaram por todos os participantes.
• Mesmo que o participante devolvesse uma atualização popular por não gostar dela, era muito difícil levar de volta ao seu autor e parar a distribuição, pois as pessoas esqueciam quem havia lhes dado. Essas mensagens acabavam circulando indefinidamente na rede. Tal fenômeno foi considerado análogo à viralização.
• Os participantes formaram grupos que gostavam uns das atualizações dos outros.
• Os participantes que gostaram mais das atualizações dos outros (gastanto sua cartela de likes) foram também os que receberam mais likes em suas próprias atualizações.

Além de conscientizar os participantes da maneira como o Facebook une e separa as pessoas, o experimento demonstrou que certos pontos de vista são marginalizados pelo algoritmo e que as mensagens mais populares não são necessariamente unânimes.

A minha reflexão pessoal sobre o experimento é que precisamos se apropriar de outros espaços para discutir política, pois o espaço do Facebook dificulta o confrontamento com opiniões divergentes, o que é uma precondição para o debate genuíno. As pessoas acabam ficando cada vez mais radicais dentro de suas bolhas, trocando apenas mensagens com aqueles que tem posições políticas similares. Isso também acontece no Twitter, como deixa muito claro as visualizações de grafos da FGV.

Como cidadão, eu tento evitar de ficar preso dentro da bolha pela minha política pessoal de não remover nem esconder alguém só porque a atualização é ofensiva, reacionária, golpista, homofóbica, ou qualquer outra qualidade que eu não gosto. Gostaria de ter uma pluralidade de opiniões para saber o que os outros estão dizendo e até mesmo preparar minha contra-argumentação. Porém, sei que minha decisão de não gostar dos argumentos opostos aos meus para evitar que eles viralizem já me coloca dentro de uma bolha. No Facebook, não é possível escapar disso.

Reitero o convite aos designers de interação para mediar este cenário de polarização política instaurado por um algoritmo que a nossa própria classe ajudou a criar. Um caminho possível é 1) hackear os algoritmos pela recriação deles em público e 2) criar outros algoritmos e outras redes sociais que não induzam à formação de bolhas.

Comente este post

Tive contato com essa metodologia na Europa, onde a inovação social é uma política pública. No curso que ajudei a ministrar junto com o professor Pelle Ehn, a gente estudou vários laboratórios vivos e criamos a semente para um novo laboratório na Universidade de Twente, como parte do DesignLab.

O laboratório vivo é chamado de vivo porque é composto primariamente de pessoas. As tecnologias aparecem em segundo plano, já que o objetivo é gerar inovação social. Esse tipo de inovação difere-se da inovação tecnológica pelo foco na transformação de relações, sentimentos, costumes, rituais e modelos de negócios.

No Brasil, já existem vários laboratórios vivos. A pesquisa de doutorado de Silvio Bitencourt da Silva identificou os laboratórios vivos brasileiros e ressaltou a criatividade na orquestração de recursos. Essa pesquisa incluiu também a Plataforma Corais, que eu já desenvolvo desde 2011.

Em 2015, tive a oportunidade de participar da fundação do Laboratório de Tecnologias para a Participação Social na Secretaria Geral da Presidência da República. A visão do laboratório foi construída com a participação de membros da sociedade civil como eu, empreendedores, professores universitários e servidores públicos.

A visão do laboratório é baseada no conceito de permeabilidade, ou seja, que os cidadãos possam penetrar nessa estrutura governamental e interferir nas suas atividades.

Em vista do interesse do laboratório de participar do 16º Fórum Internacional de Software Livre (FISL), propus adotar a metodologia de laboratório vivo durante o evento para experimentar esse conceito de permeabilidade. Planejamos o laboratório vivo à distância, eu, Ricardo Poppi, Henrique Parra e Leonardo Aragão.

O convite à participação no laboratório vivo foi publicado no Participa.br, o portal de participação do governo federal. A proposta era realizar cinco experimentos sobre participação dentro dos stands do Ministério da Cultura e do Ministério das Comunicações. Os participantes do FISL poderiam entrar no laboratório vivo e participar dos experimentos, seja como participante ativo ou observador. O objetivo desses experimentos era divulgar e avaliar as tecnologias existentes de participação social, bem como gerar ideias para novas tecnologias.

No contexto da comunidade de software livre, o laboratório queria também colocar em evidência a importância da abertura do processo (design) além da abertura do produto (código-fonte). Essa intenção se consubstanciou no conceito meta-participação, ou seja, participação na definição da maneira como se dará a participação.

Os conceitos de permeabilidade e de meta-participação nos levaram a planejar experimentos que ajudassem os participantes a entender os algoritmos das tecnologias de participação mesmo que eles não conhecessem as linguagens de programação. Para isso, decidimos simplificar a tecnologia mesmo que preservando a dinâmica de interação.

Um dos experimentos, por exemplo, simplificou o pairwise, um sistema adotado na consulta pública sobre a Estratégia de Governança Digital (aberta até 17/07/2015). Nese sistema, as propostas são mostradas aleatoriamente duas a duas e o cidadão deve escolher uma que lhe agrade. Quando a proposta é escolhida, ela ganha um ponto de vitória e quando não é escolhida, ganha um ponto de derrota. Traduzimos essa interação com post-its retirados de uma caixa que era sacudida com frequência. Os votos eram anotados na parte de trás do post-it. Os resultados foram publicados num mural baseado no esquema de pontuação.

As principais inovações sociais que surgiram à partir dos experimentos no FISL foram:

• Uma maneira simples de explicar como os sistemas de participação funcionam
• Implementação prática dos conceitos de permeabilidade e meta-participação
• Um modelo de engajamento democrático complementar às plenárias, focado na cocriação e teste de protótipos de tecnologias e políticas públicas
• Um modelo de edição de textos normativos com controle de versão distribuído (A Constituição no GIT)

Além destas inovações, o laboratório vivo criou uma ponte entre os Ministérios da Cultura e das Comunicações, que ficaram interessados em realizar outros laboratórios vivos sobre inclusão digital e cultura digital. A apropriação criativa dos estandes do governo criou até uma ponte física, o varal em que exibimos as visualizações de rede do Labic. Essa aparência descolada quebrou todas as expectativas dos participantes em relação à apresentação das ações do governo.

Com essa ação, a Secretaria Geral da Presidência da República, disseminou o pensamento projetual como uma proposta para enriquecer a participação social e a gestão pública participativa. Espero que o governo cultive outros laboratórios vivos. A semente está plantada!

Comente este post

Vídeo

Slides

Antigamente as crianças brincavam livremente nas ruas e as brincadeiras evoluiam e mudavam ao longo das gerações e dos deslocamentos geográficos. As brincadeiras de criança mantinham a cultura da criança, com seus próprios valores e reflexões. Hoje essa cultura está ameaçada pelos videogames, que colocam tudo em caixas pretas. Existem exceções, é claro, mas a maioria dos games não favorece a expressão cultural dentro de um grupo de crianças.

Porém, antes da programação existe o design. Mesmo que a criança domine a programação, se ela não dominar design, não conseguirá expressar seus valores. Design é o processo de organizar as ideias de uma maneira que um projeto se torna implementável e relevante no seu contexto social. Programação sozinha não faz milagre, é preciso haver um design por trás e esse design precisa ser tão livre quanto o código-fonte da programação. Se o design é livre, então a cultura da criança pode continuar ativa nessa transição da rua para o computador.

Além da palestra, demos também um workshop sobre design e programação para crianças, baseado no livro Brincando de gato e rato dentro do computador que estava lançando na ocasião. O livro apresenta conceitos como programação orientada a objetos, lógica de programação e design de jogos de maneira muito suave, dentro de uma história típica: a rixa entre gatos e ratos. Os participantes do workshop brincaram com os personagens da imaginação do meu filho, que são derivados de seus bichinhos de pelúcia, no espaço de programação do Scratch. Foi quase como se tivessem visitado o quarto de casa, com os brinquedos espalhados pelos cantos!

É claro que fiquei orgulhoso de ver meu filho falando com desinibição, mas vale ressaltar que esse tipo de conversa a gente tem com frequência em casa e não só da minha parte, mas da parte da mãe dele também! Por isso fluiu naturalmente.

Comente este post

Os participantes discutem sobre uma opressão que alguns dele tenha vivenciado e então montam uma cena congelada que expressa a opressão. A platéia interpreta a cena e sugere possibilidades de movimentos para libertar o oprimido da opressão. Eventualmente, membros da platéia remodelam o corpo dos atores ou os substituem. O teatro-imagem só termina quando os participantes acreditam que a ação encenada pode libertar o sujeito da opressão.

A proposta do Teatro do Oprimido é ajuda o oprimido a lidar com a opressão, estar preparado para dar uma resposta libertadora da próxima vez que acontecer, ao invés de manter o status quo dominante.

Seguem alguns exemplos de aplicação desta técnica para a mudança organizacional em favor da experiência do usuário, criadas pelos alunos do curso de mesmo nome.

Os flanelinhas de mouse

Quem trabalha com design gráfico já passou por essa situação: um sujeito fica atrás de você, pedindo pra mudar um elemento na tela do computador mais pra cá, mais pra lá... que nem um flanelinha. Pegar o mouse e fazer que é bom, necas! O designer fica numa situação bastante complicada, pois perde a sua autonomia criativa.

O interessante da solução proposta no vídeo acima é que o designer fica numa posição de igualdade com relação ao opressor. A diferença entre estar em pé e estar sentado marca nitidamente a diferença de poder entre os papéis, seja cliente ou diretor de arte.

O problema é que essa diferença não é interessante para resolver a criação, pois não se trata de uma questão de disciplina, e sim de co-autoria.

A forma como essa solicitação de co-autoria é feita muitas vezes acaba provocando a saída do designer da autoria. Como ele não está numa posição favorável para contrargumentar, desiste da autoria e passa a fazer tudo o que o outro sugere, enfim, a operar o mouse.

Quando eu trabalhava com design de páginas web, 10 anos atrás, tive um projeto em que tive que fazer 8 layouts diferentes para um cliente exigente. O atendimento da agência só trazia as solicitações do cliente e nunca levava minha defesa. Eu fiquei tão irritado com a situação que publiquei uma página web contando o causo.

Dois anos depois, quando eu já nem trabalhava mais na agência, recebo uma ligação do cliente solicitando que a página seja tirada no ar, pois estava aparecendo no Google antes da página oficial deles. Claro, eu tinha falado pra não fazer tudo em Flash, mas o atendimento não soube explicar a diferença. Eu tirei a página do ar, mas resolvi republicar a história a título de recordação, sem o nome da empresa, é claro.

Se eu tivesse visto o teatro-imagem acima, certamente teria agido diferente. Eu reagi à opressão com a mesma violência simbólica. Só pedindo demissão da agência, um ano depois, que consegui me libertar dela. Porém, minha atitude prejudicou o cliente ao invés de ajudá-lo, que era o objetivo de meu trabalho.

O designer barrado

Um designer (esquerda) tenta entrar em contato com os futuros usuários (direita) de um novo produto e é barrado pela estrutura organizacional (os guardas no centro). Essa imagem mostra uma das maiores dificuldades que os profissionais que trabalham com experiência do usuário enfrentam: obter carta-branca para fazer pesquisas com os usuários.

O designer diz uma coisa muito interessante: às vezes a opressão é mais sutil do que uma pessoa dizendo não. Embora a empresa diga que você pode fazer as tais pesquisas, na prática não há tempo nem dinheiro para fazer isso na maioria dos projetos. Chega uma hora que ou o designer sai da empresa ou internaliza a dificuldade, aceitando a opressão como natural.

O movimento libertador achei genial. Entrar em contato com os usuários pela via informal, encontrando pessoas próximas na rede de amigos que se encaixam no perfil. Já que eu fazia o papel de curinga no teatro, não falei a minha interpretação do movimento, mas eu vi a possibilidade subversiva do designer ajudar os usuários a se organizarem melhor contra a baixa qualidade do produto.

A ditadura do tempo e do dinheiro

A terceira imagem é a mais didática de todas. Nessa ocasião, pudemos ensaiar vários movimentos libertadores diferentes. A libertação aconteceu de forma gradual, o que permitiu uma análise minuciosa de um problema que é considerado insolúvel: a limitação de tempo e de dinheiro.

O cliente no lado esquerdo é o portador do dinheiro e do tempo, que são fixos. À primeira vista, estes dois elementos parecem ser as fontes da opressão, porém, conforme o teatro avança, a platéia percebe que na verdade a opressão acontece pela gestão e não pela limitação de recursos.

Acho bem importante desconstruir a limitação do tempo e do dinheiro pois volta e meia qualquer discussão que tenta mudar o status quo acaba empacando em "Nós não temos tempo e nem dinheiro sobrando. Não dá pra fazer diferente..." É claro que dá! Sempre dá pra fazer diferente, só que é preciso mudar as estruturas de poder e de gestão e nem sempre as pessoas estão dispostas a isso.

Oportunidades

O curso mencionado foi a primeira vez que usei o teatro-imagem. Fiquei impressionado com o poder de fazer vir à tona questões difíceis de explicar. A forma como essas questões são trabalhadas, permitindo múltiplas interpretações, sem ter um certo ou errado, abre caminho para trabalhar conflitos sem polarizar discussões.

O próximo passo é aplicar a técnica dentro de uma organização específica. Acredito que os resultados devem ser ainda mais interessantes, pois a cena terá maior riqueza de detalhes e contextualização. Isso sem falar na possibilidade de gerar o compromisso de mudança durante o teatro.

Se você quiser levar o teatro-imagem para a sua organização, veja especialmente o último vídeo. Se precisar da minha ajuda, entre em contato.

Comente este post

Na maioria das explicações, não passa de uma série de hypes e jargões da área.

- O que é UX Design?

- É o que faz um UX designer.

- E o que faz um UX designer?

- Ele faz perguntas sobre a experiência do usuário (UX) enquanto projeta um produto.

- E o que é essa tal de UX?

- É tudo que afeta a interação do usuário com um produto.

Embora pareçam lógicas para quem é do ramo, estas respostas são muito vagas. Não ajudam a entender do que se está falando, pois faz referências recursivas o tempo todo. Não fica claro o objeto do design: é o produto ou é a experiência do usuário? Ou é a interação entre eles? Se perguntar como se projeta, como se avalia, ou qual é o retorno, cai uma chuva ainda mais forte de jargões e conceitos mirabolantes.

No contexto brasileiro, a situação é mais complicada porque os jargões acabam sendo importados sem uma reflexão se fazem sentido para a realidade do mercado atual. Nem bem o termo usabilidade se difundiu e já querem trocá-lo para experiência do usuário. Os defensores do termo traduzem "user experience" como "experiência do usuário", porém, abreviam-no como no inglês: "UX".

Os profissionais experientes da área dizem que tanto faz como se chama, o importante é mostrar o resultado. Pois bem, então eu proponho que o acrônimo de "experiência do usuário" seja ExU. Além de ser mais adequado do ponto de vista da língua, faz referência a uma personalidade religiosa tipicamente brasileira que compartilha a mesma dificuldade de definição.

No curso de mudança organizacional que dei mês passado no Rio de Janeiro, fiz uma breve encenação com Horacio Soares sobre a relação do designer com o chefe (vídeo abaixo). O designer tenta convencer o chefe a fazer o recall do produto para consertar a experiência do usuário, mas o chefe não quer nem saber. Observe como no começo o Horacio utiliza termos abstratos e apela para argumentos sentimentais. Conforme ele muda sua abordagem, o chefe vai se tornando mais acessível.

Os jargões são importantes para qualquer área, mas eles não precisam necessariamente aparecer nesse tipo de conversa. Pode-se dar uma explicação e depois dizer o jargão, mas o que vai ficar na memória do chefe ou do cliente é a proposta de valor em si.

Comente este post

Quando comecei a estudar hospitais, percebi que projetos isolados podiam fazer muito pouco pelo usuário: enfermeiras, médicos, e pacientes. Cheguei à conclusão de que a cultura organizacional era o fator determinante. A interface com o usuário refletia as relações de poder dentro da organização, e o usuário, que não fazia parte, ficava sem entender o porquê de cada coisa.

Os arquitetos da informação já chamavam atenção para esse problema há tempos, porém, a solução que eles propunham -- projetar a interface em cima do modelo mental do usuário -- nem sempre era possível devido a questões políticas. A organização não tinha a experiência do usuário como prioridade e essa proposta não fazia sentido no cenário político interno.

Ao invés de engrossar as reclamações sobre esse tipo de cultura organizacional, eu montei um curso pra tentar ajudar os profissionais da área a mudarem essa cultura, pouco a pouco.

Inspirado na escola de verão que fiz na Dinamarca sobre inovação social, montei o curso em volta das dinâmicas e jogos do Teatro do Oprimido. Na Dinamarca eu aprendi que o brasileiro Augusto Boal tinha inspirado profissionais do teatro a ajudar empresas com conflitos e desafios organizacionais. Achei bem interessante e resolvi trazer de volta ao Brasil esta aplicação.

O teatro ajuda a perceber os nuances do comportamento na rotina do trabalho. As situações em que é negociada a experiência do usuário se repetem diariamente, como rituais em reuniões, conversas, relatórios. Para escapar da opressão que impede de o usuário se tornar prioridade, é preciso fazer um movimento inesperado, porém, adequado.

Veja por exemplo, o teatro-imagem "Flanelinha de Mouse" que os alunos do curso fizeram. O designer recebe ordens de tantas pessoas diferentes que não consegue nem concentrar-se no que está fazendo. Ele não pode questionar as ordens, pois seu papel é reduzido à operar o computador para atingir o resultado esperado pelas outras pessoas.

Depois de montar a imagem, eu pedi aos demais alunos sugestões para superar a opressão. A primeira sugestão foi erguer os braços e se livrar das ordens. Perguntei ao designer na imagem se dava pra fazer esse movimento e ele disse que não, pois seria agressivo demais. A última sugestão foi a de se levantar e virar na direção dos demais, na mesma altura, olho no olho. Assim o designer poderia discutir sua carga de trabalho, bem como sua visão de como o trabalho deveria ser feito.

Essa outra imagem mostra um designer tentando estudar os usuários (esquerda), mas sendo barrado pelos processos e responsabilidades da empresa, representado pelos dois rapazes fazendo uma barreira no meio. Do lado direito, estavam os usuários sofrendo com produtos de baixa usabilidade. Depois de tentar de tudo com a barreira, o designer acaba descobrindo que dá pra alcançar os usuários pela via informal, contornando a barreira institucional.

Além do teatro-imagem, fizemos também "O grande jogo do poder" em que um escritório é representado para mostrar como o espaço físico marcar as relações de poder. A equipe acima apresentou uma empresa em que 20% do espaço é usado por quem faz 80% do trabalho. A chefia ocupa mais espaço e é menos produtiva.

Depois de discutir as mudanças no cenário político, partimos para discutir processo. Começamos com um exercício de classificação dos UXCards dentro do UXCanvas, um quadro que define os pontos mais importantes para projetos de experiência do usuário. O objetivo era compreender em que momento do projeto e com qual foco usar cada método.

Depois cada equipe desenhou o processo atual usando os cards e em seguida o processo ideal, refletindo sobre as melhores práticas aprendidas durante o curso.

O curso foi organizado pela Internativa, a startup do Horacio Soares, que promete oferecer mais cursos avançados desse tipo. Neste sábado teremos mais um curso de mudança organizacional em São Paulo, e na sequência retorno à Holanda. No futuro pretendo organizar esse tipo de sessão de teatro do oprimido dentro de empresas específica, desejosas de mudar suas prioridades.

Comente este post

No futuro, talvez esse problema seja menor com as interfaces tangíveis, mas no momento, eu tinha que trabalhar com o que já estava disponível. Na pós do Faber-Ludens já tínhamos experimentado várias plataformas de prototipação de interfaces tangíveis, mas elas costumam ser bem complexas para programar. A mais fácil que encontrei foi o Touchatag, com o qual fiz um aplicativo para meu filho assistir desenho animado no computador, isso na época em que ele ainda não se interessava muito. Fácil, porém, muito limitada. Não tinha muitas opções de programação.

Fiquei surpreso ao descobrir que a PicoCricket tinha desenvolvido uma placa de programação especialmente para o Scratch, a PicoBoard. É uma placa que você conecta no USB do computador e o Scratch consegue enviar e receber dados por ali. A PicoBoard tem alguns botões e sensores embutidos. Apesar da ter alguns jacarés para conexões de baixa voltagem, achei muito limitada também.

Bem, se a PicoBoard pode conectar-se com o Scratch, será que dá pra fazer o mesmo com a Arduino? A Arduino funciona da mesma maneira, via USB, porém, possui muito mais possibilidades de conexões. Foi então que descobri o projeto Scratch4Arduino, uma simples modificação no Scratch que permite receber dados da placa Arduino em tempo real. Veja no vídeo abaixo um robô programado via Scratch.

Os alunos do Faber-Ludens já trabalhavam com Arduino há bastante tempo, mas eu particularmente nunca tinha tido tempo de mexer. No vídeo abaixo você o que eles conseguiam fazer já na primeira aula.

Encomendei um kit para verificar o grau de complexidade. O kit ARDX vinha com a placa mais alguns componentes básicos tal como LEDs, motores, botões, potenciômetros. Comprei também algumas extensões para a Arduino, os chamados shields. Shield é uma segunda placa que encaixa em cima da Arduino e acrescenta uma capacidade extra de processamento. Achei que os shield de audio e de motor seriam úteis para fazer coisas divertidas.

Quando você compra um shield ele vem geralmente desmontado. Você precisa soldar todos os componentes na placa de circuitos, a PCB. Eu nunca tinha feito isso, mas graças aos inúmeros vídeos no Youtube, eu aprendi a fazer sem queimar os dedos. O mais importante é ter bons apoios para trabalhar: a garra com lente e o descansa solda. Veja como era minha mesa de trabalho.

Nessa mesma época eu estava escrevendo um artigo sobre a história do Faber-Ludens para um congresso na Itália, vinculando-o ao movimento de Cultura Digital capitaneado pelo Gilberto Gil. Enquanto soldava as placas pro meu filhote eu ia lendo a reedição da Revista de Antropofagia de 1972, uma gema que encontrei num sebo no Rio de Janeiro. Essa revista de literatura fazia um curto-circuito entre cultura popular e cultura erudita, um dos maiores "hacks" por assim dizer da sua época. Os textos exploravam a metáfora do canibalismo para estimular o corpo na leitura. Tudo a ver com meu objetivo em introduzir interfaces tangíveis.

Como exemplo pro meu filho, transformei o bonequinho Pingu num robô. Gravei um vídeo mostrando o exemplo e explicando didaticamente como funciona a Arduino. Se você quiser saber mais sobre, veja os slides do professor que dava as aulas de Arduino no Faber-Ludens.

O projeto não tem nada demais, é só um potenciômetro controlando um motor servo e ativando um buzzer sonoro. O charme está justamente na apropriação do personagem, cuja característica principal é falar uma língua que nenhum espectador entende. Tenho amigos que compraram uma Arduino empolgados pra hackear catatau, mas acabaram não tendo idéias. Não é a tecnologia que faz o hacker, é a contra-cultura que faz o hacker. Por isso é importante ter contato com obras da contra-cultura como a Revista de Antropofagia.

Como expliquei no post sobre Scratch não é só a ferramenta que eu queria ensinar pro meu filho, mas principalmente a ética hacker, uma atitude em relação à cultura material que não se contenta com o consumo passivo.

Vou contar uma parte da história que ilustra bem isso. Quando eu levei o kit pro meu filho durante minhas férias no Brasil, a primeira coisa que ele queria montar era um fechadura elétrica no armário dele. Ok, tentamos com os motores que vinham no kit, mas eles não eram apropriados para a tarefa. Precisávamos de um motor que ao invés de girar, movesse pra frente e pra trás, como um trinco.

Saímos na rua pra ver se encontrávamos uma loja de eletrônicos nas redondezas. Passamos na frente de um loja de auto-elétrica e entrei pra perguntar. O atendente me mostrou uma trava elétrica para porta de carro que era perfeita. Ele me disse que não iria funcionar com a voltagem e amperagem baixa da Arduino, mas a gente tentou e deu certo! Essa é a grande vantagem da Arduino: você pode plugar praticamente qualquer componente eletrônico.

Infelizmente eu não tive tempo suficiente para ensinar meu filho a programar na Arduino. A gente fez alguns experimentos básicos e ele entendeu como funciona os circuitos eletrônicos, mas não a ponto de poder criar os seus próprios. Eu tentei ensinar mais coisas via Skype, mas não deu muito certo. O problema é que quando você está ensinando uma operação física, descrevê-la verbalmente é muito cansativo.

Alguns meses depois das aulas de Arduino, ele estava aprendendo a fazer contas de fração na escola. Espontaneamente, ele pegou uma caixa de ovos do lixo e fez uma calculadora física, baseada nos movimentos dos palitos. Não tinha Arduino e não funcionava direito, mas a lógica da computação física estava ali, Charles Babbage que o diga! Alguns meses depois, ele conseguiu montar alguns protótipos com a Arduino, utilizando os scripts e circuitos prontos do kit básico. Ele não criava nada nessa parte, porém a Arduino fazia parte de brinquedos maiores. Ele de fato estava brincando com a Arduino.

Nas próximas férias, a gente vai voltar ao assunto, mas eu já fiquei satisfeito com o resultado até aqui. Você já tentou ensinar Arduino para crianças? Compartilhe sua experiência nos comentários!

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

Essa foi umas das forças motivadoras para fundar o Instituto Faber-Ludens. Expliquei esse ponto na palestra do Encontro de Webdesign em 2007. Com o Instituto, queremos promover pesquisa de qualidade no Brasil, pois somente assim chegaremos à tão desejada inovação econômica, política, social. Em se tratando de Design de Interação, falo de pesquisa com usuários, não de pesquisa técnica. A contribuição principal do Design de Interação não é a invenção de novas técnicas de produção e sim novas formas de aplicação da técnica, como expliquei na palestra sobre Ajax.

No design de interação, a pesquisa de campo é uma ferramenta essencial para a criação de serviços, produtos e artefatos interativos. Diferentemente de outras abordagens de design, o design de interação se destaca por sua base em pesquisas com usuários. Isso envolve compreender o comportamento das pessoas e como elas interagem com os produtos e serviços que estão sendo desenvolvidos. Grandes empresas de design, como a IDEO e a Frog Design, empregam designers de várias áreas trabalhando juntos para aproveitar diferentes abordagens para resolver problemas complexos. Já empresas como Nokia, Motorola e Apple utilizam a pesquisa como prospecção de novos produtos e tecnologias. Enquanto a Apple mantém seus métodos de pesquisa em segredo, a Nokia e a Motorola têm se destacado ao investir em pesquisas para desenvolver produtos adaptados a mercados emergentes.

Uma das vantagens da pesquisa de campo é que ela promove a compreensão das diferenças entre os usuários e os designers, permitindo projetar produtos mais adequados. Além disso, a pesquisa possibilita descobrir oportunidades de inovação ao observar soluções criativas usadas pelas pessoas em suas atividades diárias, como hacks e gambiarras. Isso permite incorporar soluções já existentes em produtos, economizando tempo e esforço na criação de novas abordagens. A pesquisa também é crucial para confrontar realidades e evitar investimentos em projetos que possam não ter sucesso, contribuindo para a tomada de decisões fundamentadas.

A pesquisa de campo permite aos designers e desenvolvedores compreenderem as diferenças entre eles e os usuários finais dos produtos. Ao sair da zona de conforto do projetar para si mesmo e explorar as necessidades e comportamentos dos usuários reais, é possível criar soluções mais eficazes e impactantes. Além disso, essa abordagem mais consciente ajuda a empresa a considerar o impacto de suas criações no mundo, além de criar produtos mais adaptados às necessidades das pessoas.

A pesquisa de campo envolve diversas técnicas, como entrevistas, observações e análise de comportamento. Muitas vezes, é necessário adotar abordagens diferenciadas de acordo com o contexto e o público-alvo. Simuladores online e questionários são ferramentas valiosas para coletar dados, mas é importante garantir que as perguntas sejam claras e autoexplicativas para obter respostas precisas. Além disso, o uso de instrumentos de pesquisa como câmeras e gravadores pode fornecer insights valiosos.

Embora o trabalho de campo seja crucial para o design de interação, é preciso ser cauteloso quanto à interpretação dos dados. É comum as pessoas responderem ao que acham que os pesquisadores querem ouvir. Portanto, a transcrição de entrevistas e a análise dos resultados requerem cuidado e atenção. Com as ferramentas certas e uma abordagem ética, a pesquisa de campo pode fornecer uma base sólida para o desenvolvimento de produtos interativos que atendam às necessidades e desejos dos usuários.

Vídeo

Slides

Como fazer pesquisa de campo em design de interação [PDF]

Slides com áudio [MOV]

Áudio

Como fazer pesquisa de campo em design de interação [MP3] 2 horas e meia

Série

Este episódio faz parte de uma série de aulas sobre pesquisa de experiências (ux research).

1. Pesquisa de experiências no mercado e na academia
2. O valor da pesquisa no Design de Interação
3. Introdução à pesquisa de experiências (UX Research)
4. Planejando pesquisas de experiência com UXCards
5. Introdução ao UXFrameworks na pesquisa de experiências
6. Problematizando a experiência do usuário (ExU)
7. Fazendo descobertas na pesquisa de experiências
8. Pesquisa bibliográfica de experiências (desk research)
9. Como fazer pesquisa de campo em design de interação
10. Pesquisa exploratória de oportunidades de inovação
11. Etnografia no design com Teoria da Atividade
12. O papel da teoria na pesquisa de experiências

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

Comente este post

Sabemos que não se trata de uma avaliação exaustiva, que a qualidade do vídeo é tosca (foi gravado no celular) e que a história é meio ridícula. Porém, nosso objetivo era apenas mostrar como é possível (e interessante) observar a exeriência do usuário em qualquer ambiente.

Comente este post

O vídeo foi criado inicialmente como ferramenta para suas aulas de Antopologia Cultural na Kansas University. Wesch mandou para 10 pessoas conhecidas e estas espalharam para outras e outras até que, 4 dias após sua publicação, o vídeo havia se tornado o assunto do momento nos blogs, visto por mais de 1 milhão de pessoas.

Em entrevista a John Battelle, Wesch revela que o vídeo foi criado para fazer as pessoas refletirem sobre sua relação com a tecnologia. Se estamos apenas alimentando a máquina com dados, a máquina está nos usando. Se aproveitamos a máquina para intensificar nossas relações com outras pessoas, então nós semos a web, nós fazemos parte da máquina.

Comente este post

Fiz uma análise de usabilidade comparativa entre duas grandes redes de fast-food que aceitam encomendas pela Internet (McDonalds e Habibs) e cheguei a conclusão estarrecedora de que o ato de selecionar o pedido no website pode demorar mais do que a própria entrega do pedido em sua casa só por que a interface foi mal projetada.

Gravei um vídeo de 50 minutos, mostrando passo-a-passo como é o processo desde a entrada no website até a chegada da encomenda em casa, comentando problemas de usabilidade que os usuários podem encontrar, suas causas e possíveis soluções. O vídeo comenta bons e maus exemplos de:

• usabilidade no ecommerce
• conteúdo persuasivo
• padrões de interação
• fluxo de tarefa
• mensagens de erro
• instruções em formulários

Screenshots

Trecho do vídeo

Para ter uma idéia melhor de como se desenrola o vídeo, abaixo segue uma demonstração de alguns trechos, em qualidade de vídeo extremamente reduzida:

Vídeo completo

O vídeo está sendo distribuído em CD-Rom (340 MB - DivX- 800x600px) por R$20. O frete é grátis para todo o Brasil (carta registrada). Pagamento por depósito bancário ou transferência eletrônica. O vídeo está disponível para download logo abaixo. A análise foi feita em dezembro de 2005

Análise de usabilidade de fast-foods online [MOV] Quicktime 7 - codec H.264 - 56 minutos - 156mb

Comente este post

Como fazer wireframes de interfaces [MOV] Quicktime 7 - codec H.264 - 26 minutos - 57mb

Comente este post

[ nota ] Esse é meu primeiro experimento com Flash Video (.FLV) e apesar de complicado pra configurar tudo, o resultado final valeu à pena. De 200 MB do AVI original, passou para 9 MB no FLV. O código deste player é distribuido gratuitamente.

Comente este post

O legal desse vocabulário controlado é que ele permite relações hierárquicas entre os termos, ou seja, é possível usá-lo para gerenciar taxonomias. Para quem ainda não leu o post que explica todos esses termos complicados, a taxonomia é um tipo de classificação que pode gerar menus de navegação.

Há alguns meses atrás, gravei um screencast mostrando como foi o processo de alimentação de um vocabulário controlado que desenvolvi para o catálogo de obras de uma editora curitibana. Na ocasião, eu havia assumido a programação do projeto, achando que seria fácil implementar minhas idéias em PHP no Drupal, mas acabei desistindo. Realmente não levo jeito para programar, mas o trabalho de arquitetura da informação ficou legal. A editora contratou outros profissionais para fazer a programação, mas eles ainda não lançaram a versão final.

Vocabulário controlado na prática [AVI] 37 Mb ~ 7 minutos

Quem gostar do assunto classificação deve procurar cursos e livros na área da Ciência da Informação. No Brasil, ainda temos pouca coisa aplicada à Arquitetura da Informação, que trata do contexto de websites.

Hoje, dia 30/09, é o último dia pra votar neste blog no concurso Trama Universitário. Por enquanto, o Usabilidoido está entre os últimos, mas se todos os leitores votassem, certamente estaria lá em cima :P

Comente este post

Fiquei impressionado com a velocidade de carregamento das páginas, pelo menos 3 vezes mais rápido que o IE. Comecei a explorá-lo e descobrir funcionalidades que não tinha no IE e que agilizavam bastante o uso (mouse gestures, zoom, abas e muito mais). Virou meu navegador padrão e também de meu colega que trabalhava na escrivaninha ao lado. Porém, desisti de usá-lo porque travava muito.

Voltei pro IE e o que mais fazia falta eram as abas, que permitem organizar muito melhor a navegação quando se está vendo vários sites ao mesmo tempo. Nessa época, começou a surgir um burburinho em torno de um navegador open-source chamado Firebird (que depois mudaria para Firefox) que tinha o tal recurso. Tornou-se meu navegador padrão, mas ainda sentia falta dos recursos do Opera...

Quando saiu a versão 8 do Opera, baixei correndo. Bugs resolvidos! Além disso, a interface tava muito mais clean e agradável, melhorou muito a usabilidade. É meu navegador padrão até hoje, mesmo com as propagandas adsense no topo.

Há alguns meses atrás, gravei um screencast comparando os três navegadores do ponto de vista da usabilidade da interface, mas não coloquei no ar porque não queria estourar a largura de banda da minha hospedagem. O vídeo ficou com 30MB. Ontem descobri através do Michel Lent que o OurMedia hospeda qualquer mídia de graça e pra sempre. Duvidei, mas tentei e, após sofrer um pouco, consegui colocar o vídeo lá. Agradeço imensamente a iniciativa de democratização da mídia que essa comunidade está fazendo!

Quem quizer iniciar seu Podcast, VideoBlog e afins, pode hospedar lá, mas prepare-se para uma interface super difícil de usar.

Ainda existem questões que não mencionei no screencast, porque não são diretamente relacionadas à usabilidade da interface. Por exemplo, alguns sites quebram no Opera e no Firefox porque usam scripts muito antigos. Na minha navegação diária, mais ou menos 3% dos sites que vejo tenho que abrir no Internet Explorer excepcionalmente por causa disso. Por outro lado, o IE tem falhas de segurança e facilita que spywares e outros programas maliciosos entrem no seu computador.

Se fosse pra analisar todos os pontos, ficaria aqui a vida toda, mas acho que já dei minha contribuição para uma decisão mais consciente. Faça sua escolha!

Downloads

• Firefox 1.0.6 português 4 MB
• Opera 8.01 português 3 MB
• Internet Explorer update 6.0 SP1

Comente este post

No começo, fazia esses diagramas com lápis mesmo, no papel. Na medida em que me envolvia em projetos maiores, o suporte se demonstrou ineficiente. Era preciso mudar a mesma coisa várias vezes, recombinar, sem falar da necessidade de ser apresentável ao cliente e outros membros da equipe. Comecei a usar o próprio Flash, software vetorial que mais me sinto à vontade (exemplo). Fiquei satisfeito e nem senti vontade de tentar o software indicado por outros arquitetos da informação: Microsoft Visio. Sabia até que você podia incluir nele a biblioteca do Visvocab criada pelo Jesse James Garret, o padrão de notação que adoto.

Ano passado, na correria para terminar meu TCC, descobri um tal de Smartdraw que tinha inclusive uma versão Trial. Gravei hoje um screencast demonstrando as funcionalidades dele que permitiram que eu fizesse meus diagramas muito mais rápido do que imaginava:

Lembrei dele porque tive a oportunidade esses dias de experimentar o Visio e não gostei. Ainda acho o Smartdraw muito mais fácil de usar e rápido. O Visio é mais flexível e faz mais coisas que o Smartdraw, mas não está tão otimizado para o que eu queria. O Smartdraw que falo é a versão 6, que deu lugar para a 7. Esta última ficou mais parecida com o Visio e perdeu algumas das funcionalidades que demonstro no screencast. A página oficial do software não oferece o download da versão 6, mas um passarinho me contou que circula uma demo da versão 6 no Emule.

Outro software interesante é o PocketDraw, que permite fazer diagramas como esse num computador de mão. Se tivesse um PocketPC poderia testar se a aplicação ajudaria a discutir a navegação numa reunião com equipe e clientes ou até mesmo durante aqueles momentos inesperados em que vem uma idéia brilhante na cabeça nos lugares mais estranhos. (veja foto do topo tirada por Mike Lee)

Comente este post

Já tinha ouvido falar desse software, mas nunca tinha testado até o leitor Rodrigo Morales me chamar a atenção para ele numa conversa por MSN. Quando ele me disse que esse software tinha um look´n feel a la Macintosh, eu voei para fazer o download.

3MB depois e uma rápida instalação e meu queixo caiu no chão. A velocidade de processamento é quase instantânea pra quase todas as ações e todas as transições são animadas e suavizadas. O design da interface é todo arredondado e suave, criando uma atmosfera bastante aprazível.

Eu pensava que não existia nada mais prático para lidar com fotos do que o clássico ACDsee versão 2.4, mas mudei de idéia. Já estou usando o Picasa no dia-a-dia para organizar minhas fotos e se pudesse colar fotos do clipboard, como faço no Irfanview, ele me seria ainda mais útil quando uso screenshots nos meus posts.

Junto com o Picasa, pode ser instalado um software chamado Hello que permite que ao clicar num botão no Picasa, seus amigos recebam e comentem fotos. É como um instant messenger (ICQ/MSN) para fotos.

Legal, mas é chato ter que instalar um software só para isso. Se dependesse de mim, os dois vinham juntos. Mesmo assim, o pessoal ainda vai preferir usar um Flickr ou um Flogão para compartilhar fotos com o mundo porque não necessita instalar software algum. Se o Picasa integrasse com esses serviços, seria excelente, mas vai ser difícil, já que o Flickr foi adquirido pelo inimigo nº1 do Google, o Yahoo.

Para quem ficou curioso como gravei este screencast, bastou ter um microfone e rodar o Camtasia Studio, que é gratuito por 30 dias. Ele me exporta o SWF e oferece uma penca de opções. Recomendo ;)

Comente este post