As pessoas em geral não estão alheias à questão da sustentabilidade, mas no dia-a-dia a usabilidade é mais importante. Precisamos fazer tantas coisas em tão pouco tempo que a sustentabilidade acaba sendo deixada em segundo plano.

Será que é possível unir as duas coisas? Será que o Design pode propor mudanças de hábitos unindo usabilidade e sustentabilidade para o dia-a-dia urbano? Essa era a pergunta-desafio que propus aos alunos do Centro Tecnológico Opet no Dia Mundial da Usabilidade, semana passada.

Comecei apresentando os conceitos de indução de comportamento pelo Design do Dan Lockton. Em seguida, mostrei exemplos em que o comportamento sustentável era a opção mais divertida, como na proposta da Fun Theory da Volkswagen.

O desafio era criar uma pequena intervenção no dia-a-dia das pessoas que tornasse mais fácil ser sustentável. Algumas propostas foram muito boas, outras não chegaram a aproveitar a usabilidade como fator de indução e ficaram apenas no divertimento. De qualquer forma, foi uma experiência muito bacana saber que estávamos conectados com uma comunidade global pensando na mesma questão.

Conceitos desenvolvidos

Um espelho que modifica a imagem do usuário de acordo com seu consumo de água. O usuário pode ganhar nariz de porco, dente preto ou chifrinhos caso gaste água demais.

Bicicleta ergométrica que transforma a energia da pedalada em energia elétrica. Para ligar os acessórios, o usuário precisa pedalar. No primeiro nível de velocidade, o usuário consegue ligar o ventilador, no segundo o rádio e no terceiro uma televisão.

Uma pia com um bonequinho que se afoga quando gasta água demais.

E o grande vencedor do desafio: colocando pilhas nesse dispensador, você assiste um breve espetáculo musical feito por pequenos bonecos-robôs.

Até meu filho participou (6 anos)! A idéia dele era aproveitar a luz solar para aquecer água e usar para esquentar comida no fogão e tomar banho.

Comente este post

Como podemos definir USABILIDADE?

Usabilidade é o mesmo que facilidade de uso. Se um produto é fácil de usar, o usuário tem maior produtividade: aprende mais rápido a usar, memoriza as operações e comete menos erros.

Quais são os erros de usabilidade mais comuns?

O erro mais comum é acreditar que se sabe tudo sobre os usuários de um website. O criador do website projeta de uma forma que lhe faz sentido, mas para o usuário, não há sentido algum. Aí o usuário se bate, não consegue navegar e até mesmo desiste e vai embora. Quem é que já não passou por estas dificuldades?

• Excesso de informação irrelevante
• Palavras técnicas desconhecidas
• Botões que não reagem como esperado

Isso acontece ou porque o desenvolvedor achou que o usuário ia entender ou porque não sabia como fazer melhor. Usabilidade preenche justamente essa lacuna do desenvolvimento: definir o que fica melhor para o usuário.

Quais são as diretrizes de usabilidade que devem ser usadas na construção de um site?

Eu não acredito em diretrizes. Acredito em bom senso. O desenvolvedor que deseja melhorar a usabilidade de um website deve conhecer bem seus usuários, tomar decisões informadas e testar suas criações. Não existem diretrizes que substituam isso.

Como planejar a estrutura de um site?

Deve-se começar com uma pesquisa com usuários para verificar suas expectativas. Depois, analisar o conteúdo disponível. Esse conteúdo deve ser organizado de uma forma que faça sentido para o usuário, então é preciso convidá-los a participar da organização usando uma dinâmica chamada card-sorting. Por fim, deve-se elaborar diagramas que sintetizem a visão do usuário para os desenvolvedores do website.

Quais são as práticas de usabilidade mais eficientes atualmente?

Pesquisa com usuários. Elas são fundamentais para tomar decisões informadas. Existem vários métodos, tais como testes de usabilidade, card-sorting, avaliação heurística, mas o mais importante é ter bom senso.

As práticas de usabilidade variam de acordo com o tipo de site e seu público? Ou não, são diretrizes fixas?

As práticas de usabilidade devem ser executadas dentro de uma metodologia contextual, que leva em conta a situação específica do projeto, adaptando os métodos e técnicas para a necessidade. Embora existam, eu não confio em procedimentos padronizados para a usabilidade.

É possível avaliar se as práticas utilizadas em um site estão tendo o resultado esperado? Como avaliar?

A análise de estatísticas de navegação e os testes de usabilidade são muito eficientes para verificar o nível de usabilidade de um website. Na análise de estatísticas, é possível identificar situações indesejáveis como, por exemplo, a desistência do usuário no meio de uma tarefa. Porém, não dá pra saber o motivo da desistência. Isso pode ser verificado num teste de usabilidade, no qual o usuário executa tarefas na frente dos desenvolvedores, que observam sua fala, seu estado emocional e contexto de uso.

Você poderia dar exemplos de boas práticas de usabilidade e práticas ruins?

A Usabilidade está por todas as partes em nosso dia-a-dia. Da torneira de banheiro ao painel do microondas. Se funciona, a gente nem nota que está ali, mas se apresenta dificuldade, ficamos irritados. As boas práticas de usabilidade passam desapercebidas, mas contribuem para uma boa experiência no final do dia. Existem produtos que se tornaram famosos por sua usabilidade: é o caso do buscador Google, do iPhone, do Windows e do Nintendo Wii. Algumas pessoas acham que a usabilidade desses produtos é boa, outros acham que é ruim, mas o fato incontestável é que a usabilidade é a alma desses produtos.

O que é o design de Interação?

O Design de Interação vai além da Usabilidade. Usabilidade é um aspecto importante da experiência do usuário, mas não é o único. É preciso considerar aspectos estéticos, emocionais e sociais. Design de Interação integra tudo isso dentro das teorias e metodologias de Design, que fornecem uma excelente base para lidar com o balanceamento destes aspectos. Pode-se considerar o Design de Interação como uma especialidade dentro do Design, assim como Design Gráfico ou Design de Produto.

O que é o Instituto Faber Ludens?

O Instituto Faber-Ludens é uma entidade sem fins lucrativos que promove o desenvolvimento do Design e da Tecnologia no Brasil através da integração entre mercado e academia. Apoiamos projetos de pesquisa, ensino e consultoria nas mais diversas áreas.

Comente este post

Não acredita? Veja alguns exemplos:

Prototipação é gambiarra pura. O objetivo é criar uma simulação da experiência de uso utilizando o mínimo de recursos possíveis. Meus alunos da Unisul quebraram todos os recordes da gambiarra nas aulas de design digital que dou lá.

O Projeto Laser é uma caneta que projeta uma interface em superfícies planas. Emprestei meu datashow para criarem o protótipo. Note a precariedade do suporte criado pelo aluno apelidado de "MacGyver".

TedBeer é uma espécie de garçom robô que permite que os pedidos sejam encaminhados diretamente pela mesa do bar. Criaram um protótipo usando o kit RFID Touchatag como uma bandeja presa num ursinho de pelúcia qualquer. O laptop que processa os inputs e outputs dos RFIDs está embaixo da mesa. Note o sotaque "manezinho" do robô.

Além de ilustrar conceitos, a gambiarra pode servir para testá-los com usuários. Para testar o CanWe?, um aplicativo de iPhone que facilita encontrar pessoas desocupadas para passar o tempo junto, eles criaram primeiro um protótipo em papel e depois um protótipo semi-funcional em Flash, mas como não rodava no iPhone, rodamos num PocketPc (que aliás, é muito mais barato).

