Aqui está ele, se quiser dar uma folheada:

Se você estiver lendo este post por email ou RSS e a apresentação acima não abrir, veja-a no blog.

E se preferir baixar a versão em PDF, aqui você encontra o resumo mais formal e o link para o PDF.

Era uma vez…

O doutorado começou com um desconforto: percebi que os esboços (“sketches”) que fazia em design de interação eram altamente deficientes. Eu desenhava as telas, mas não o que acontecia entre as telas. E se pensarmos bem, a interação é justamente o que faz passar de uma tela para outra. Ou seja, eram esboços de leiaute, mas a interação simplesmente não estava representada naqueles desenhos.

Eu fazia uma comparação com arquitetura, onde fiz minha graduação. Lá os esboços vão muito além do desenho, são uma forma de pensar, um artifício que o arquiteto (designer) tem para conseguir colocar mais coisas na sua “memória de trabalho”. Parte dela fica dentro da cabeça e parte dela é transferida para o desenho. Pode parecer estranho pensar assim, mas de alguma forma é uma prótese cognitiva.

Aprendi a fazer isto na faculdade, e faço isto para resolver muitos dos problemas da minha vida. Preciso pensar algo mais complicado, pego lápis e papel e começo a rabiscar. Pode ser um diagrama, uma lista, um cronograma, qualquer coisa. Se tornou uma segunda natureza.

Mas no design de interação ficava um gosto de cabo de guarda-chuva na boca quando ia fazer esboços. Eu não conseguia colocar no papel justamente a parte mais difícil de se ver, que é a interação.

Daí vem o argumento: “mas o digital é interativo, é dinâmico, o papel é estático, não tem jeito…”.

Bom, vamos refletir e comparar com a arquitetura, que é um campo do design com um pouco mais de história (uns 4500 anos a mais). O papel é bi ou tridimensional? E a arquitetura? Mas eu consigo representar o 3D no plano! E como eu consigo fazer isto, e funciona tão bem? Para mim era o mesmo problema.

A arquitetura resolveu com algumas formas específicas de representação. As projeções ortogonais, a isométrica e a perspectiva são algumas delas. Ou seja, a chave talvez fosse uma forma de representação adequada. Neste caso curto o que o Bill Buxton diz:

“A notação é uma ferramenta de pensamento.
Um problema bem representado está em grande parte resolvido.”

O doutorado

Foi aí que eu comecei o doutorado. Primeiro eu pesquisei um bom tanto. Em 2009 e 2010 devo ter lido mais de 30 livros teóricos, mais os práticos, um montão de artigos e uma infinidade de páginas na web. Daí usei isto para me ajudar a bolar uma técnica.

Fiz a primeira versão, escolhi algumas interações chatas de representar e fiz um teste. Estava um lixo! Ótimo, entendi melhor o que eu tinha que fazer, li mais um pouco e fiz outra versão (v0.2, ilustrada abaixo). Daí fiz mais 4 iterações de testes e reformulação (design iterativo!) e cheguei na versão 0.6.

Achei que estava razoável e mostrei para 8 profissionais em entrevistas por Skype. Ainda não era uma validação, era parte do processo de refinamento, meio que um “teste de usabilidade” da técnica. Peguei o feedback deles, fiz mais uma versão, novos testes e finalmente cheguei à versão 0.8, que estava bem “estável”. Preparei ela para ser usada na prática, era a minha “versão beta”.

Batizei ela de ActionSketch e convidei 4 equipes de designers aqui de Sampa para serem meus “beta testers”, 24 participantes no total. Apresentei a técnica em workshops (um para cada equipe) e deixei a técnica com eles, para ver se utilizavam na prática. Enchi a paciência deles com emails diários perguntando se tinham usado a técnica e depois marquei uma entrevista curta e individual, para coletar feedback.

Resultados?

1. A técnica de fato ajuda (ufa…).
2. Mas mais legal ainda, mesmo sem a técnica, só fazer esboços já ajuda!
3. Além disto, uso da técnica permitiu perceber porque e quando ajuda.

Este último resultado acabou sendo a parte mais importante do doutorado no aspecto acadêmico. Não é só ver se funciona, mas entender os porquês. Tem muita coisa, da página 89 à 121 do doutorado. Aqui cito alguns exemplos legais:

