Archive for the ‘Design de interação’ Category

Seção de Card Sorting dentro de uma seção de Work Sorting

Sessão de Card Sorting dentro de uma sessão de Work Sorting

Eu tenho trabalhado em parceria com o amigo Marcos Paulo em consultorias em Design Centrado no Usuário. Nestes projetos já enfrentamos muitas barreiras, já que a disciplina ainda é relativamente nova muitos clientes têm uma certa resistência em incluir DCU em seus projetos. Isto de uma forma ou de outra conseguimos contornar apresentando estudos de ROI (Retorno sobre o Investimento) e explicando a importância do design de interação.

Um outro problema recorrente é a falta de verba – ou ausência da mesma :/ . Já existem pessoas pensando em métodos agile de design de interação, mas mesmo assim muitas vezes o custo ainda pesa. Pensamos então em adaptar uma técnica que pudesse no mínimo possível de tempo levantar a maior quantidade de requisitos possíveis. Decidimos que precisávamos criar uma nova. Juntando idéias, chegamos no Work Sorting.

Ok, mas como realmente funciona o Work Sorting?

Work Sorting é um técnica desenvolvida para projetos de pequeno porte, que objetiva levantar o máximo possível de dados em poucas sessões e com a participação de voluntários simultâneos. A técnica é um misto entre entrevistas não-estruturadas, grupo focal, card sorting e design participativo.

A técnica é dividida em três partes:

  • A primeira parte consiste em um quebra-gelo, onde são feitas perguntas sobre o perfil de cada usuário e são levantadas algumas questões sobre o uso do produto em questão.
  • A segunda parte consiste na realização do card sorting, onde cada participante organiza individualmente as cartas de conteúdo e cria grupos onde estas cartas devem permanecer. O card sorting é individual, porém é realizado num grupo de foco, simultâneamente. Os participantes podem trocar experiências, mas mantendo suas decisões pessoais. O card sorting tem o papel de entender como o usuário imagina a arquitetura de um produto.
  • Na terceira e última parte o participante é convidado a desenhar algumas telas, escolhendo 2 a 3 grupos, incluindo a página inicial. Este desenho é um rascunho esquematizado, onde são observados alguns interesses e preferências do usuário.

Aí está o vídeo gravado ontem na minha palestra na Quinta Digital. O Quinta Digital é uma iniciativa muito legal do Alexandre da Bolt de trazer discussões sobre o mundo digital e comunicação, ontem estavam presentes 55 pessoas, um público ótimo para o espaço. Aguardo críticas e sugestões. Lembrando que a Quinta Digital continua, vem aí ainda mais três palestrantes este ano 1 de Outubro Matt Montenegro, 5 de Novembro Simone Nogueira e 3 de Dezembro Luli Radfahrer.

Tenho notado problemas graves de interação e usabilidade em academias, ao mesmo tempo andei pensando em algumas soluções que gostaria de compartilhar com os(as) leitores(as) deste blog. Como na verdade a lista foi ficando muito grande, então resolvi colocar apenas um item.

anilhas

Um tipo de anilha com boa usabilidade.

Confusão com anilhas
As anilhas – aqueles pesos de montar – têm sérios problemas de uso. Geralmente são feitas totalmente em metal e o seu peso vem inscrito em alto relevo. Não há diferenciação de cor e alguns possuem tamanho bem próximo. Como pessoas baixas, altas, magras e gordas manipulam os pesos, há problemas na hora de pegar os pesos, já que muitas vezes não possuem boa conformação para serem pegas à mão. Em muitos momentos as pessoas também precisam pegar uma anilha que não está no seu raio de visão, ou seja, elas não conseguem ler o valor impresso no peso. Os descansos também só tem números impressos que muitas vezes ficam escondidos e impossíveis de ler.

Minha sugestão: diferenciar pesos por cores. Cores mais frias e claras são pesos mais leves, cores mais escuras e quentes são para os pesados. Além disso poderia se diferenciar pesos por textura. Texturas finas para leves e texturas grossas para pesados. Isso é apenas uma observação, sem uma análise profunda, com certeza se fosse dedicado tempo a pesquisar este tipo de artefato inúmeros novos problemas apareceriam. As anilhas da foto são muito boas, têm boa ergonomia e cores diferenciadas. O problema é que as cores são aleatórias e o suporte poderia ter pinos com cores diferentes também, assim o peso vermelho deveria encaixar no pino vermelho.

Isso é só um exercício que demonstra como o design de interação pode ir além da web, e mesmo fazer parte também do desenvolvimento de produtos analógicos e para serviços. Apesar que pensei em uma solução de realidade aumentada nos espelhos que seria fantástico, facilitaria e tornaria mais prazeirosa a malhação :) Mas, isso já é outra história.