Um grupo percebeu que umas amigas estavam deixando de usar o diário para registrar sonhos interessantes e estavam usando o celular ou MP3 para gravar uma descrição falada do sonho. Transformaram a gambiarra do usuário num produto: o Apanhador de Sonhos.

Outra gambiarra que virou produto é o Boo, um aplicativo OpenSocial que ajuda adolescentes a montar "esquemas" entre os amigos.

Gambiarra como técnica

Sendo assim, minha proposta é que a teoria do Design se atualize para incluir a gambiarra como técnica legítima. Ao invés de levar na brincadeira e marginalizar a técnica como costumam fazer nossos colegas da Computação, gostaria que tivéssemos orgulho de nossas gambiarras.

Claro, gambiarra não é panacéia. Não resolve todos os problemas do mundo... pensando bem, talvez resolva, mas sempre por pouco tempo. Algumas gambiarras podem durar mais tempo, não pela eficiência da solução, mas pela preguiça ou incapacidade de mudar...

Isso é bom. Significa que há espaço para melhorar. Não é como um daqueles projetos que estabelecem um padrão difícil de ser superado, mesmo que se torne caduco. O design que dá a última palavra não gera reflexão, só cópias de si mesmo.

Inovação de verdade

A imagem acima mostra uma comparação entre alguns dos produtos projetados pelo designer Dieter Rams na Braum dos anos 1960 e os produtos de Jonathan Ive na Apple dos anos 2000.

Depois dessa você ainda acredita que Apple é sinônimo de inovação?

Eu acredito, mas considero que o termo inovação, como é usado pelo mercado, não diz respeito ao novo e sim à novidade. Uma proposta pode nem ser tão nova assim, mas se a audiência desconhecer, torna-se uma novidade. A maior parte do que se diz inovador no mercado é remake do passado porque a função da inovação é reafirmar o status quo, dar um upgrade nele. O risco de perder status impede que o novo emerja de organizações e pessoas estabelecidas.

O novo só pode vir de quem não tem nada a perder: empresas startups, grupos de estudantes, artistas de rua, usuários finais. É daí que saem as revoluções.

Organizações estabelecidas sabem muito bem disso e monitoram de perto estes grupos. Num passado não muito distante, organizações coibiam qualquer ameaça. Hoje elas incorporam. Compram startups, contratam estudantes, financiam artistas e pesquisam usuários finais. Em muitos casos, infelizmente, as organizações não descobrem como converter estas novas idéias em atualizações efetivas e o movimento de mudança emperra.

Design aberto

O design está no limiar desse processo. Ao mesmo tempo em que pode transformar a gambiarra do usuário em solução oficial, mais bonitinha, pode também deixar abertura para os usuários criarem novas gambiarras. APIs de conteúdo, funcionalidades flexíveis, simplicidade e ambiguidade são alguns dos segredos do sucesso do Twitter.

Até agora, o Twitter soube incorporar muito bem as gambiarras que os usuários criaram. O @fulano para respostas e #hashtags para marcar conteúdo foram criados pelos usuários e, depois, transformados em funcionalidades oficiais. Ao invés de manter um software cliente oficial, destacam os clientes criados por empresas e indivíduos. A API permitiu também que fossem criadas dezenas de integrações com dispositivos de hardware que aspiram a fazer parte da Internet das Coisas.

A abertura do Twitter gera entropia e a entropia gera serendipidade. Quanto mais as coisas se cruzam, maior a possibilidade de associação entre elas. É por isso que a gente acessa o Twitter esperando o inesperado. Queremos que nossos contatos nos supreendam e porque isso acontece com frequência, nós acessamos mais e mais.

O Design Orientado a Gambiarras é um design que nunca termina. Que não é privilégio de designers formados, mas que promove a participação de usuários no projeto, sem preconceito. Que tem múltiplos significados e liberdade de interpretação. Que abraça a entropia e o caos concomitante. Que economiza e reaproveita recursos, criando soluções mais eficientes e sustentáveis.

Comente este post

Estas idéias não apareceram do nada; são resultado de um trabalho árduo de semanas, envolvendo a participação de alunos de três turmas diferentes. Para organizar os projetos desenvolvidos no Instituto Faber-Ludens, nós usamos o sistema de grupos do Drupal. Com isso, é possível colaboração online, porém, sem os encontros offline, o projeto definitivamente não teria ido tão longe.

O projeto começou com algumas pesquisas de referências de abas no mundo físico, em navegadores e outros aplicativos. Como o ponto era as abas dos navegadores, levantamos as dificuldades com elas. Surge então a primeira proposta mais consistente, o agrupamento de abas.

Sugeri ao Bruno Duarte aproveitar a metáfora do clips, que tem uma função similar, mas a discussão que se seguiu demonstrou que poderíamos evoluir mais a idéia.

O professor Érico Fileno propôs desenvolver o projeto em sua disciplina Técnicas de Prototipação I e aí o projeto deu um gás. Utilizando as técnicas de criatividade em grupo que grandes empresas como IDEO utilizam, foi possível gerar uma grande quantidade de idéias alternativas. De fato, ainda estão para inventar uma plataforma para colaboração melhor do que uma mesa, papel e lápis/caneta.

Enquanto uma das turmas tinha aula presencial com o Érico, outras duas participavam online, promovendo discussões fantásticas como esta sobre o comportamento do usuário em ambientes hipertextuais e esta outra sobre a necessidade de abrir tantas abas. A discussão se estendeu até o blog da Karine Drummond, que nem fazia parte do projeto mas acabou contribuindo para ele.

O prazo estava acabando e ainda não havia sido fechado o conceito a ser proposto. Então, o pessoal que mora em Curitiba resolveu se reunir presencialmente para fechar. Foi uma noite muito produtiva! Ficamos das 19 até 23hs aperfeiçoando a proposta do Alexandre Ribeiro de usar o cubo Rubik como metáfora de navegação. Foi empolgante ver os alunos aplicando os conhecimentos que haviam adquirido com o professor Érico!

No final de semana que se seguiu, Tersis, Alexandre, Samille, Vicktoria, Fernando, Ana Carla e Leonardo deram seu sangue para montar o vídeo em sucessivos encontros online e offline. Deu resultado. O projeto recebeu notas muito boas dos jurados na apresentação da proposta, porém, acharam que a proposta estava longe do que tinham pedido: repensar as abas dos navegadores. Realmente o Software Livre está precisando urgente de mais designers: eles não sabem o que é inovação. Ainda bem que a votação popular reconheceu o esforço do pessoal! Eles mereceram.

Com este projeto comprovei pra mim que a colaboração online não substitui a colaboração offline, mas complementa. Online é bom pra analisar, comparar, discutir e desenvolver. Offline é bom pra criar, decidir e comprometer-se.

Comente este post

É uma suíte que funciona da seguinte forma: você roda o Morae Recorder na máquina do usuário, gravando a tela, o áudio e a webcam em sincronia. Num outro computador, pode ficar um anotador e outras pessoas que desejem acompanhar o teste em tempo real. O Morae Recorder transmite ao Morae Observer os dados via rede. Testamos dentro de uma rede wifi com laptops de baixo poder de processamento e o time-lag foi de alguns segundos apenas.

Por fim, as gravações e anotações são abertas todas em sincronia no Morae Manager, que permite selecionar, cortar, marcar, gerar estatísticas, enfim, tudo necessário para gerar relatórios sobre o teste. O Morae suporta praticamente todo o fluxo de aplicação do método de teste de usabilidade.