• Muita gente gerou mais alternativas.
• As conversas tendem a ficar mais focadas e mais produtivas.
• Gente que não gerava alternativa nenhuma passou a fazer isto.
• Passar para o computador (exemplo: Axure) antes da hora normalmente dificulta muito o processo criativo.
• Quase ninguém aplica a técnica como eu propus, mas todo mundo tira alguma coisa de interessante.

Mas cadê a técnica!?!?

OK, você foi bem paciente de chegar até aqui, então vamos lá. Aqui vou dar uma versão resumidíssima. No PDF do doutorado tem uma explicação resumida na página 23 e a descrição mais completa entre as páginas 57 e 68.

A técnica é relativamente simples e se baseia em wireframes desenhados à mão (rabiscoframes) dentro de um storyboard. Cada quadro do storyboard dividimos em três etapas: estado inicial, ações do usuário e ações do sistema, e usamos uma cor para cada etapa, da seguinte forma:

• estado inicial: preto;
• ações do usuário: verde;
• ações do sistema: laranja.

Daí temos símbolos para cada uma destas estapas. Usamos eles para agilizar o desenho de ações muito comuns como clique, duplo clique e mouse over. Na imagem abaixo temos um usuário arrastando uma imagem para uma barra que fica à direita na página.

Por fim temos três regras, que dizem:

• desenhe só o que muda entre os quadros;
• em cada folha mantenha o foco em apenas uma ideia;
• o importante é expressar a ideia, use o que for útil da técnica, modifique conforme o necessário.

Basicamente a técnica é isto. Pronto, acabou, finito, “the end”.

Mas aqui existe uma ressalva importante! Eu preparei ela para ser mostrada em uma oficina, presencial, com exercícios. Ou seja, só lendo o material talvez surjam muitas dúvidas na hora de por na prática. Além disto, lembre-se que é a versão beta.

Claro que você já pode usar, deu para ver que funciona! Inclusive pode baixar os materiais de suporte neste arquivo ZIP. Mas eu estou trabalhando na próxima versão (a 1.0) e em uma documentação online para explicar melhor. Ou seja, use à vontade, mas não está tão didático quanto eu gostaria.

É isto, espero que gostem e usem. Deu um trabalho louco ao longo de quase 5 anos e foi muito legal.

Funciona da seguinte forma:

• Você sincroniza seu Google Calendar e diz quais horários estão disponíveis para você receber os participantes.
• A ferramenta manda para os participantes uma página com várias opções de horários para que eles escolham qual funciona melhor para eles.
• À medida em que eles forem agendando, você vai vendo o seu calendário sendo preenchido.

Confira no vídeo:

Link: Pow Wow App >

Será que daria certo?

HTMLmente falando já tem até tutorial para este tipo de formulário lindão. O site de turismo EscapeFlight colocou esse tipo de busca em sua home. Ela acontece apenas na primeira vez que você entrar. Com o contexto certo (no caso do EscapeFlight ficou muito bacana), este tipo de busca pode trazer uma experiência bem interessante para quem estiver navegando!

via

A frase que está na minha cabeça nesse momento: “O UX Designer é um mediador”.

Cada vez mais, apenas isso.

Acabei de sair de um projeto onde, mais do que desenhar qualquer coisa, eu apenas mediei. Vários meses, apenas mediando, moderando discussões, guiando debates.

Desenho? Não teve.

Não precisou.

Lembro até hoje de quando comecei a trabalhar com UX e me disseram que um dos únicos requisitos para começar a trabalhar na área era ter bom senso. Achei estranho, mas ainda assim topei o desafio.

Hoje eu vejo que a maior tarefa é ter bom senso. É saber ouvir todos os lados e ponderar todos os prós e contras.

É isso, replicado mil vezes ao dia, em mil formatos/contextos diferentes.

E convenhamos, é uma delícia.

No eixo horizontal, os métodos vão de Qualitativos a Quantitativos.

No eixo vertical, os métodos vão de Attitudinal (o que as pessoas respondem quando são perguntadas) até Behavioral (o que elas realmente fazem quando são observadas).

E as cores/formas geométricas mostram se os produtos são testados em seu contexto original de uso ou se eles são descontextualizados para o teste.

A recomendação aqui, como sempre, é equilibrar as pesquisas que você faz de forma que elas não fiquem todas em um único quadrante. Por exemplo: se você nunca caminha em direção ao topo do gráfico (onde ficam os tipos de teste que normalmente são mais custosos), pode ser sinal de que você está perguntando demais e observando de menos.

