O site do produto tem mais informações detalhadas sobre o seu funcionamento e possui um vídeo que, apesar de não ser muito emocionante, esclarece o funcionamento do produto. Apesar do bom design do produto, não podemos dizer o mesmo quanto ao design do site. O vídeo, por exemplo, não pode ser compartilhado, linkado e nem se consegue dar play/pause ou colocar em mudo. Mas, como o foco aqui não é o site, vamos ao que achei interessante no produto:

Público-alvo bem definido

Eles deixam claro que o produto foi focado para serious home investors (investidores caseiros “profissionais”). Normalmente, o maior erro dos designers é tentar fazer um produto que sirva pra todo mundo. E, no final, conseguem desenvolver um produto que não é muito interessante pra ninguém. Neste caso, o foco permitiu criar um produto bem direcionado às necessidades e características deste perfil de usuário.

Produto não invasivo

O aspecto “decorativo” do produto e sua mudança sutil de cor não chega a incomodar um investidor que tenha consciência de que está trabalhando sob stress, mas deseja continuar a operação. O produto, apesar de avisar o seu estado emocional, não é intrusivo.

O produto ainda é um protótipo

Por ser um “protótipo”, eles ainda estão testando algumas coisas, feito a melhor forma de apresentar as emoções para o usuário. Por exemplo, o fato de haver um bracelete e um EmoBowl, é porque eles acreditam que algumas pessoas acharão o bracelete piscando, algo excessivo, e preferirão algo menos gritante, feito o EmoBowl.

Outros estudos da Philips sobre como trabalhar a emoção no design estão disponíveis em PDF.

Interaction South America 09 acontece em São Paulo dias 26, 27 e 28 de novembro

São Paulo é a cidade que será sede da primeira conferência na América Latina do Interaction Design Association (IxDA), que contará com a presença de convidados internacionais entre os palestrantes. O evento, que acontece dias 26, 27 e 28 de novembro, de 8 às 20 horas, na Universidade Anhembi Morumbi, pretende apresentar e discutir as principais linhas de pesquisa na área do design de interação.

O Interaction South America 09 também é uma excelente oportunidade para incentivar o network entre profissionais da comunidade, apresentando e promovendo a disciplina nos mais variados círculos de conhecimento: design, ciências da computação, arquitetura, entre outros.

A programação do Interaction South América ´09 conta com apresentações de três tipos de submissão de trabalhos: artigos científicos e prático-experimentais; trabalhos multimídia performáticos e; cases de mercado, juntamente com palestras de convidados nacionais e internacionais, workshops, mesa redonda e a presença dos mais renomados nomes da academia.

Motivos para ir:

• Ken Perlin ganhou Oscar por ter criado os softwares que hoje movem a indústria de entretenimento. As palestras dele são show, uma vez que ele mostra como uma emoção é importante para um filme e como uma linha de código muda tudo. Vejam mais em: http://mrl.nyu.edu/~perlin/
• Nimish Biloria é um dos mais laureados cientistas de interação da atualidade. Para ele as interfaces não se limitam a computador, TV e celular, tudo vale, inclusive prédios, obras de arte, etc. Vejam mais em: http://portal.architexturez.org/site/Members/nimish_biloria/
• Simon Biggs é pesquisador da Universidade de Edimburgo e, através de projetos que misturam arte e interação, questiona a identidade humana. Vejam mais em: http://hosted.simonbiggs.easynet.co.uk/
• Juliana Ferreira é designer de interação da Nokia Design, na Inglaterra e vem, honrosamente representar o Brasil que faz sucesso lá fora, falando de personalização de interfaces e seu apelo. Vejam mais em:
  http://www.youtube.com/watch?v=v1TJf8-qgIY
  http://www.youtube.com/watch?v=C35s7ZLm1go
• Giselle Beiguelman, nossa laureada amiga e mestre, membro do IxDA-SP, estará discutindo mobilidade e o desenho artístico da interação. Vejam mais em: http://www.desvirtual.com/info.htm
• Há workshops na área de Usabilidade (Robson Santos), Desenho de Ambientes Interativos (Superlimão), Games (Intuit.com) e Interfaces Vestíveis ( Rachel Zuanon).
  Vejam mais em: http://www.interaction-southamerica.org/programacao/