A revista Webdesign desse mês aborda a Análise Heurísitica, uma técnica de inspeção de usabilidade muito utilizada por designers de interação. Vale a pena dar uma olhada na edição que conta com a participação de duas pessoas daqui de Belo Horizonte: Karine Drummond e Eduardo Loureiro. A reportagem mostra as vantagens da aplicação da técnica e os claros retornos (ROI) que esta oferece. A AH é mais econômica do que os testes com usuários, mas que também possui suas limitações, que são discutidas na matéria. Dá uma passada na banca e pega lá.


Você deve estar se perguntando o que este post tem a ver com design? Calma! Skank é uma banda que investiu bastante o último ano em internet e mobile, eles foram a primeira banda brasileira a ter um aplicativo iPhone, também a primeira a ter uma web rádio com músicas escolhidas pelos fãs e pelos integrantes da banda. Eles ganharam o prêmio inicitiva da Multishow devido sua forte presença na web. Mas, este é apenas um dos resultados positivos para o Skank, a consolidação da banda através da internet é impressionante, criou-se um canal direto entre banda e fãs. Eu tive o prazer de participar do projeto na Aorta, onde fui coordenador de criação web e mobile, lá projetamos e criamos as interfaces da web rádio, do aplicativo iPhone e dos perfis da banda em redes sociais como twitter e myspace. Taí a prova de que hoje em dia ter presença na web é muito mais que criar um website ou perfil isolado em redes sociais.

Se você trabalha ou estuda design de interação, sabe que é sempre bom marcar presença nos eventos da área. Eu gosto por dois principais motivos: primeiro pela atualização constante que é mais que necessária nesta área onde tudo corre muito rápido e segundo pelo network que se cria nesses eventos. Então vou indicar alguns, além do Quinta Digital onde vou palestrar, é claro :)

  • 4º Congresso Internacional de Design da Informação (CIDI)
    9-12 de Setembro, 2009, Rio de Janeiro, SP
    Evento já tradicional da área organizado pela Sociedade Brasileira de Design da Informação e que sempre traz uma boa programação. Nunca fui, mas parece que vale a pena.
  • 9º Ergodesign, 9º Usihc
    14-17 de Setembro, 2009, Curitiba, PR
    Se você estuda usabilidade e ergonomia este é um evento recomendado. Serão abordados assuntos específicos de ergonomia e usabilidade, como segurança, facilidade de uso, design defensivo, acessibilidade e metodologias como testes com usuários e análise heurística.
  • Simpósio de Computação Aplicada
    22-25 de Setembro, 2009, Passo Fundo, RS
    Evento mais na área de Ciências da Computação. O evento conta com apoio da SBC (Sociedade Brasileira de Computação). É um evento interessante para se submeter artigos, e sua programação é na maior parte apresentações de trabalhos.
  • 3º Encontro Brasileiro de Arquitetura da Informação (EBAI)
    2 e 3 Outubro, 2009, São Paulo, SP
    Este é o único evento da lista que já fui. Sinceramente achei médio, há muitas palestras comerciais. Senti falta de pesquisa com usuário, e vi muito mais uma preocupação com padrões e abordagens focadas na criação de wireframes.
  • 3º Simpósio Nacional de Tecnologia e Sociedade
    10-13 de Novembro, 2009, Curitiba, PR
    A área que o evento cobre também é vasta e subdividida em grupos temáticos, incluindo um de Design de Interação. O evento tem como proposta traçar discussões sobre tecnologia que levem em consideração a política, a economia e o social.
  • Interaction Design South America
    26-28 de Novembro, 2009, São Paulo, SP
    Esse é um evento do IDxA (Interaction Design Association) e, em outras palavras, é o primeiro evento dedicado a design de interação, ou pelo menos com uma proposta assim tão clara. É a primeira edição do evento e já teremos ótimos palestrantes brasileiros e de outros países.
levantamentorequisitos2

Provavelmente você já viu essa imagem. Olhe a diferença do que o cliente pediu para o que ele realmente precisava.

DCU (Design Centrado no Usuário) é uma disciplina que une áreas distintas como psicologia cognitiva, design e usabilidade. Em geral, quando um projeto é desenvolvido, a equipe de design e o planejamento possuem uma visão do que deveria ser e como deveria funcionar um determinado sistema ou produto, chamamos isto de modelo mental. O usuário – em última instância o cliente final – por sua vez, tem outra visão de como deveria funcionar um sistema, ele possui assim um outro modelo mental. Os modelos mentais, num processo de design tradicional, não se comunicam diretamente, a única ligação entre os dois é através da imagem do sistema – o produto propriamente dito, porém o designer nunca recebe feedback adequado do uso do produto. O grande problema é que modelos mentais não são tão fáceis de serem extraídos, em geral tanto usuários quanto designers não conseguem exprimir seus modelos mentais de forma organizada, as metodologias de DCU fazem parte deste esforço.