Do bom e velho Alertbox, do Nielsen.

Mais uma edição do Monday Readings: um copo de café + 30 minutos da manhã de segunda-feira + 5 links relacionados a design, tecnologia ou comportamento. Para começarem a semana inspirados :)

Monday, 20.05.13

#1

As melhores e piores lojas físicas
Uma pesquisa realizada na Inglaterra mostrou as melhores e piores lojas de rua na opinião das pessoas. A revistaria/livraria WH Smith foi eleita a pior por ser bagunçada e cara. A Apple foi eleita a melhor pela decoração minimalista e pelo atendimento, na frente de marcas como Lush e Disney. Certamente dá pra aplicar os mesmos quesitos para muitos e-commerces por aí.

#2

Abaixo o mundo real
Crítica de Lúcia Guimarães sobre o mundo que Mark Zuckberg está ajudando a criar com seu Facebook e o novo Home: “Na felicidade prometida pelo comportamento antissocial encorajado pelo Facebook, conversar com quem está à sua frente é uma perda de tempo. Cool é desprezar o que não é cool. O ego não pode dispensar o afago da tela. Não há nada de romântico nesta forma de escapismo. ”

#3

Um ano sem Internet
Esse artigo analisa a experiência do jornalista Paul Miller que passou um ano sem Internet. Como Paul menciona na reportagem, a maioria dos problemas não tinham nada a ver com a Internet e apenas se manifestavam de forma diferente off e online. O log out no Facebook não tornava o Paul mais real, apenas mudava a maneira com que ele se comunicava com os amigos e familiares. O senso de isolamento e alienação, muitas vezes não tem nada a ver com as redes sociais, é mais profundo, está mais relacionado ao culto ao consumismo, a isolamento da expansão urbana, entre outros.

#4

Vivendo com Bitcoin por uma semana
21 coisas que uma jornalista da Forbes aprendeu ao sobreviver apenas com Bitcoin por 7 dias, como o fato dos fãs da moeda serem os novos vegetarianos, tamanho fanatismo e poder de compra.

#5

Uma máquina de memes
Post rápido no Big Think sobre porque nos tornamos uma máquina de memes: “We’re wired for fear. Sometimes something scares us or seems like a threat. We want to spread it on so other people know about this threat. All of those things are because we evolved socially. So we evolved as meme machines.”

E a imagem da semana é o conselho de uma máquina:

Começou com o redesenho do Gmail e do Google Reader (saudade), que deixaram de ter aquele azul todo e passaram a valorizar mais os espaços em branco e os tons de cinza. O vermelho também apareceu com mais força, em vários “calls-to-action” distribuídos pela interface. Depois de uma pequena pausa e de movimentações na liderança da empresa, o projeto voltou e amadureceu bastante. Em junho de 2012, quando o Google Now foi anunciado, as pessoas começaram a reparar em uma novidade nessa nova linha visual que o Google passava a adotar: os cards.

Os cards são simplesmente cartões, brancos, digitais, que replicam a aparência de cartões físicos reais. São extremamente clean, usam o espaço em branco com bastante inteligência, possuem uma tipografia marcante e imagens sem bordas, estouradas na altura ou largura do card. Eles contêm informações variadas: de previsão do tempo a condições de trânsito, de lembretes de aniversários dos amigos a informações sobre sua caixa de entrada de emails – e por aí vai.

Há alguns meses o Google começou a mostrar mais detalhes sobre a interface do Google Glass.

No Google I/O, semana passada, o Google anunciou o redesign do Google Plus.

O que todos esses produtos têm em comum?

Os cards, meu caro.

O Google Plus ganhou um layout mais livre, com colunas de cards que se ajustam de acordo com a largura da tela (olha a responsividade falando mais alto aí). Segundo Matias Duarte, do Google, responsável por grande parte desse trabalho de redesign, os cards foram pensados de uma forma que a tipografia e as imagens editoriais fiquem no centro da atenção.

“A ideia é que cada card seja um pedaço de informação contextual, uma unidade atômica; essencialmente, uma sugestão, um alerta, um call-to-action”, diz Duarte. “No fim é questão de foco: é um espaço bastante limitado, os cards comunicam uma coisa apenas, de forma muito clara.”