Detalhes que encantam: já trabalhava com o Morae há alguns anos, mas só na oficina descobri uma nova funcionalidade: a possibilidade de marcar um ponto interessante do teste com o Wiimote. Mesmo tendo um anotador na sala ao lado, eu como facilitador e analista, sinto a necessidade de lembrar de determinados pontos depois. Dá pra cruzar estas notas com as do anotador, sem conflitos.

O Morae ajuda bastante a executar o teste, porém, não substitui o analista de usabilidade. De nada adianta ferramenta, se não sabe usar. É preciso planejar o propósito do teste, escolher os usuários, facilitar a interação do usuário e interpretar os resultados. Nada disso pode ser feito por uma máquina.

Na oficina, começamos pelo plano, a parte mais importante para o sucesso do teste: definição de objetos a serem testados, objetivos, métricas e perfil de usuários.

Após definir o perfil de usuários, é importante elaborar um roteiro de recrutamento. Se forem recrutados os usuários com os perfis errados, o resultado do teste pode ser irrelevante. Eis uma simulação utilizando o roteiro elaborado pelos alunos:

Uma vez que os usuários estão definidos, é preciso definir o que eles vão fazer. Para fazer um teste orientado a tarefas, é preciso conhecer muito bem a tarefa em questão. Os alunos fizeram análise da tarefa em dois websites concorrentes, de modo a comparar os caminhos e levantar hipóteses de possíveis problemas de usabilidade.

A partir daí, começamos os testes pilotos, que funcionam como simulações. Convidamos o porteiro da faculdade a participar e ele encontrou alguns problemas relevantes no Americana Viagens.

É claro que para ser conclusivo, a seleção de participantes do teste deve ser rigorosa, mas os participantes locais foram de grande valia para fins didáticos. 

Numa sala estava o notebook do usuário, equipado com o Morae Recorder que grava as ações e vídeo do usuário e, do outro, a máquina do anotador com o Morae Observer.

O anotador podia ver e ouvir em tempo real o usuário e deixar anotações que posteriormente seriam sincronizadas com o vídeo, facilitando e muito o trabalho de análise posterior ao teste.

Veja o trecho de um dos testes [AVI - 104 Mb] gravado com o Morae Recorder. 

O material de apoio ao curso está disponível publicamente. Quem quiser participar de novas edições da oficina, assine a newsletter do Instituto Faber-Ludens para ser avisado de novas turmas.

Comente este post

1 - Experiência e interação são dois conceitos fundamentais na construção de ambientes digitais. De que maneira tais conceitos vêm transformando a produção do design contemporâneo?

O Design, de um modo geral, está passando por transformações fundamentais devido à novas demandas de mercado. Em primeiro lugar, o mercado tem procurado o Design como diferencial competitivo em áreas cada vez mais diversas, desde salões de beleza à organizações financeiras. Só isso já deixa sem chão as velhas definições atreladas a um objeto (Produto/Gráfico) ou método particular (Industrial). Em segundo lugar, o mercado está mais atento à relação entre processo e resultado. Se o Design promete melhores resultados, o mercado quer saber como. O mercado não está interessado em encontrar as formas universais da beleza, mas sim em vender produtos e fidelizar clientes. Quando a concorrência é grande, entretanto, a tarefa é árdua. O que antes não era levado em consideração porque o consumidor não tinha escolha se torna logo um ponto fraco. A estratégia de controle muda da escassez para a abundância em questão de meses. Experiência e interação são alguns dos termos utilizados para sugerir que o controle na abundância é possível através da sedução. Não é por acaso que estes termos tenham sido primeiramente utilizados em projetos de Tecnologia da Informação. A força que impulsiona o desenvolvimento de TI são as intenções de controle, seja de consumidores ou de usuários.

2 - Na dissertação de mestrado "Design em Parceria", Bianca Dal Bianco cita o famoso pensamento de Donald Norman, reconhecido estudioso da área do design: "somos todos designers... Manipulamos o ambiente a nossa volta para que ele satisfaça melhor as nossas exigências. Escolhemos quais objetos possuir, de que objetos nos aproximar. Construímos, compramos, sistematizamos e reformamos: todas essas ações são exercícios de design". Considerando tal passagem, quais são os elementos da experiência do usuário que devem ser pesquisados cuidadosamente para melhor compreensão de um processo interativo e consequentemente concepção adequada de um projeto?

O Design, de um modo geral, baseia-se num modelo triádico que envolve pessoas, atividades e artefatos. Dependendo do enfoque do projeto, um desses elementos pode ser priorizado. Hoje, o mais comum é o foco no artefato, pois é o que o cliente quer ver entregue. Se o cliente não liga para a experiência do usuário porque eu devo me importar? É por essa falta de vontade dos desenvolvedores de superar as expectativas tanto do usuário quanto do cliente que a coisa não vai pra frente. Conhecer o usuário não é difícil. Basta levantar o perfil do público-alvo através de questionários ou mineração de dados, montar algumas personas e está feito. Difícil é compreender as atividades destes usuários. Isso exige sair do escritório e visitar o lugar onde o usuário vive. Observar o que não é dito, fotografar as gambiarras, se meter nas relações políticas. A habilidade do Design em interpretar estes dados e transformar em projetos úteis e sedutores é o que tem elevado o Design ao campo estratégico das empresas.

3 - O design de interação é uma área que vem recebendo mais atenção no mercado internacional, principalmente em universidades tradicionais como a Carnegie Mellon University, o Instituto Ivrea, o Royal College Art, entre outras, além de já existir uma associação profissional, a Interaction Design Association. Em termos práticos, como poderíamos defini-lo?

A definição que usamos no Instituto Faber-Ludens é a seguinte: "Design de Interação é uma área dentro do Design que trata especificamente do projeto de artefatos interativos, tais como websites, softwares, dispositivos móveis, produtos eletrônicos e etc." Optamos por definir a área pelo tipo de projeto para ser mais facilmente compreendidos, porém, consideramos o Design de Interação como o projeto da interação entre pessoas que ocorre por meio destes arefatos. Nosso material de trabalho não é a tecnologia e sim as relações sociais. Design de Interação é a habilitação ou proibição de certas interações sociais por meio da tecnologia. O interessante dessa visão é que o objeto da disciplina é independente da tecnologia e, sendo assim, não fica obsoleto com a evolução tecnológica. Por outro lado, fica claro o papel sinistro que o controle sobre estas relações pode ter.

4 - Por ser um campo de conhecimento ainda recente no mercado brasileiro, é comum haver certa confusão ao se definir o que é o design de interação e o que seria o design de experiência. Pela sua experiência, quais seriam os aspectos para diferenciar esses dois conceitos?

Design da Experiência é uma proposta, Design de Interação é uma área estabelecida. Podemos dizer que o primeiro é a visão macro e o segundo, micro. Devido à departamentalização das empresas é difícil implementar uma visão macro consistente. O consumidor acaba interagindo com "diferentes empresas" que na verdade são uma só. Por enquanto, o foco tem sido em aperfeiçoar estas interações separadamente. Cada departamento rende um projeto em Design de Interação. Porém, é possível que as empresas se interessem em controlar a experiência do usuário nestes diferentes pontos de contato, aí será o caso do Design da Experiência, mas, por enquanto, é algo para poucos.

5 - No cotidiano profissional, quais seriam as principais funções do designer de interação? E como esse profissional deve ser incluído dentro da estrutura de produção das agências digitais?