A inscrição tem preços diferenciados para estudantes, profissionais, professores e pesquisadores e pode ser feita no site do evento:http://www.interaction-southamerica.org, através do PagSeguro. Até o dia 15 de novembro, o pagamento pode ser efetuado com cartão de crédito. Depois serão aceitos apenas boleto bancário e depósito.

O evento conta com o apoio dos patrocinadores: UOL Host, PagSeguro, Instituto de Tecnologia Nokia, Agência Click, Sociedade Brasileira de Computação, Usability Expert, Latitude 14 – Estratégia, projeto, análise de produtos interativos, ESPM, além da parceria da Universidade Anhembi Morumbi.

Mais informações:

Site do evento: http://www.interaction-southamerica.org

Contatos: contato@ixdasp.org

Criamos um conceito para o concurso do Mozilla Design Challenge Summer ’09, no qual o objetivo era responder à pergunta: “Reinventando as abas: como podemos abrir, navegar e gerenciar multiplos websites numa mesma instância do navegador?”.

Nosso conceito, batizado de “Each one on its own square”, foi baseado nas metáforas de espaços de trabalho, utilizada em interfaces como o Spaces do Mac e do iPhone, além do Growl, aplicativo que permite aos programas do Mac enviarem mensagens de aviso, mesmo quando não estão visíveis.

O produto final você pode conferir no vídeo, ou nas fotos que publicamos. O resultado disso foi uma menção honrosa na categoria “Best in Class: Innovation“. [Sim, estamos muito felizes com isso :)]

Outros projetos brasileiros também participaram do concurso. O Cubezilla, projeto da Faber Ludens, ganhou o primeiro lugar na escolha do público. O projeto do Marcello Cardoso, aluno da PUC Minas, foi o SorTabs. Você pode conferi-lo, assim como todos os projetos enviados para o concurso, no showcase do concurso.

Me cadastrei no site há pouco tempo, motivado pelo fato de que grandes personalidades que admiro, faziam parte da rede. Aquele velho esquema “entre porque fulano que você gosta está aqui” funcionou perfeitamente. E na época do cadastro, preenchi parte do meu perfil e coloquei uma tarefa na minha lista de “um dia talvez”, para completar o perfil colocando os artigos, palestras e outras informações sobre minha vida acadêmica. Porém, nunca mais voltei ao site, o que costumo fazer com boa parte das redes sociais nas quais me cadastrei.

Este email que recebi, veio me avisar que alguém chegou na minha página, fazendo uma busca no google. Analisando friamente, vemos que foi um paraquedista que caiu no site, usando o google. Isto tem aos montes aqui neste blog, por exemplo. Porém, o email dá a falsa idéia de que o site é bom e que o meu perfil está sendo visto. Minha primeira reação foi lembrar da minha tarefa de terminar de preencher meu perfil e pensar que deveria realizá-la o mais breve possível, pois já tinha gente entrando no meu perfil. Apesar de que pelas minhas prioridades atuais, o perfil continuará desatualizado, achei super interessante este tipo de ferramenta, pois atinge um lado emocional das pessoas, motivando-as a participar da rede social.

O LinkedIn, por exemplo, de tanto me mandar emails com compactos dos acontecimentos na minha rede social, acabou me criando um hábito de conferir regularmente a página e se tornou minha ferramenta oficial de relações profissionais. Além disso, faço contatos comerciais e descubro pessoas com a mesmos interesses que o meu.

Outro bom exemplo de emails motivacionais, são os famigerados emails do orkut. Lembro que, quando comecei a diminuir o uso do orkut, estes emails me lembravam de que eu ainda tinha uma “vida social” para cuidar. Pela futilidade da ferramenta, acabei abandonando esta vida e hoje em dia só recebo scraps de “spam”.

Já que hoje em dia muitas das aplicações se enveredam pelo caminho da “rede social”, acho que deveriam estudar mais sobre esses tipos de ferramentas, pois acredito ser um fator facilitador do uso da rede, principalmente no início, enquanto as pessoas não têm o hábito de consultar a sua página para ver o que está acontecendo.