Entrevista em profundidade é uma das metodologias de DCU, esta difere das “pesquisas de opinião” que geralmente vemos por aí, onde geralmente se pergunta o que o usuário acha sobre alguma coisa e quais conteúdos ou recursos seriam interessantes. Veja bem na ilustração, o que o cliente descreve como necessidade, nem sempre é o que ele realmente precisa - ou gostaria. Nielsen costuma dizer que os usuários não sabem o que querem, eu acho que alguns momentos sim, outros não. O fato é que não podemos nos apoiar em perguntas supostamente objetivas para nos sentirmos confortáveis sobre o processo de DCU.

A forma mais adequada de gerar requisitos é entender os problemas de interação atual, o contexto de uso e as necessidades do usuário. Em geral quando um usuário é perguntado sobre o que quer ele tende a dar uma resposta de coisas que ele pensa ser útil, mas que no dia-a-dia de acordo com seu perfil e situação de uso, não será nem mesmo utilizado. Por exemplo: um cliente pode dizer que gostaria de um conteúdo com boas animações em flash em 3D, mas no fundo ele mesmo não vai acessar por que demora a carregar e o enjoa demais. Sendo assim, o especialista através da análise das entrevistas, em conjunto com outras metodologias, é capaz de gerar os requisitos corretos. Por isto, é importante buscar contornar este problema, procurando fazer perguntas indiretas, no lugar de “o que você quer no novo site?” perguntar: “que tipo de site você visita?”, “Qual conteúdo você busca nestes sites?”, além de perguntar sobre o perfil  – é do tipo conservador? gosta de viagens? qual seu hobby? – e situação de uso.

gantt-white_med
No dia 03/09/2009 às 22:00 vou ministrar uma palestra no evento Quinta Digital. O evento acontecerá no Catado de Idéias, Rua Alves Pinto, 295, Grajaú, Belo Horizonte Mapa no Google Maps. A entrada custa R$30,00.

As primeiras 35 pessoas a se inscreverem, e pagarem, ficam no direito de assistir na sala 01, os outros ficam reservados para a sala 02. Na última palestra que aconteceu no Quinta Digital as inscrições foram encerradas com antecedência, então inscrevam-se já pelo site.

Sobre a palestra:
A partir da invenção das GUIs na década de 70 assitimos uma evolução rápida dos computadores pessoais, eles ficaram mais rápidos, mais robustos, mais baratos e cada vez mais portáteis. Porém, até que ponto esta evolução permitiu mudanças de paradigmas de experiência do usuário e interatividade? Atualmente estamos próximos de uma nova transformação. As interfaces tangíveis (ou graspables, ou multimodais) rompem com limites impostos pela imagem do computador tradicional – cpu, mouse, teclado e monitor – e permitem novos estilos de interação, por vezes mais naturais e divertidos. Conheça essas características e uma proposta de framework para criação e avaliação dessas novas interfaces.




Mapa de cursos pelo mundo.

Vira e mexe alguém pergunta sobre cursos de Design de Interação. Bem, eu separei alguns que gosto bastante no Brasil e no mundo para vocês darem uma olhada.

No Brasil:

No mundo:

Dicas através dos comentários (update):

Muitas vezes temos problemas na hora de prototipar artefatos que envolvem interação com o mundo físico. Como há a necessidade de se testar antes de produzir alguns estilos de interação, selecionei aqui alguns exemplos de como materializar rapidamente idéias interativas.

Som controlando iluminação no led via arduino e processing. Este foi um projeto que fiz para simular um ambiente onde o barulho gerado pelo público (ex: boate) pode alterar a iluminação.

Lego Mindstorms. Uma alternativa de fácil desenvolvimento para trabalhar com sensores e atuadores.

Teclado vira bateria estilo rock band.

Neste projeto foi utilizada uma tablet wacom e duas canetas (um lado da borracha e um lado da ponta da caneta), os dados X e Y eram coletados por um software que gravava e reproduzia um áudio vinculado à posição.

Multitouch com CCV e caixa de papelão. Taí uma forma de fazer um PAD multitouch com o que você tem aí na sua casa agora mesmo! Tutorial

Projeto realizado no curso de design de interação do instuto Faber Ludens Jogo de Luta com pad do Dance Dance Revolution.