O designer de interação é especialista na interação do usuário, seja qual for a mídia escolhida. Ele deve ser capaz não somente de prever o comportamento, mas também de influenciá-lo. Essa habilidade está atraindo a atenção dos departamentos de publicidade, porém, em muitos casos, ela está sendo mal aproveitada. Na publicidade, o designer de interação é frequentemente chamado para deixar interativa campanhas que não podem ser realmente interativas. Limitado pela visão de comunicação, o designer de interação acaba projetando uma interatividade bobinha: uma logomarca que gira seguindo o mouse, um jogo baseado em templates ou uma cópia de um serviço Web 2.0 qualquer. Este designer poderia contribuir muito mais se fosse incluído na definição estratégica da campanha, tornando a interatividade não uma mera roupagem, mas sim um modo de comunicar. O que muitos clientes e também diretores de criação talvez não estejam percebendo é que a interação é a nova forma de se comunicar na sociedade pós-massa em que estamos entrando.

6 - Antropologia, psicologia e sociologia são algumas das ciências sociais que surgem para complementar a base de conhecimento do designer diante das novas perspectivas do mercado profissional. Diante disso, qual seria o perfil ideal para um designer se especializar no design de interação?

O perfil ideal de designer de interação é a pessoa que brincava de Lego quando criança, sonhava em ser como o professor Pardal, imitava o MacGyver e sentia pena do Pinky e Cérebro. Não tem receita de bolo: o segredo está na mistura de competências diversas e complementares. Uma dica é realizar uma pós-graduação que envolva pesquisa de comportamento social. Designers de interação precisam saber estruturar, aplicar e interpretar pesquisa social com rigor, pois seu trabalho é baseado nisso.

7 - No artigo "Os primeiros princípios do design de interação", Rochester Oliveira destaca que um bom caminho para entender o design de interação é conhecer alguns dos princípios fundamentais para criar e implementar interfaces eficazes. Atualmente, quais são as metodologias e as técnicas mais utilizadas no trabalho do designer de interação?

O Instituto Faber-Ludens mantém um Guia Colaborativo de metodologias e métodos. Uma das páginas mais acessadas é sobre o método Teste de Usabilidade. Parece que finalmente o mercado está assimilando a prática de testar com usuários. Outra técnica bastante procurada é a elaboração de questionários, quase sempre visando a construção de Personas, que são perfis de usuários. O problema é que raramente estas pesquisas tem rigor científico. Acabam se tornando meros instrumentos retóricos para justificar decisões e não instrumento para conhecer o usuário. De um modo geral, a pesquisa em design de interação no mercado brasileiro está no estágio de oba-oba. Desde que apresente em gráficos coloridos, qualquer um diz o que quizer sobre os usuários. Isso tende a mudar, conforme os dados de pesquisa levem a fracassos financeiros.

8 - Em post do seu blog, "O que é afinal design de interação", onde você aborda, entre vários aspectos, as diferenças entre o arquiteto de informação e o designer de interação, é ressaltado que este último terá funções mais voltadas para "a manipulação e a transformação da informação". Em termos de produção, quais são as principais ferramentas a serem utilizadas no trabalho do designer de interação?

Também pelo fato de usarem ferramentas similares, o trabalho do designer de interação ainda se confunde com o do arquiteto da informação. Designers de interação também usam Visio, Axure, PowerPoint e etc. A diferença principal é que, geralmente, designers de interação sabem programar e encaram um Javascript ou Actionscript básico para montar protótipos funcionais. Quando o projeto envolve computação física nem dá pra comparar. Designers de interação usam muito um microcontrolador chamado Arduino para criar protótipos de hardware. Também é comum usarem a linguagem de programação Processing, feita especialmente para designers.

9 - Atualmente, as redes sociais se tornaram o grande centro de atenções da internet, ressaltando o conceito de colaboração como uma característica fundamental na produção de projetos que vão sendo transformados conforme o público vai experimentando e participando do aperfeiçoamento de suas funcionalidades. Neste contexto, de que maneira estes ambientes podem ajudar no trabalho do designer de interação? Como obter dados funcionais sobre o comportamento do usuário em espaços colaborativos?

Em situações em que os recursos são escassos e o acesso à comunidade a ser estudada é dificultado por dispersão geográfica ou barreiras simbólicas, pode ser feito um estudo etnográfico baseado na observação e participação em redes sociais na Web. Isso pode ajudar a compreender melhor quais as características comportamentais dos usuários. Porém, é preciso tomar cuidado na interpretação. Todo mundo sabe que nem tudo o que dissemos, fazemos e mostramos nas redes sociais corresponde ao que fazemos fora dela. É preciso tratar as redes sociais como um espaço público onde as pessoas realizam rituais de performance social. Indica-se que, além de navegar nas redes sociais, que se realizem algumas entrevistas em profundidade com alguns usuários pesquisados.

A gente fez alguns exercícios desse tipo num minicurso sobre design de rede sociais.

10 - Em entrevista publicada na edição de abril, a designer e pesquisadora Yasodara Córdova apresentou algumas das transformações que o conceito de desenvolvimento ágil tem trazido para a produção do design, inclusive com o surgimento de um modelo de "web design ágil". Como as metodologias ágeis podem influenciar o trabalho do designer de interação? De que maneira elas devem ser incluídas em seu cotidiano profissional?

As metodologias ágeis estão transformando o ambiente de trabalho em Tecnologia da Informação drasticamente. Para assentar o crescimento das equipes, as empresas estavam dividindo o trabalho em etapas, distribuindo entre especialistas e departamentos. Os únicos que tinha a visão geral sobre o processo eram os gestores, mas o problema é que nem sempre o processo era seguido pelas equipes. Acabava que ninguém sabia exatamente o que estava acontecendo e quando se davam conta, já tinha estourado o prazo.

As metodologias ágeis tentam resolver essa ineficiência com um ritmo de desenvolvimento cíclico, ao invés de linear. Os membros das equipes tem que se encontrar frequentemente, informando o que estão fazendo e solicitando ajuda. O prazo se torna sagrado, mas a responsabilidade é do grupo. Se alguém está com problemas, os demais devem ajudar.

Os primeiros designers de interação foram contratados dentro da lógica de departamentalização e acostumaram-se com o processo linear de desenvolvimento. Quando defrontam-se com o desenvolvimento ágil ficam meio perdidos, pois não há uma definição clara sobre como se encaixar no processo. O Design é visto como parte do trabalho de cada desenvolvedor e não uma etapa ou responsabilidade de um cargo. Isso dilui a possibilidade de desenvolver uma visão de Design integrada.

No caso do Scrum, algumas equipes estão superando essa dificuldade posicionando designers numa equipe especial que trabalha na especificação de sprints futuras ou no lado do product owner.

11 - Nos últimos anos, o avanço da tecnologia tem proporcionado novos modelos de experiência e interação, como podemos notar nos dispositivos móveis e o uso do toque para manipular os elementos da interface. É possível apontar os novos desafios que surgirão para o futuro do design de interação?

O mercado de tecnologia, e a sociedade em geral, ainda estão muito fascinados com novas interfaces para velhos produtos. Esperam que o designer faça mágicas do tipo controlar canais de televisão com gestos e assoprar o telefone para desligar. Porém, o escopo do design de interação vai além da interface. Se é possível que se estabeleçam novas relações sociais pela interface, as possibilidades são inúmeras. É possível repensar totalmente a cadeia de produção e consumo de vídeos, como faz o Youtube. Isso pode ser projetado ou acontecer por acaso.

Vejo que o design de interação será crucial para a sociedade do amanhã, que dependerá cada vez mais de tecnologia para o controle social. Seu papel será naturalizar estas tecnologias, tornando-as mais bonitas, simpáticas, fáceis de operar, criando a ilusão de que o usuário está no controle. Não acredito na centralização deste controle, acredito na dispersão. As pessoas aceitarão perder o controle sobre si em favor de ganhar controle sobre seu círculo social próximo. Os modos de socialidade que vemos hoje em redes sociais com o Orkut, por exemplo, são os embriões de um novo modo de viver nas grandes cidades, que em breve estarão repletas de dispositivos conectados à Internet. Sem dúvida, a Internet das Coisas (e o que as pessoas farão com ela) é o grande desafio do design de interação para as próximas décadas.