O vídeo do Xbox 360 sobre o project natal foi o que achei mais interessante. Tem um outro vídeo da apresentação do project natal na E3 (feira de vídeo-games). Realmente, as novas possibilidades advindas do reconhecimento de rostos, vozes e movimentos é espetacular. E as possibilidade vão muito além dos jogos. Por exemplo, uma garota poder se ver usando um vestido, sem ter de sair de casa ou sequer vesti-lo, é um avanço e tanto para a experiência do usuário. Isso sem falar nas adaptações que podem ser feitas ao se reconhecer quem está jogando. É realmente um avanço em questão de estilos de interação.

Porém, feito qualquer estilo de interação, ele não serve para todo e qualquer tipo de situação. Por exemplo, um jogo de corrida, ao meu ver, tem muito mais graça com um volante de verdade, um cockpit bem desenhado e, o principal, o feedback direto no controle. O fato do volante ficar mais duro quando se está na grama, de tremer ao se passar numa zebra, por exemplo, enriquecem e muito a experiência do usuário. Já em jogos de luta, por exemplo, a liberdade de não se precisar de um controle é muito mais enriquecedora do que se lutar por meio de botões e direcionais.

Vendo outro vídeo do Google Holodec, fiquei pensando no quanto seria interessante ter um vídeo-game de corrida, skate ou algum outro estilo “outdoor”, dentro de uma cabine dessas. E se fosse aliado à tecnologia da Microsoft de reconhecimento de movimentos, esta cabine poderia ser o futuro dos fliperamas, trazendo uma experiência bem mais completa para os jogadores.

O que vejo nisso tudo é que estamos caminhando para um futuro onde teremos diversos estilos de interações diferentes e que funcionam adequadamente para determinada situação. E caberá ao designer de interação, definir qual será o mais adequado para a experiência que deseja proporcionar. Deixe vir!

Temos tudo que um usuário comum precisa para lidar com o aviso:

• uma mensagem clara sobre a existência da atualização;
• uma explicação sobre que benefícios esta atualização trará, sem enrolação e sem linguagem técnica como buffers, endereço de memória, processamento de entradas etc.;
• uma opção de não ser mais avisado sobre esta atualização (caso você não veja vantagem nela); e
• opções de atualizar no momento, ou posteriormente.

Vejam a tela de update do NeoOffice:

Eu sei que a comunidade open source se esforça bastante para tornar os produtos bons e competitivos. Inclusive, até pouco tempo atrás, antes de comprar o iWorks, eu utilizava o NeoOffice. Porém, temos de admitir que em questão de usabilidade e interfaces amigáveis, a comunidade ainda está bem atrás dos concorrentes. Provavelmente, porque a maioria dos voluntários são programadores e não profissionais de usabilidade e design de itneração.

Meu tempo livre está curto, mas, se alguém souber como posso fazer para contribuir, pontualmente, com a melhoria da interface de projetos como o NeoOffice, favor me avisar.

Com algumas semanas de atraso, resolvi assistir à aula extra, do curso de iPhone da Stanford, sobre “How to Build an iPhone App that Doesn’t Suck! (In 10 Easy Steps) “ do Steve Marmon (@marmon). Ele menciona 10 passos para se desenvolver aplicativos que não sejam “um lixo”. Porém, estes passos podem ser aplicados para quase qualquer projeto. Os passos comentados, estão a seguir:

1. Decide what to build (decida o que construir)

Encontre uma solução para um problema real. Muitas vezes pensamos em uma solução, mas sem entender direito, qual problema estamos nos propondo a resolver. Nestes casos, corremos o risco de não solucionar nenhum problema, ou de desenvolvermos uma solução que não será a melhor.

Para isto, saiba pra quem você está projetando e tenha-os em mente, ao desenvolver a solução. Focar em um grupo específico aumenta a chance de sucesso de um aplicativo, pois ele será bastante útil para um grupo e, com base no feedback desses usuários, você poderá melhorar seu produto e conquistar seus clientes. São as boas e velhas personas.

2. Visit the app store (visite a app store)