Eu particularmente acho os cards bem bonitos, com um balanço entre “flat” e “skeuomorphism” que nenhuma outra empresa conseguiu chegar. Nem a já-não-tão-nova interface do Windows 8 e nem aquilo que as especulações mostram que a interface da Apple vai se tornar.

Mas decisões de Design Visual à parte, os cards são consistentes.

Card com um post do Luigi Nista lá na comunidade de UX do Google Plus

Mesmo quando são aplicados no Google Glass (que precisa ter fundo preto, para existir transparência no visor), ainda são consistentes. E é interessante observar como a variação do contexto de uso influencia na quantidade de informação que aparece dentro do card.

No Glass (que é um óculos), a quantidade de informação é bem menor do que no Now (que é mobile-first), que por sua vez é menor do que no Plus (quando visto no desktop).

Card de temperatura no Google Now

Card de temperatura no Google Glass

Aqui tem um artigo ótimo sobre como o Google refez a essência dos seus produtos através dessa re-invenção do card. Vale a leitura.

Mas o que essa história toda mais me fez refletir foi a respeito da granularidade do design - não apenas como citou o designer do Google, mas também no sentido de responsividade. Muito se fala em adaptar os módulos para diferentes larguras de tela (link, link, link, link, link), mas em uma empresa como o Google que começa a ampliar o conceito de “tela”, essa granularidade é muito mais importante.

“Ah, mas o Google é o Google”, você deve estar pensando.

Mas eu penso que a lição vale também para a gente, meros mortais.

Quando a gente ouve “responsive”, a gente logo pensa em adaptar a largura, a largura, a largura. Pois pensemos em adaptar o contexto, pensemos em adaptar a quantidade, a proporção, o texto, a função, o call-to-action, a interação (a navegação horizontal entre os cards do Glass), o comando de voz (“ok, Glass, take a picture”), o tempo presente (a antecipação do futuro para o usuário do Now) – e o que mais a nossa mentalidade user-centered permitir.

Somos apaixonados por beleza. Viajamos atrás de belas paisagens e culturas, passamos horas ouvindo músicas e filmes que nos tocam, apreciamos a estética de peças de arte e design. Pessoas gastam milhões todos os anos em produtos cosméticos e cirurgias para ficarem mais belos, adequando-se ao padrão de beleza vigente. Mas você é capaz de definir o que é beleza, porque ela é tão importante nas nossas vidas e porque achamos certas coisas belas e outras não?

“A beleza está nos olhos de quem vê.
É o que mexe com você pessoalmente.
Ou, como algumas pessoas – especialmente acadêmicos – preferem, a beleza está nos olhos culturalmente condicionados de quem vê.”

O conceito de beleza mudou e continua mudando bastante e hoje podemos dizer que beleza é individual e relativa. Não é mais relacionada àquela beleza clássica dos antigos, com a graça e harmonia que Platão pregava. Tudo e nada pode ser considerado belo hoje, e em alguns casos, pode estar menos relacionado com a forma e mais com sua mensagem e significado. Mas embora haja muitas diferenças culturais, podemos dizer que há também noções e valores estéticos universais.

O filósofo Denis Dutton explica essa universalidade recorrendo à história evolucionária de Darwin. Enquanto a seleção natural explica a evolução da nossa anatomia e fisiologia básicas, a seleção sexual ajuda a explicar a evolução de outros atributos que em muitos casos operam contra a sobrevivência natural. O exemplo mais comum é o do rabo de pavão, que embora belo, não tem funcionalidade alguma. Nesse caso, o rabo do pavão é resultado das escolhas de acasalamento feitas pelas fêmeas, que o torna mais atrativo para elas e assim, uma melhor escolha para reprodução.

Para Dutton, “a experiência da beleza é uma das maneiras que a evolução tem de criar e manter interesse e fascinação, para nos encorajar a tomar as decisões mais adaptativas para sobrevivência e reprodução”. A beleza é o jeito da natureza de agir à distância.

Será que, a exemplo do rabo do pavão, a beleza das interfaces ajuda de certa forma a ditar quais vão ou não perecer? Não existiria uma teoria da seleção sexual no design das interfaces, atraindo ou retraindo mais os usuários, consequentemente gerando mais ou menos lucro, o que indicaria a sobrevivência e evolução dos produtos?