12 - Quais dicas de leitura você indicaria para o profissional que deseja se aprofundar neste assunto?

• O Blog do Instituto Faber-Ludens
• A revista Interactions
• O livro Designing Interactions

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

Creio que a plataforma seja útil além da Internet das Coisas. Me parece uma forma prática e barata de criar interfaces tangíveis que permite uma transição mais suave entre o mundo físico e o virtual, permitindo que pessoas alheias ao mundo virtual aproveitem seus benefícios.

Basta encostar o chips no leitor para disparar ações. Estes chips podem ser colados em objetos do dia-a-dia que possuem uma conexão semântica com o objetivo da ação. No meu caso, a primeira aplicação que criei é um atalho para meu filho assistir vídeos do Pica-Pau no Youtube encostando seu boneco de pelúcia do Pica-Pau.

Em termos de facilidade de uso, meu filho foi sincero: é mais fácil apertar o botão de ligar da televisão, mas não é sempre que está passando Pica-Pau, nem pode escolher os episódios que quer assistir. Ele me perguntou porque eu não compro fitas VHS antigas para colocar no vídeocassete aposentado, porque no DVD ele não consegue mexer direito...

Tive uma outra idéia que ele gostou mais. Um brinquedo que grava histórias sobre outros brinquedos. Meu filho adora mostrar pra outras pessoas seus brinquedos. Pensei que gostaria de ouvir a si mesmo. Improvisei um protótipo usando um PocketPC. Ele adorou!

No próximo passo, pretendo montar um protótipo funcional utilizando o Touchatag. Coloquei a idéia do projeto na incubadora de projetos, aliás, uma idéia interessante de cocriação.

O ideal seria desenvolver uma aplicação para o Nabaztag, que além do leitor RFID, já tem um formato de brinquedo, mas o preço está meio salgado e não sei o quão difícil é fazer isso.

Inspirado no projeto Pling Plong, um leitor de livros em áudio para crianças, estou desenvolvendo também uma extensão para os livros atuais do meu filho. Ao invés do livro todo, o leitor de RFIDs reconhecerá os elementos destacáveis do livro, disparando um som do objeto e/ou leitura da página.

Não vejo a hora de levar estes kits para nossas aulas da pós-graduação em Design de Interação. Espero que surjam aplicações criativas como as do projeto Touch.

Os chips RFID não são novidade. Sua patente tem mais de 40 anos! Porém, até bem pouco tempo sua aplicação era meramente utilitária: cartões de ponto, tickets de passagens, etiquetas de supermercado. Só agora que alguns designers começam a exploração de seu potencial para a expressão estética, afetiva, comunicação, educação e outras aplicações subestimadas no desenvolvimento tecnológico.

Comente este post

Veja o mapa de onde moro, na cidade de Curitiba, por exemplo.

Este lugar eu escolhi pela Internet. Eu queria criar meu filho num lugar parecido com o que eu fui criado no Rio de Janeiro: um condomínio de prédios com ampla área de lazer e contato com a natureza. O site que tem a maior base de imóveis em Curitiba não tinha esse critério de busca nem nada que chegasse perto disso.

Por acaso, um dia caí no Wikimapia, um mashup do Google Maps que permite aos usuários adicionarem anotações sobre os mapas das cidades. Comecei a sobrevoar a cidade em busca de algo que se parecesse com o que eu queria. Me senti como num helicóptero. Uma série de prédios rodeados de árvores me chamou a atenção. Passei o mouse por cima e descobri o Parque Pinheiros. Fui até lá e fiquei.

Um dos critérios principais para a escolha de um local para morar, em qualquer grande cidade, é o acesso à rede de transportes. As possibilidades de ação que uma cidade é oferece é proporcional ao deslocamento necessário para executar atividades. Como pode-se ver no mapa abaixo, é uma região bem servida de avenidas e ônibus.

Porém, não adianta muito saber onde estão os pontos de ônibus se não se sabe a rota dos mesmos. O sistema de transporte coletivo de Curitiba é complexo: para se chegar num local, mesmo que seja próximo, é necessário o baldeamento (pegar outros ônibus), apesar de que a conexão seja gratuita. Esse esquema é interessante porque pode-se chegar a um mesmo lugar por caminhos diferentes, porém, a complexidade é tão grande que dificilmente um cobrador ou motorista consegue explicar quando alguém pergunta como chegar num local que está fora de sua própria linha. Imagine então, quando um forasteiro pergunta a um transeunte na rua. É por isso que os curitibanos não gostam de dar informações na rua; eles têm motivo para serem antipáticos...

A URBS oferece um sistema para encontrar rotas, mas eu particularmente nunca consegui usá-lo sem dar bug, além da interface ser sofrível.

Essa informação tinha que estar disponível na hora em que se precisa, ou seja, quando se está na rua. Em alguns pontos de ônibus, há mapas bem completos, mas estes só conseguem mostrar informações relativas ao bairro. Pra mim, é um excelente passatempo enquanto espero o ônibus chegar, mas para a maioria das pessoas é grego. Já vi muita gente perguntando para outras pessoas sobre rotas de ônibus mesmo tendo o mapa logo atrás. Este tipo de mapa, apesar de bem organizado, exige uma capacidade cognitiva fora do comum, pois é preciso discernir entre muitas informações irrelevantes aquelas que atendem à demanda.

A tecnologia da informação poderia ajudar aqui, permitindo filtrar informações baseadas na demanda do usuário. Infelizmente, os quiosques informatizados da prefeitura são pobres nesse assunto. Se limitam à listar as linhas de ônibus e horários. Bem que eles poderiam acessar o sistema web comentado anteriormente, mas este teria que ser adaptado para ser usado numa tela touchscreen.

Nossos alunos da pós em Design de Interação fizeram como exercício de Técnicas de Prototipação I, o redesign de um novo quiosque, o Ponto-i. O novo sistema integra as informações espalhadas de modo contextual. As informações iniciais são relativas ao ponto geográfico do quiosque, mas é possível selecionar roteiros que integram pontos turísticos e dicas de usuários para se locomover na cidade. Estes roteiros podem se transferidos para o celular e consultados no caminho. Eles construíram um protótipo de papel bem bacana para demonstrar o uso.

Ponto i - Paper Prototyping from Felipe Sad on Vimeo.

O Ponto-i faz parte de um projeto de pesquisa aberta do Instituto Faber-Ludens que visa investigar as possibilidades da Computação Pervasiva para reconfigurar o espaço urbano: Urbanismo Digital.

"A computação pervasiva adiciona uma nova camada ao urbanismo das cidades. Assim como a rede de transporte físico foi crucial para o estabelecimento das metrópoles, a infra-estrutura eletrônica redefinirá como nos encontraremos com outras pessoas nas cidades conectadas. É urgente planejar esta nova camada, do contrário, estaremos presos no equivalente digital de becos sinistros, trânsito infernal e viver isolado no meio de multidões."

O objetivo do projeto Urbanismo Digital é demonstrar a importância do planejamento urbano digital. Quem quiser participar, fique à vontade.

Convidei a participar deste projeto aberto Caio Vassão, um arquiteto e urbanista que pesquisa Design de Interação. Para ele, a tecnologia da informação constitui uma Camada Ambiental Interativa, que deve ser tão bem projetada quanto outras camadas físicas do espaço urbano.