Não desenvolva seu aplicativo dentro de uma bolha! Veja se alguém já não teve a sua brilhante idéia. Observe como aplicativos similares resolveram os problemas que você está se propondo a resolver. Eles já devem ter obtido feedback de usuários e alterado o produto em função disso. Se você consultá-los, estará “recebendo” estes feedbacks, gratuitamente. Se existirem concorrentes, compare as vantagens e desvantagens em relação ao seu produto (benchmarking).

3. Explore possible solutions (explore as possibilidades de soluções)

Não se prenda à primeira solução. Ela SEMPRE será pior do que o que você pode conseguir com mais algumas tentativas. Trabalhe com as limitações e aproveite os padrões.

4. Sketch (rabisque)

Faça várias propostas de solução! Designs alternativos para o mesmo problema. Para ter uma boa idéia, tenha várias. Com 10 propostas, por exemplo, sua chance de ter algo realmente bom é  muito maior. É assim que a Apple funciona. É assim que a IDEO funciona. Rabisque e comunique suas idéias.

5. Build a paper prototype (construa um protótipo de papel)

Não parta para o design gráfico ou programação, sem antes criar um protótipo de papel. Nesta fase, o custo de alteração é muito mais baixo. Pense, quanto tempo você gasta para alterar uma página no protótipo de papel? E para reprogramar uma tela? Aproveite para testar o protótipo com pessoas representativas e ver se o caminho que você está tomando é o correto. “Fail early to succeed sooner”.

6. Fire up omnigraffle (abra o omnigraffle)

Nesta parte, ele fala do omnigraffle para o caso específico do iPhone. O que ele quer dizer é para usar uma ferramenta que permita criar um protótipo de média resolução. Este protótipo vai ser esteticamente parecido com a versão final (layout), mas sem precisar gastar tempo programando. A idéia é a mesma da etapa anterior. Economizar recursos, alterando em estados que o custo da alteração é menor.

7. Do it all again (Faça tudo denovo)

Itere! Como todo design centrado no usuário, a parte mais importante do processo é iterar. Veja onde está com problemas e volte a questionar se a solução dada é a melhor para aquele caso. Pense em várias alternativas de correção para o problema encontrado. Prototipe antes de alterar. Teste e siga assim até que o produto esteja estável.

Lembre-se que nada é escrito em pedra. Tudo pode ser alterado. Até mesmo a idéia original. E, certamente, será…

8. Okay, you can code finally (Agora você pode programar)

Finalmente você pode partir para a programação do seu produto. Use padrões de programação como MVC, que possibilitem alterações futuras, sem muito trabalho, desvinculando o código da parte visual/apresentação.

9. Beta test your app (abra seu aplicativo para beta testers)

Use os testes para levantar os bugs que passaram desapercebidos pelos testes em protótipos e pelos programadores, como bugs relativos à satisfação dos usuários. Um exemplo, no iPhone, pode ser a rolagem da tela estar muito “lerda”. Os programadores vão achar que a tela está excelente, porque está rolando. Já os usuários, após algum tempo de uso, se sentirão incomodados com isso. O Tweetie foi o primeiro app de twitter a conseguir uma rolagem rápida, e teve grande destaque por conta disso.

10. Release (lance)

Se você fez tudo direito, este será um momento feliz. Senão, prepare-se para os problemas que virão (emails de bugs, reclamações, comentários negativos sobre o aplicativo etc.).

Com base neste problema, comum a todos os dispositivos touchs, o que podemos fazer para prevenir erros do usuário? Ou melhor, minimizá-los? Bem, basta fazer botões “grandes” e espaçados. Foi aí que o Google errou. E olha que dizem que tudo no Google é exaustivamente testado…

Reparem que o botão “send” fica bem próximo da logo do Google, que é clicável. Outro dia um amigo meu já havia cometido o mesmo erro que eu e ficou sem entender o porquê de ser redirecionado para a página do Google, após enviar um email. Na verdade, ele não havia enviado o email, mas clicado acidentalmente na logo do Google. Uma solução para isso, seria dar mais espaço entre a barra de cima (abas e logo) e a barra de botões.

Além disso, os botões “send” e “save” também ficam muito próximos. Se você quiser clicar no “send” e clicar no “save”, sem querer, o problema nem é tão grave. Mas, se você estiver no meio do processo e quiser salvar o rascunho, mas clicar sem querer no “send”, aí você tem um problema. Um jeito de resolver isso, é espaçar os botões, horizontalmente. Outra solução, que inclusive eu ativei no Gmail desktop, usando o Labs, é a opção de “undo send”, que lhe dá alguns segundos para desistir de enviar um email. Vejam, abaixo, um exemplo de como a tela poderia ser:

Vale lembrar que os espaços deste protótipo são apenas ilustrativos, uma vez que não foram testados em um aparelho para ver se são suficientes para resolver o problema.

Outro problema que vi, bem menos grave, é a falta dos botões de ação na parte inferior da tela. Em emails que têm campo de “Cc” e “Bcc”, você acaba ficando sem ver os botões de ação. Uma das possibilidades de solução seria acrescentá-los na barra inferior. Outra possibilidade seria incluir uma barra acima da barra onde há o botão “back”, assim como ocorre na versão desktop. Fiz uma proposta para inclusão dos botões na mesma barra:

Pra quem está pensando em desenvolver uma aplicação em iPhone, preste atenção nos detalhes. Vi um outro post da atebits, bem mais direto, mas não menos importante, sobre posição de botões em relação ao teclado.

Participei junto com a Karine Drumond, Fabrício Marchezini e Guilherme Marques de um ciclo de palestras na CEMIG. Nosso papel era explicar os princípios de design centrado no usuário, arquitetura da informação e card sorting. Além disso, durante o evento foram apresentadas as novas soluções de arquitetura e design para o site e intranet da empresa.

Abaixo, estão os links das apresentaçãos, no slideshare:

O que é design centrado no usuário

• O que é DCU
• Ciclos de vida
• Princípios do DCU

Arquitetura da informação

• Definições
• O tripé da A.I
• Papel do arquiteto
• Anatomia de um site

Card sorting

• O que é, para que serve?
• Aplicações passo a passo
• Análise dos resultados
• Ferramentas

“Oh, yea, Zappos. I love that company.”

Este é o efeito Zappos sobre os consumidores, resultado de uma empresa focada na experiência do consumidor.

Tudo começa dentro da própria empresa. A Zappos trata seus funcionários bem, de forma que eles tratem os clientes da mesma maneira. Vejam o comentário de Tony Schwartz sobre sua visita à Zappos:

Hsieh and his team have figured out something that I’ve seen in very few companies: how you treat employees is how they’ll treat the company’s customers and clients. “I don’t want us to be a shoe company that provides great service,” Hsieh told me. “I want us to be a great service company that can sell anything.”

Não é à toa que ela entrou para lista das 50 empresas mais inovadoras da Fast Company. Veja aqui os motivos.

A Zappos começou como uma empresa que vendia calçados online. Imagine o quanto é difícil comprar um calçado pela internet, sem prová-lo. Imaginar pode ser difícil, então lhe pergunto, quando foi a última vez que você ou algum conhecido, comprou um tênis em um site? Minha resposta é: nunca. E porque? Porque não dá pra saber se vai ficar bom. E mesmo que possa devolver o produto, você terá pago frete de ida e volta, ou seja, prejuízo. Daí para ter se tornado uma empresa de U$1 bilhão, dá pra perceber que eles são diferentes.

A Zappos inova em vários pontos, tornando a experiência de compra de uma peça online, algo prazeroso e reincidente. Imagine poder pedir um 41, 42 e 43 de um mesmo tênis, experimentá-los, decidir pelo melhor, devolver os outros dois e não pagar nada – nem mesmo frete de devolução – além do preço do que você ficou com ele. E este é um comportamento dos consumidores,  motivado pela equipe da Zappos.

Pois é, além disso, o site oferece 7 fotos de cada uma das peças vendidas por lá. Isto fez com que o FBI pedisse acesso ao banco de imagens das solas dos calçados, por ser o maior banco de imagens, deste tipo, do mundo – muito útil para descobrir o calçado utilizado em uma cena de crime.

Vejam o raciocínio do jovem bilionário Hsieh (pronuncia shay):

“We view any expense that enhances the customer experience as a marketing cost because it generates more repeat customers through word of mouth.”

Lição para as grandes empresas que ainda focam a maioria dos esforços em tecnologia e marketing. Quando estes deveriam servir de apoio para a experiência.