Fato é que encontramos beleza em performances habilidosas, em coisas bem feitas. Seja uma bela canção, um quadro ou aplicativo de mobile, que além da função, também busca perfeição estética. Da mesma forma que dizem que “experiências não podem ser desenhadas” (você só desenha a INTERFACE, mas a EXPERIÊNCIA é subjetiva de quem a vive), a beleza não está apenas nos olhos de quem vê, ela está no fundo das nossas mentes.

*Imagem extraída do The Big Picture.

O projeto Google Glass sempre me incomodou e eu nunca soube exatamente dizer o porquê. Não era apenas o fato de achar um atentado contra a privacidade alheia, um Big Brother conectado ao seu rosto, monitorando todas as suas atividades e interações sociais a sua volta. Era algo além.

Pois esse artigo do Jan Chipchase, diretor criativo da Frog, e esse vídeo do físico e cientista social Nicholas A. Christakis, me deram a resposta que eu vou tentar explicar nesse post.

Christakis explica no vídeo a ciência por trás das redes sociais. Não as redes como o Facebook ou Twitter, mas aquelas redes de pessoas que existem desde que o mundo é mundo. A conexão entre familiares, amigos, colegas de trabalho etc.

Ao procurar entender o fenômeno da obesidade por meio de redes sociais, ele identificou certo padrão de disseminação da epidemia analisando os pontos de contatos dessas redes. Algo coletivo estava contribuindo para o aumento do peso individual. Pessoas obesas tendiam a possuir alguma ligação com outros indivíduos com obesidade, e com o passar dos anos, essa tendência ia se intensificando.

Observando a imagem abaixo, nota-se como houve um contágio social com o passar dos anos. Os pontos amarelos representam pessoas com obesidade, e sua presença se intensifica conforme os elos sociais desses indivíduos.

Fato é que desde a tendência à obesidade até o hábito de fumar e desde as nossas escolhas alimentares até as escolhas políticas, nossos desejos são afetados e determinados pelos outros ao nosso redor, pelas nossas redes sociais. No fundo, temos menos vontade própria do que achamos que temos.

“When people are free to do as they please, they usually imitate each other” – Eric Hoffer

Indivíduos são afetados por toda a rede social em que estão inseridos.

E se esse poder de contágio pudesse ser usado para o bem?

Aí é que surge o conceito de bem público: algo que traz melhorias para o grupo e que não há exclusividade em seu consumo. Algo do qual todos podem se beneficiar.

O exemplo que o Christakis dá é de um bolo em comparação a um farol (daqueles que iluminam os mares).

O bolo é normalmente feito para o bem individual ou para o bem de um pequeno grupo. Você pode esconder o bolo e não deixar outras pessoas saberem que ele existe, ou você pode comer tudo e assim não sobra nada para ninguém. Recurso limitado, esgotável. É o bem individual.

Mas pense na luz que vem do farol: além de impedir que um navio ao redor não se perca ou colida, todo mundo que está em volta também consegue se beneficiar da luz que vem dele. E mais: ninguém “consome” a luz do farol. Ela está lá, pública, para quem quiser usar.

Da mesma maneira, existem projetos tecnológicos que trazem apenas benefícios individuais, e existem projetos tecnológicos que miram no bem público.

Esse era o ponto que queria fazer sobre o Glass.

Talvez nós poderíamos/deveríamos focar em projetos que tornam a vida das pessoas melhores – e não de apenas alguns poucos que terão dinheiro suficiente para comprá-lo quando ele for lançado. Usando a analogia anterior, empresas com o porte do Google poderia dedicar seus esforços para criar menos bolos e mais faróis.

Um exemplo de “projeto-farol” é o “Senseable City”, do MIT, que estuda as mudanças nas grandes cidades e pensa em como melhorar a vida das pessoas que vivem nelas. Um outro exemplo é o “Local warming”, projetado para controlar dinamicamente o aquecimento nas cidades, aquecendo somente os ambientes onde as pessoas estão e evitando desperdícios. Ou ainda o “Sarvajal“, que busca levar água potável para comunidades da Índia.

Dados coletados dos nossos devices super tecnológicos podem ajudar nesse bem coletivo, embora não seja esse o seu principal objetivo. Mas talvez pudessem existir mais projetos que pensam em como influenciar positivamente toda a rede social em que vivemos e não apenas a mim, individualmente, a partir do momento em que eu coloco o óculos no meu rosto.