Caio demonstra como o conceito pode ser aplicado numa situação prática, guiando o planejamento de uso da tecnologia da informação num centro universitário. No diagrama abaixo pode-se ver a sobreposição e integração entre ambientes de colaboração acadêmica virtuais e físicos.

Esse cruzamento é um dos que mais me interessa no Design de Interação hoje. Também é de interesse de Adam Greenfield, diretor de interfaces e serviços da Nokia, e de Mike Kuniavsky, diretor da ThingM. Num futuro próximo, a tecnologia da informação será o asfalto de empreiteiras digitais. Muitos interesses políticos e dinheiro passarão por aí.

Comente este post

Como exemplo peguei dois vídeos do próprio Youtube: uma performance de Chris Crocker e a filmagem de três pessoas diferentes assistindo o mesmo vídeo feita por Stephanie Hough.

Dê play nos dois vídeos, mas diminua o volume do segundo para não atrapalhar.   

Como você não conhece estas pessoas, não interessa muito ver suas reações, porém, se fossem amigos próximos o interesse seria maior porque:

• elas fazem parte de seu círculo social e seu comportamento é orientado a este círculo
• a empatia (sentir o que o outro sente) é proporcional a experiências compartilhadas
• essa interação pode disparar outras interações, como uma mensagem comentando a reação do colega ("se vc acha essa careta esnobe, olhe então como eu faço careta para Chris Crocker")

A motivação seria similar a ir ao cinema com vários amigos e poder ouví-los rir, chorar e assustar nas cenas mais fortes do filme. Para pessoas observadoras (ou sarristas), isso é às vezes mais divertido do que o próprio filme, especialmente em filmes de terror ou romance meloso.  

O criador do vídeo teria muito interesse em ver a reação de sua audiência. Seria como um espelho em que se pode ver a si mesmo pelos olhos dos outros. Vertov e todos seus milhares de seguidores que bateram fotos de si mesmo no espelho adorariam esta funcionalidade.

Conforme fossem surgindo centenas de reações, seria possível acompanhar a audiência e, dessa forma, ajustar seus hábitos de produção de vídeos ou de consumo. Na verdade, já não daria mais para separar produção de consumo, pois todos estão produzindo e consumindo ao mesmo tempo, explicitamente!

Na verdade, isso já está acontecendo espontaneamente no Youtube. Basta fazer uma busca para ver as reações que as pessoas gravaram delas mesmas assistindo vídeos polêmicos. A novidade que estamos introduzindo é poder assistir os vídeos sincronizados e selecionar apenas as reações de seus amigos, ou quem sabe outros critérios. Fico imaginando a possibilidade de alguém ficar famoso só por suas reações aos vídeos e, desta forma, se tornar um companheiro ideal para assistir vídeos.

Esses dados de audiência poderiam ser analisados por algoritmos de reconhecimento de emoções faciais, gerando um banco de dados que permitisse busca de vídeos alegres ou tristes. Indo além, esse algoritmo poderia perceber padrões de emoções ao longo da estrutura narrativa, podendo ser classificados em gêneros tradicionais ou novos gêneros, que emergiriam a partir da própria reação da audiência.

Gravamos um vídeo explicando os rabiscos que fizemos destas idéias. Se alguém gravar uma reação a este vídeo, coloca abaixo nos comentários. 

Comente este post

O professor Michael Welsch ficou famoso pelos seus vídeos no Youtube demonstrando a disparidade entre o uso de novas tecnologias no dia-a-dia dos estudantes e dentro da escola. O que pouca gente viu são seus próprios experimentos de ensino em sala de aula. WorldSim é uma espécie de jogo que ele promove entre seus alunos para perceber os múltiplos fatores que delineiam uma cultura.

WorldSim é muito parecido com Civilization. A diferença principal é que este último tem suas regras gravadas num computador. Aliás, Civilization já é usado em escolas canadenses para ensinar História há alguns anos.

A novidade agora é usar Spore nas aulas de Biologia. O próprio Will Wright, criador do jogo, admite que além de entretenimento, ele gostaria que os jogadores aprendessem sobre teoria da evolução.

O Museu da Língua Portuguesa em São Paulo e o Museu de Ciência e Tecnologia da PUC-RS são provas de que investir em ferramentas de educação interativa dá resultado. São dois dos museus mais visitados em toda a América Latina, fazendo vivo um conhecimento que poderia estar abandonado em exposições tradicionais, como é o caso da maioria dos museus brasileiros.

Detalhe importante: a lista de reprodução acima agrega vídeos criados e publicados espontaneamente por crianças e adolescentes que visitaram o museu usando seus telefones celulares e câmeras digitais. Poderiam ser excelente material didático numa aula posterior para rever os princípios físicos dos experimentos, mas muito provavelmente o professor nem sabe que esses vídeos existem. Infelizmente, os professores ainda discutem se devem bloquear celulares ou Youtube nas escolas...

Olha só o que acontece quando educadores abraçam a tecnologia ao invés de repelir: as mesas educacionais da Positivo permitem que as crianças realizem atividades de escrita e matemática utilizando blocos de fácil manipulação e compartilhamento. Esta mesa foi criada no Brasil e é usada em vários outros países. Esta foto, por exemplo, foi tirada numa escola da Flórida, onde é usada para a educação especial.

O desafio é demonstrar aos educadores às possibilidades das tecnologias educacionais. Creio que designers de interação podem fazer uma boa ponte entre Pedagogia e Engenharia.

E para não dizer que não falei de Educação à Distância, que cresce a passos largos no Brasil, destaco o projeto RIVED que mantém um banco de objetos de aprendizagem com milhares de atividades interativas.

Comente este post

Quando estava em férias no Rio de Janeiro me deparei com esta campanha da Neosaldina envolvendo mídia externa que disparava interação mobile. Os transeuntes são convidados a mandar SMS dizendo se o Rio está feliz ou não e o sorriso no outdoor aumenta de tamanho, demonstrando o índice do dia.

No site da campanha é possível verificar o histórico dos dias e ver que no final do mês de outubro alguma coisa (provavelmente alguma demonstração pública de violência) fez os cariocas expressarem infelicidade. Faltou um mashup com as notícias do dia dos principais jornais do Rio pra saber o real motivo.

Ao invés de se posicionar no centro da interação, a marca se coloca como uma mediadora entre o indivíduo e a comunidade em que vive. Através da Neosaldina o carioca pode saber o que os outros estão pensando em relação à campanha e também à sua cidade.

Imagine se há alguns anos atrás uma empresa estaria disposta a alterar sua marca em função dos humores de seu público? A marca era sagrada, o consumidor, profano. Hoje, a relação é outra. Abundância de concorrência e informação permitem ao consumidor escolher melhor. O critério de escolha deixa de ser o melhor de todos e passa a ser o melhor para mim. As interfaces se tornam o fulcro da profanação das marcas. Cabe ao anunciante criar interfaces e abrir sua marca, convidando o consumidor à cocriação.

Uma das interfaces pouco exploradas no Brasil são as instalações interativas. No stand da Ford para uma feira automobilística, o visitante podia gravar um vídeo que era mixado por um VJ ao vivo, numa mega interface touchscreen.

Mais exemplos de instalações interativas comerciais no blog do Instituto Faber-Ludens.

Comente este post

Por outro lado, não surge do nada. Alguém teve a idéia. Alguém pensou que seria útil. Normalmente, as idéias de novas tecnologias advém da realização de limitações das tecnologias existentes. A necessidade estava lá, só ninguém sabia como suprí-la.

Veja o caso do celular, por exemplo. Quem é que precisava de um celular no século XIX? Nenhuma decisão era tomada de última hora. Os compromissos eram agendados com antecedência e seu cumprimento era sagrado. Falou tá falado. Além disso, as pessoas com quem você precisava falar estavam sempre por perto.

Ao longo do século XX, isso foi mudando. O ritmo de vida foi ficando cada vez mais rápido, a quantidade de decisões maior, os contatos pessoais cada vez maiores e mais dispersos geograficamente. Como viver sem celular numa sociedade assim? Difícil, mas mais difícil ainda com ele. Agora, é preciso lidar com outros problemas.

O primeiro celular comercial foi produzido pela Motorola em 1983. Era grande, pesado e feio. Embora a empresa tivesse gerado conceitos muito mais avançados em design, o tijolão era mais barato para produzir.

E o mico de sair andando na rua falando com um treco estranho que ninguém sabia o que era? Inicialmente, só os homens de negócio pagavam o mico e o preço do aparelho, que era salgado. Com o tempo, mais gente foi entrando na rede e com propósitos outros além de trabalho. O preço barateou, mas o mico continuava: o aparelho continuava deselegante.

A Motorola demorou mais de 20 anos para perceber que o custo e as funcionalidades de um aparelho celular era o de menos para a maioria das pessoas. O celular é ao mesmo tempo símbolo de status social e ferramenta de ascenção. As pessoas aceitam estar disponíveis o tempo todo porque não querem perder suas posições. O modelo Razr, comercializado a partir de 2004, vendeu mais de 120 milhões de unidades e se tornou o celular mais vendido de todos os tempos, embora fosse mais caro e mais difícil de usar que seus concorrentes.

O Razr foi o mais cobiçado até a chegada do iPhone. Ao invés de competir na espessura, forma arrojada ou cores berrantes, a Apple investiu em usabilidade. Os telefones da Nokia sempre foram reconhecidos como os mais fáceis de usar, mas o iPhone não é só fácil. É divertido, é engajante. Parece até um game.

Mas o iPhone tem uma limitação: ele não é muito customizável. Não dá pra trocar de case como os celulares da Nokia, nem colocar penduricalhos como nos aparelhos da japonesa DoCoMo. Ao contrário do preconceito sobre customização, as pessoas não customizam com o objetivo de chamar a atenção para sua diferença, mas sim para lembrar-se a si mesmas. Embora eventualmente seja usado em público, o celular é um objeto íntimo. Ele faz parte da vida afetiva das pessoas.

Os produtos Apple definitivamente não são feitos para combinar com o o estilo do consumidor. Eles tem um estilo próprio. Ao invés do consumidor colocar um pouco de sua personalidade no produto, o produto é que introduz seus valores na personalidade do consumidor.

O iPod, por exemplo, não sintoniza rádio FM. Você deve escutar o que você quer, não o que uma emissora de rádio quer. E deve dar pontos, numa escala de 1 a 5 estrelas, para gerar listas com suas músicas favoritas. Na verdade, é capaz até de reconhecer quais você mais escuta, para que você escute mais e mais do mesmo. Se você quiser saber o que o colega ao lado está ouvindo, só pedindo um fone de ouvido. Não tem caixa de som e nem conexão para transferência com outros iPods.

O iPod modifica não só a forma como consumimos música, mas também como nos relacionamos com amigos e grupos sociais. Você nem precisa ter um iPod para ser influenciado por ele. É um símbolo que não age sozinho, mas que delinea nossas interações. Isto é Design de Interação.

As empresas que perceberam a relação mútua entre tecnologia e necessidade, entre usuário e contexto social, entre racionalidade e afetividade estão investindo nesse tipo de design como peça-chave de sua estratégia de mercado.

O consumidor está sedento por Design. Não aguenta mais bugigangas que não funcionam e deixam sua vida cada vez mais complicada. Se temos que usar tantas novas tecnologias em nosso cotidiano, que sejam fáceis de usar, elegantes e divertidas. O mercado de tecnologia precisa de mais Design, o mercado precisa de Design de Interação.

Comente este post

O nome do livro seria Design de Interação Social ou algo assim. O objetivo é apresentar minha visão sobre esta área acadêmica e profissional, enfatizando como aspectos sócio-culturais podem ser enfrentados na prática.

Gostaria que o livro fosse publicado também em formato digital, gratuitamente. As editoras com quem conversei até agora não gostaram da idéia. Alguém conhece alguma que seja ousada assim?

Segue o índice de tópicos. Aprecio e levarei em conta comentários.

Design de Interação Social

Contexto do Design de Interação

Introdução ao Design de Interação

• O que é Design de Interação?
  • Porque não Design Digital, Arquitetura da Info, Engenharia da Usabilidade e etc...?
• Design de interação vernacular
  • Brincadeiras como inspiração
• Design de interação profissional
  • Apropriação do comportamento social
  • Suprir necessidades e desejos
• Características do Design
  • Modelo triádico (pessoas, artefatos, atividades)
  • Multilingue (olfativa, verbal, visual, sonora, tátil)
  • Futurologia Aplicada
  • Articulação de interesses
• Interação como mediação
  • Designer como mediador, não criador
• Síntese de aspirações coletivas
• Desenvolvimento assistemático
• Apropriação popular

Breve história social do Design de Interação

• Fatores: Identidade, Espaço e Tempo
  • Compresão do espaço e tempo
  • Mudanças no modo de produção
  • Demanda crescente por comunicação
  • Novas formas de habitar
  • Papel do consumo na identidade
• Invasão da tecnologia da informação no cotidiano
• História do botão leva a uma sócio-história
  • Correntes acadêmicas
  • Mercados
  • Empresas
  • Indivíduos
• Do artesão ao cocriador
  

Diferencial do Design de Interação no mercado

• Anedota do balanço na árvore
• Design como mediador entre empresa e consumidor
• Posição do Design na estratégia da empresa
  • Sem Design
  • Design como embelezamento
  • Design como inovação
  • Design como estratégia
• Como o mercado de tecnologia evolui

Perspectivas

• Contextual
  • Contexto em camadas (Técnico, Simbólico, Social, Cultural)
  • Crítica ao modelo em camadas
  • Design Social
• Ergonômica
  • Acessibilidade
  • Usabilidade
  • Antropometria
  • Psicologia Cognitiva
  • Design Universal
• Ecológica
  • Visão sistêmica
  • Integração de processos
  • Design Sustentável
• Experiencial
  • Modelos "mentais"
  • Corporeidade
  • Rituais
  • Design da Experiência

Aspectos cruciais para o sucesso

• Utilidade
• Identidade
• Segurança
• Beleza

Prática de Design de Interação

Processo

• Pesquisar / Planejar
• Modelo Dialético Progressivo
• Como estabelecer uma metodologia
• Metodologia e Método
• Metodologias
  • Design Centrado no Usuário
  • Design Participativo
  • Desenvolvimento Ágil
  • "Segura como pode" (entregar até dia 30)

Pesquisa

• Valor da pesquisa
• Questões metodológicas
  • Objetivos da pesquisa
  • Implicações éticas e legais
  • Qualidade ou quantidade
  • Observação distanciada ou participante
  • Triangulação
  • Interpretação
• Métodos
• Entrevista
• Oficina Participativa
• Etnografia Virtual
• Análise da Tarefa Ritual
• Perfil Semiótico
• Teste de Usabilidade
  • Métricas e benefícios
  • Laboratório de usabilidade
  • Laboratório móvel
  • Laboratório remoto
  • Recrutamento
  • Facilitação
  • Análise da tarefa
  • Questionário de satisfação
  • Teste piloto
  • Checklist para organizar um teste de usabilidade