Grandes empresas de tecnologia tendem a pensar em devices como o Glass, que geram maior lucro e ainda criam valor para a marca. Enquanto projetos mais amplos que auxiliam uma comunidade maior tendem a ser desenvolvidos academicamente ou por start-ups.

Direta ou indiretamente, o nosso papel como estrategistas e designers poderia olhar um pouco mais para o outro lado da moeda: o lado do “farol” da metáfora acima. Pode parecer um pouco utópico, mas seria legal ver mais exemplos de serviços e produtos que entendam as conexões entre as pessoas e usem a tecnologia para promover melhorias coletivas. E não melhorias individuais que é preciso pagar caro para ter.

O futuro imaginado pelo cinema sempre nos traz algo diferente em relação à interação. Na maioria desses “exercícios de imaginar o futuro”, controlar os sistemas por voz é sempre visto como algo natural e livre de qualquer obstáculo.

Como muitos de vocês já leram por aí (ou por aqui), o Google Glass tem justamente essa proposta. A maioria das interações acontece por voz, e somente em alguns casos você precisa levar seu dedo indicador até a haste dos óculos para usar a interface sensível a toque.

O problema é que o futuro que chegou não agradou tanto quando achavam que iria agradar.

Um vídeo feito pelo The Verge mostra bem como funciona o sistema e dá algumas impressões dos usuários sobre qual a sensação de utilizar o brinquedinho. Mostra coisas como setups, interação com o celular e outros aspectos do produto. Um dos melhores vídeos que vi por aí.

Os funcionários do Business Insider também fizeram um vídeo onde eles relatam a experiência inicial em utilizar o treco. E em um de seus artigos eles dizem, com todas as letras: Nobody Likes Google Glass.

Como era de se esperar, começam a surgir as piadinhas (como essa aí acima) a respeito da loucura que é incorporar o Google Glass no dia-a-dia. Várias piadas. Sátira no Saturday Night Live e tudo. Tem até um tumblr bizarro sobre Homens brancos usando Google Glass - e talvez “bizarro” seja uma palavra bem apropriada nesse caso.

Essas piadas se dão pelo fato de você se tornar um cyborg alienígena usando um treco estranho no rosto enquanto fala sozinho pela rua ou olha para o canto superior direito do seu campo de visão, mesmo estando de frente para outra pessoa. Só isso.

Muitas piadas, muitas coisas estranhas rolando pela rede, mas vamos lembrar que alguém projetou essa coisa. E se você olhar no site oficial deles você vai ver que o projeto é realmente lindo.

Eu, pessoalmente, acredito que ainda não acertaram a mão, apesar das belíssimas imagens da interface do produto que circulam por aí.

Navegação via Google Glass

Integração com o Google Now

Ok, Glass, tire uma foto

Integração com o Google Translate

Opiniões e piadas à parte, para fechar de maneira positiva segue um vídeo do pai da criança apresentando a ideia no TED:

Se gostou, levanta a cabeça, arrasta o dedo e dá um piscadinha.

A quantidade de coisas vergonhosas que são enviadas por usuários bêbados no chat do Facebook quer dizer uma coisa: que a interface do chat é tão boa, que até quem está bêbado consegue usar.

Essa é a proposta do Will Dayble no vídeo abaixo.

Desenhe sua interface para usuários que estão bêbados.

Sabe como você lida com um amigo que bebeu mais do que deveria na balada? Você pacientemente acompanha o seu amigo até a saída. Você fala: “agora pegue sua comanda”. “Agora pegue seu cartão e pague”. “Agora venha aqui pra fora”. “Agora entre no taxi”. E por aí vai.

Dá o play:

Abaixo alguns sintomas da “embriaguez” que ele descreve no vídeo e como se precaver nesses casos:

• Sua interface precisa funcionar mesmo com visão embaçada – a hierarquia de informação e a clareza dos calls-to-action precisam funcionar mesmo assim.
• Usuários bêbados têm a atenção reduzida e você precisa guiá-los passo a passo pelo processo.
• Na dúvida, diga tudo sempre duas vezes: 1. “você vai deletar os itens” e 2. “parabéns, você acabou de deletar os itens”.
• Bêbados oscilam entre alegria extrema e depressão em poucos segundos, e você precisa tomar cuidado para não frustrá-los.
• Bêbado, mas não burro – não minta para os seus usuários.

E como ele diz logo no começo do vídeo: “Boa UI é como um casal apaixonado, que fala um com o outro sem precisar falar.”

Dados fresquinhos, de 2013.

via

Framer is a modern prototyping tool. It can help you to quickly build and test complex interactions and rich animations for both desktop and mobile.

É assim que o Framer se apresenta em seu site. Hoje em dia fala-se muito em “design in the browser” e essa é uma boa ferramenta para isso.

O Framer tenta facilitar a vida dos designers que sabem um mínimo sobre html, javascript, css e jquery, criando um framework leve e funcional para simular como uma interface deve funcionar – tanto em um dispositivo móvel quanto em um navegador desktop.

Link: Framer.js >

Você já deve ter usado algum site em seu celular que pede acesso à sua localização atual. O Google Maps é um exemplo disso. Ao invés de ter que preencher um formulário dizendo em qual endereço você está, é muito mais fácil pedir acesso ao GPS do smartphone e descobrir automaticamente qual é a localização da pessoa.

Com o aumento do acesso de dispositivos móveis a páginas web, pedir que o usuário preencha manualmente essas informações começa a perder o sentido. Os principais exemplos:

• Localização atual
• País ou região
• Fuso horário

É claro que existem prós e contras em coletar essas informações automaticamente, como em toda decisão de design. Claro, evitar que o usuário preencha manualmente essas informações traz uma nítida melhoria na experiência (menos tempo perdido respondendo a essas perguntas), mas pode ter outras implicações indiretas.

Adivinhar o país do usuário pode pular um passo e levá-lo direto ao país correto, mas será que isso pode dar a sensação de invasão de privacidade?

Ou ainda: as pessoas usam esse site enquanto estão viajando?

O mais certeiro, na hora de responder a essas perguntas, é investigar com usuários reais. Coletar essas informações do dispositivo realmente ajuda na experiência do usuário? Ele se sente seguro em ter essas informações coletadas automaticamente? Remover elementos da tela também é uma decisão de design e, como tal, deve ser testada antes de ser implementada.

Esse artigo da Smashing Magazine dá mais detalhes sobre como essas informações podem ser solicitadas, do ponto de vista técnico, e mostra estudos de caso de sites que fazem isso de forma otimizada (ou não tão otimizada assim).

Os usuários agradecem.

Bob Greenberg (o “RG” da R/GA) e Nick Law (Global Chief Creative Officer), falando sobre por que a palavra “advertising” não serve muito para descrever o que a agência faz, e sobre como a R/GA inicia o seu processo criativo pela experiência do usuário (UX).

Dá para ativar Closed Caption no player:

O vídeo acima foi gravado após a R/GA ser nomeada Interactive Agency of the Year no One Show 2013, além de ter recebido 15 outros prêmios no festival.

“Nós começamos há muito tempo o nosso departamento de Design de Interação, ou ‘ID’, ou ‘Arquitetura de Informação’ para criar uma visão muito sistemática para a IBM [um dos antigos clientes da agência]. User Experience é realmente o nosso ponto de partida, e está fortemente ligada ao nosso grupo de Consultoria – que olha para a marca, que olha para o produto, que olha para transformação de negócios. A área evoluiu muito ao longo do tempo. Era tudo muito esquemático/cartesiano. Agora todos estão habituados a trabalharem em whiteboards e a se moverem muito mais rápido. O que acaba se amarrando a uma nova metodologia e oferta que criamos, o nosso ‘prototype studio’ – que é muito conectado à Experiência do Usuário e que mostra como as coisas vão funcionar no mundo real.”

Interessou? fabricio.teixeira@rga.com

“Uma grande parte do nosso trabalho é saber se adaptar a mudanças. Reavaliar. Adaptar.”

Então aí vai.

Ótimos exemplos e umas boas risadas:

Leia também: UX Design não é uma profissão

Resultado de uma pesquisa recente publicada na Wired.