• Técnicas
  • Aplicação de questionários
  • Protocolos
    • Porquê-Porquê-Porquê
    • Pensar Alto
    • Semiótico
    • Retrospectivo
  • Simuladores online
  • Eye-tracking
  • Análise de registros de uso
• Incorporando resultados de pesquisa
  • Comunicação de pesquisa
    • Fotografias
    • Vídeo
    • Colagens
    • Painel Semântico
    • História em Quadrinhos
    • Diagrama de afinidades
    • Modelos conceituais
    • Árvore de tarefas
    • Descrições
• Caso Orkut

Documentação

• Formatos
  • Mapa mental
  • Modelo conceitual da aplicação
  • Especificação de Funcionalidades
  • Cenários
  • Casos de uso
  • Diagrama sequencial
  • Diagrama da curva de aprendizado
  • Diagrama da situação
  • Relação entre objetos
  • Fluxos de interação
    • Molic
    • Vocabulário Visual
  • Esboço de Telas - wireframes
• Plataformas de colaboração
  • Blogs
  • Fóruns e listas de discussão
  • Wiki
  • Murais
  • Repositórios

Prototipação

• Aspectos
  • Propósito
  • Fidelidade
  • Funcionalidade
  • Competência técnica
  • Ciclo iterativo
  • Hacking
• Formatos
  • Rabiscos
  • Storyboard
  • Mockup
  • Esqueleto estrutural
  • Narrativa em vídeo
  • Demonstração
• Materiais
  • Placas de I/O
  • Papelaria
  • Softwares
  • Dispositivos móveis
  • Brinquedos
  • Lego Mindstorms
  • Filmadoras e máquinas fotográficas

Linguagem do Design de Interação

Semiótica da interação

• Signo e significado
• Semiose social
• Interface homem-homem

Recursos sintáticos

• Tempo
• Espaço
• Textura
• Aparência
• Som
• Movimento

Recursos semânticos

• Figuras de linguagem
• Ajuda
• Narrativa
• ...

Recursos pragmáticos

• Controle
• Consistência
• Foco
• Propiciação
• Mimese
• Extensão corporal
• Multimodalidade

Fundamentos de Design de Interação

Agenciamento Mediado

• Usuário - Interfaces - Sistemas
• Conflitos
• Poder
• Regras

Domínio do Design de Interação

• Análise descritiva
• Análise prescritiva
• Análise normativa
• Síntese

Centros do Design

• Design Centrado no Designer
• Design Centrado na Atividade
• ...
• Design Holístico

Princípios para o Design de Interação

• Crítica
• Empatia
• Ética
• Estética
• Imersão

Comente este post

Nos softwares desktop, as plataformas de desenvolvimento facilitam a inclusão de atalhos pois há um padrão de interação bem estabelecido nesse sentido. Toda aplicação tem os mesmos atalhos de teclado básicos do sistema operacional (Ctrl+C, Ctrl+V, etc) e os menus e barra de ferramentas costumam indicar também os atalhos de teclado equivalentes. O usuário começa a interagir com o mouse e vai gradualmente aprendendo os atalhos de teclado. As vantagens do teclado em relação ao mouse são:

• maior precisão
• maior agilidade
• mnemônica (capacidade de memorização)
• acessibilidade estendida
• velocidade subjetiva mais rápida

Atenção para esta última vantagem, que pode não ser uma vantagem. Nem sempre o teclado é mais rápido do que o mouse, mas, em geral, as pessoas percebem que o teclado é mais rápido, acredito que porque o teclado é mais engajante do que o mouse e dá maior sensação de poder, de controle.

Um estudo realizado por Bruce Tognazzini provou essa teoria em 1992. Foram dadas as mesmas tarefas para as pessoas realizarem primeiro usando o mouse e, depois o teclado. A versão do teclado requeria que o usuário fizesse várias pequenas decisões. A do mouse, não exigia decisões e fazia o usuário pensar menos. Em média, os usuários concluiram a tarefa 50% mais rápido do que com o teclado, mas, pasme, acharam que com o teclado era mais rápido!

Os experimentos de Fitts também comprovam que o teclado é o mais lento dos dispositivos de input para as tarefas de selecionar. Na decisão de usar ou não o teclado, o designer deve prever e pesar a diferença o tempo objetivo ou o tempo subjetivo.

Um prédio comercial em Nova Iorque sofria da lentidão dos elevadores na década de 30. O síndico recebia muitas reclamações e chamou engenheiros para resolver o problema. Não havia como aumentar a velocidade dos elevadores nem adicionar outros. Despesperado, ele chamou um designer de interiores para, pelo menos, tornar a espera mais agradável. Eles tiveram a idéia de colocar espelhos cobrindo as paredes, um de cada lado, assim as pessoas podiam ficar se olhando umas as outras. Assim foi feito e o síndico não recebeu mais reclamações.

O tempo subjetivo também pode ser contrário ao uso do teclado. Basta lembrar da preguiça que dá de trocar mouse pelo teclado para preencher algum formulário. Pior ainda se não der para usar a tecla Tab para mover entre os campos e tiver que alternar entre mouse e teclado diversas vezes até chegar ao final.

Uma vez que o usuário passou ao input do teclado, o ideal é que ele possa concluir a tarefa que está executando sem alternar para o mouse. Digitadores que descobrem como usar o teclado para selecionar e navegar pelo texto e deixam de usar o mouse para isso, ganhando muita perfomance. Alternar demais entre dispositivos de input diminui muito a produtividade do usuário, mas por outro lado, podem evitar LERs.

É possível, entretanto, usar os dois inputs ao mesmo tempo. Se bem projetados, atalhos de teclado e operações com o mouse podem ser realizados conjuntamente. Isso agiliza muito o uso de aplicações com muitas opções, mas só são concebíveis para usuários frequentes. Quando o usuário está familiarizado com o que a aplicação pode fazer, ele começa a procurar formas de otimizar seu trabalho. É um princípio básico da computação.

Pode-se facilitar a memorização dos atalhos e diminuir a taxa de erro fazendo aparecer um pequeno menu que ensina as opções de atalhos enquanto a tecla control ou alt (ou aquela que você escolheu para dar início a sequência) está pressionada. O Office 2007 mostra como acessar os botões da ribbon enquanto se mantém pressionado a tecla alt.

É importante preservar os padrões dos atalhos, caso eles não sejam padrões burros. Ctrl+B só é atalho de salvar no Microsoft Office em português até a versão 2003 (esse B só pode ser de Bill Gates). Em 99% das aplicações, o comando é Ctrl+S. Imprimir é Ctrl+P, copiar e colar você já decorou há tempos e por aí vai. Quando você tiver um comando na sua aplicação que seja o mesmo ou similar a de aplicações de desktop, copie o atalho mesmo que traduzindo para o português não tenha sentido. O usuário fica muito satisfeito quando pode reaproveitar seu conhecimento prévio com outras aplicações.

Um dos atalhos que mais sinto falta na web é o Ctrl+Z. Me parece que os designers de aplicação Web não realizaram que errar é humano e perdoar é divino. Pior do que não ter como voltar, um atalho de teclado errado pode fechar o navegador sem qualquer confirmação ou gravação dos dados. É claro que as aplicações não percebem que isso aconteceu e não voltam ao último estado quando são reabertas. A falta de segurança e tolerância a erros nas aplicações Web ainda me faz preferir aplicações desktop quando disponíveis.

[ nota ] este é mais um artigo de gaveta escrito há 4 anos atrás. Dá pra perceber o contraste com os escritos em Design de Interação mais recentes?

Comente este post