• Os aplicativos mais populares na App Store tendem a uma divisão 50/50 de gênero. Esses aplicativos estão disponíveis em várias plataforams, constatemente figurando entre as listas de apps mais populares, e são aqueles que você pensa a respeito assim que você ouve a palavra “app”. Flipboard, Foursquare, OpenTable, Foodspotting etc. O Foursquare foi o único que disse que as mulheres estão começando a baixar mais do os homens.
• Um pouco do que já era esperado: homens tendem a baixar mais aplicativos de esportes e automotivos. Mulheres baixam mais aplicativos de catálogo de produtos (Catalog Spree tem 73% de usuários do sexo feminino). Mas na hora de comprar os produtos, a coisa praticamente se iguala: homens têm 2% a mais de probabilidade de comprar produtos através de mobile apps do que as mulheres.
• Aplicativos de pagamento como o Venmo são usados mais por homens (60%) do que por mulheres.
• Nos aplicativos de gaming, os homens dominam o ambiente do MMORPG (mas isso também acontece fora do universo mobile). Segundo a Storm8 (a 6ª empresa mais lucrativa de mobile apps em 2012), jogos têm uma base de usuários formada por 75% de homens.
• Mas isso não significa que as mulheres não estejam jogando. 80% dos downloads de puzzles como Bubble Mania ou Jewel são feito por mulheres.
• Quanto aos livros, as mulheres tendem a baixar e ler mais que os homens. Os homens preferem revistas digitais de finanças, negócios e notícias.
• Aí vêm os apps de namoro. HowAboutWe e OKCupid têm 56% e 55% de homens, respectivamente. Mas as mulheres fazem login nesses apps com frequência 20% maior do que os homens.
• Apps de fotografia têm mais usuários homens em iOS e mais usuárias mulheres em Android. Os outros tipos de app não mencionados na lista acima têm uma base equilibrada entre homens e mulheres.

Como a própria reportagem conclui…

O que isso significa? Nada.

Homens e mulheres não usam aplicativos mobile de forma muito diferente.

Aliás, o comportamento de homens e mulheres no universo mobile apps só replica o comportamento que já existe em outros meios (web, TV, revistas etc.).

Fim.

Mais uma edição do Monday Readings: um copo de café + 30 minutos da manhã de segunda-feira + 5 links relacionados a design, tecnologia ou comportamento. Para começarem a semana inspirados :)

Monday, 13.05.13

#1

Aplicativos são nossa janela para o mundo
Quando alguma coisa de interessante acontece na nossas vidas, compartilhamos em algum aplicativo. Kilometros percorridos, livros lidos, trânsito nas ruas. Os aplicativos permitem que a gente compartilhe com milhares de estranhos experiências diárias. “It’s not just that apps are everywhere; they are modern culture itself.”

#2

Anonimato virtual virando coisa do passado
A dificuldade de verificar a identidade real das pessoas na Internet sempre foi uma constante do meio. Mas o site Airbnb parece estar dando um passo para tornar isso coisa do passado com um sistema que irá identificar a veracidade dos dados dos seus 4 milhões de usuários.

#3

Um tour pelo novo Facebook
Vídeo paródia sobre os frequentes updates do Facebook na vida real.

#4

Aplicativos de chat vs SMS
Em 2012 mais mensagens foram enviadas via aplicativos de chat como o Whatsapp do que mensagem via SMS (19 bi vs 17,6 bi). Além disso, um usuário de app envia uma média de 32,6 mensagens ao dia, ao passo que um usuário de SMS envia em média 5 mensagens. SMS ainda é a plataforma padrão já que qualquer celular pode enviar/receber, mas não dá para negar que esses aplicativos de chat já são uma realidade.

#5

10 coisas que a minha geração curte
A minha geração conectada ama imagens e vídeos. Artigos com imagens grandes são as mais compartilhadas e posts com vídeos também vão melhor do que os que têm apenas texto. Isso porque, no bombardeio de informações a que estamos sujeitos diariamente, os meios visuais são mais rápidos de consumir.

E a citação da semana para inspirar:

Em torno de um tema polêmico – e Oliver Reichenstein sabe fazer isso – voltamos ao tema de entregáveis, metodologia e processos.

Bureaucracy - Working with paper, scissors and glue to produce digital interfaces, creating cellulose mountains that no one would ever want to even look at.

A agencia iA – Information Architects se coloca no mercado com “foco na essência”, seja lá o que isso quer dizer. Nesta apresentação eles levantam alguns temas “contra-cultura-ux”. Ok, não é tão pesado assim, mas vale a leitura. É rapidinho.

Link: http://cloudfront6.ia.net/wp-content/uploads/2010/09/IA-on-iA_1-0_ORN.pdf