Esse post vai para quem aprecia bons trabalhos de redesign. Sou leigo no assunto, mas fiquei impressionado quando vi a nova identidade visual que o estúdio Man vs. Machine criou para o canal britânico More4. Muito bom gosto e muito cuidado na escolha de cores e formas.

The re-brand is centred round a bold, flexible logo that morphs through a series of flips, folds and reveals. The colour palette reflects the vibrant nature of interiors, food culture, fashion and other contemporary lifestyle programming.

Confira parte do resultado no vídeo abaixo:

O trabalho não ficou apenas no ambiente digital: o estúdio criou também uma instalação artística com o mesmo conceito da nova identidade visual. A instalação conta com mais de 400 “flippers” (os mesmos que aparecem no logo) e foi colocada em locais públicos para divulgar o projeto.

Vi algumas pessoas comentando em fóruns que a leitura do logo ficou “4 more”, e não “more 4″ – que é o nome do canal. Mas imagino que para quem já conhece o canal isso não deve ser um problema.

Via, dica do Rafael Bessa.

Oi, chamou?

Um bom design é multidisciplinar. O próprio ISO 9241-210 descreve os 6 princípios que garantem que um design é centrado no usuário:

• The design is based upon an explicit understanding of users, tasks and environments.
• Users are involved throughout design and development.
• The design is driven and refined by user-centred evaluation.
• The process is iterative.
• The design addresses the whole user experience.
• The design team includes multidisciplinary skills and perspectives.

O último item da lista ajuda a reforçar o argumento de que um bom design é multidisciplinar. Dificilmente você vai encontrar uma pessoa que cuide de todo o UX Design sozinho – a não ser que essa pessoa seja um gênio.

Este post aqui lista 7 diferentes especialidades do Design da Experência do Usuário. Veja abaixo:

• Gerenciamento
  “Design is so critical it should be on the agenda of every meeting in every single department” — Tom Peters.
  Em um time multidisciplinar, alguém precisa tomar a liderança, direcionar o time e gerenciar o trabalho. Normalmente essa é a pessoa que distribui e valida o trabalho entre os membros do time – e gerencia a relação com os outros stakeholders.
• Pesquisa
  “Supposing is good, but finding out is better” — Mark Twain.
  Alguém que forneça dados e insights para o restante do time – sobre o usuário, suas características, hábitos e necessidades. Também é a pessoa responsável pelas pesquisas de campo e testes de usabilidade.
  
• Arquitetura de Informação
  “Our understanding of the world is largely determined by our ability to organise information” — Louis Rosenfeld & Peter Morville.
  Esse papel a gente conhece bem. O time precisa de alguém com capacidade de organização de informação e que entenda o modelo mental do usuário, para que ele se reflita também no produto.
• Design de Interação
  “Design is not just what it looks like and feels like. Design is how it works” — Steve Jobs.
  Alguém que saiba desenhar a interação de forma que ela seja consistente, fácil e auto-explicativa. É a disciplina que entende de usabilidade e domina os padrões de interação, além de saber lidar com a multiplicidade de devices e plataformas onde a interação ocorre.
• Design Visual
  “The details are not the details. They make the design” — Charles Eames.
  A disciplina que requer um profissional que saiba balancear beleza e comunicação. Normalmente é alguém que domina tanto a direção de arte do produto que está sendo desenvolvido quanto o acabamento final dos pequenos detalhes da interface.
• Redação
  “I try to leave out the parts that people skip” — Elmore Leonard.
  Disciplina que sabe expressar ideias complexas em palavras simples e que sejam facilmente entendidas pelos usuários do produto. O profissional deve sabe escrever tanto longas páginas de texto quanto textos concisos que explicam a ideia sem fazer com que a experiência fique cansativa.
• Prototipagem
  “To pretend, I actually do the thing: I have therefore only pretended to pretend” — Jacques Derrida.
  Times multidisciplinares recorrem a um expert em prototipagem na hora de demonstrar como um sistema irá funcionar. Isso serve tanto para o estágio inicial do projeto (com protótipos de papel, de baixa fidelidade) quanto para o estágio que precede o desenvolvimento, onde o produto já está mais amadurecido e mais próximo do final.

É claro que isso é apenas uma possível configuração de um time multidisciplinar de UX. Existem N outras.

Em muitos casos, por falta de profissionais ou recursos, os profissionais acabam tomando conta de 2 dessas disciplinas listadas, às vezes 3. Isso quando não se trata de um time de UX de um designer só.

Mas não custa mirar o cenário ideal, certo?

Um pouco de inspiração em interfaces touch para começar bem a semana.

“Rabiscoframe” é um nome abrasileirado para o wireframe feito com sketching. É uma ferramenta que ajuda bastante na hora de demonstrar suas ideias visualmente sem precisar abrir um software gráfico para isso – o que acaba tornando o processo mais rápido, na grande maioria das vezes.

O vídeo abaixo mostra como usar diferentes tipos de canetas na hora de criar o seu rabiscoframe e como cada tipo de caneta pode assumir uma função específica no sketch. Solta o play.

Leia também:

• A caneta dos sonhos para rabiscoframes
• Exemplos de sketches e rabiscoframes
• O valor do rabiscoframe

Gosto da entonação apocalíptica do locutor.

Ok, isso você já sabe – mesmo que não trabalhe na área.

Mas talvez você não saiba que a publicidade existe desde o ano 2000 A.C., quando os egípcios começaram a esculpir avisos públicas em pedaços de ferro. Ou então que o primeiro anúncio impresso foi um panfleto que vendia livros de oração na Inglaterra.

Veja essas e outras curiosidades sobre publicidade na linha do tempo abaixo.

A empresa de pesquisas Mobile Youth publicou há poucos dias um relatório com 100 tendências da cultura jovem em relação ao uso do celular em 2012.

A apresentação abaixo contém os 30 primeiros insights, e o resto você consegue baixar em PDF ao se cadastrar no site da Mobile Youth.

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

Bônus: Siku, um urso polar adorável.

O que mais me impressionou foi a fluidez da interação e a qualidade da imagem. Nada daquela gambiarra de projeção interativa, que era a última moda até então.

Sabe aquele seu amigo que fica checando o telefone a cada dois minutos quando vocês estão em um restaurante ou um bar? Acho que todo mundo que lê este blog já passou por isso alguma vez.

A pessoa que está falando fica um pouco desconcertada: não sabe se deve continuar falando ou se deve esperar a outra terminar de checar o telefone. E na maioria das vezes a pessoa que é viciada em checar o aparelho nem percebe que está sendo deselegante.

Pois tem uma nova moda nos EUA que foi pensada justamente para resolver esse problema: o phone stacking.

É uma espécie de jogo / etiqueta digital / acordo de cavalheiros entre todos que estão sentados na mesma mesa, que funciona da seguinte forma:

1. No início da refeição, todos colocam o telefone com a tela virada para baixo no centro da mesa – um telefone em cima do outro.
2. Os push notifications, mensagens e alertas continuarão bipando normalmente ali na pilha de telefones.
3. O primeiro que não resistir e pegar o telefone para conferir, perde o jogo e paga a conta.

Se ninguém sucumbir à tentação, todos são considerados vencedores, se abraçam e dividem a conta normalmente.

Na verdade o phone stacking começou como uma brincadeira em alguns tumblrs, e agora está se popularizando e ganhando adeptos em vários lugares do mundo. Chega a ser até um pouco triste se pensarmos que as pessoas precisam criar mecanismos desse tipo para distinguirem o que é sensato do que não é.

Mas a história começa a ficar um pouco mais interessante se olharmos para o phone stacking como um sintoma, uma autodefesa das pessoas para mostrarem quem é que manda na tecnologia.

Na hora me vieram na cabeça dois outros posts que tratam mais ou menos do mesmo assunto: “o prazer de receber uma notificação” e “a geração do Sozinhos Juntos“.

Boa sorte no próximo almoço.

Algumas partes da apresentação parecem um pouco utópicas, mas mesmo assim vale o passeio.

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

Destaque para os cases do slide 60 em diante, inspiradores.

O Windows 8 promete padronizar de vez a interface do sistema operacional entre celular, tablet e notebook/desktop. A versão de desenvolvedores foi publicada recentemente.

Mas a maior novidade fica por conta do Tobii, uma tecnologia de eyetracking que permite que você navegue pelo sistema operacional apenas olhando para a tela. A empresa criadora do Tobii desenvolveu um software que funcionará em sinergia com o Windows 8 e conseguirá dizer com precisão para que parte da tela você está olhando.

A tecnologia não pretende substituir o touchscreen ou o mouse, mas sim melhorar a experiência e a produtividade de quem usa o sistema.

Interessante observar a série de lançamentos de novas formas de controle nos últimos anos: primeiro o iPhone e outros celulares com as telas multitouch; depois o Wii e o PS Move com seus controles sensíveis a movimentos; depois o Kinect com a câmera que identifica o corpo do usuário; agora o Tobii, com um “eyetracking para as massas”.

Se a Arquitetura de Informação para web (que usa basicamente um ponteiro de mouse e uma interface de tamanho relativamente controlado) já acumulou tanto conhecimento, livros, blogs, eventos, metodologias, entregáveis, gurus e boas práticas – fico imaginando como esse conhecimento todo irá se multiplicar nos próximos anos, assim como se multiplicaram as formas de controle nos anos que passaram. Bom demais :)

A gente já se acostumou a um mundo onde qualquer resposta para qualquer pergunta está sempre a um ou dois cliques de distância – ou até mesmo na tela do nosso celular. Mas às vezes a gente acaba esquecendo que esse padrão de vida “conectada” é possível apenas em  algumas cidades do mundo. E que não é em todo lugar do mundo que as pessoas sabem ler, escrever ou usar computadores.

Eis que em cidades remotas do Haiti, Índia, África do Sul, Serra Leão e outras regiões da África e Oriente Médio foram instaladas caixas chamadas de Question Box.

Basta uma cobertura normal de celular para o Question Box funcionar: as pessoas apertam um botão e fazem sua pergunta, que é transmitida para um operador em um lugar remoto que tem acesso à internet e que fala tanto inglês quanto a língua da região.

A próxima geração desse tipo de equipamento contará também com painéis solares que o recarregarão automaticamente ao longo do dia. A ação é custeada pela Grameen Foundation e pela Bill and Melinda Gates Foundation.

Some people say design is about solving problems. Obviously designers do solve problems, but then so do dentists. Design is about cultural invention. There are some people who want to reduce the domain of design to listable, knowable stuff, so it’s easy to talk about. Design is a glamorous, glittering world and this means they can engage without having to actually risk themselves on the outcome of their work. This is damaging. It turns design into something terrified of invention. Design is about risk.

Jack Schulze

“If you’re not being charged for the service then you are not the customer, you’re the product being sold.”

Você não é o cliente do Facebook, você é o produto que ele vende.

Daqui

via

E aí, você adicionaria algum item a essa lista?

Um novo serviço chamado Shopperception promete mensurar e analisar o comportamento dos consumidores e a forma como eles interagem com as prateleiras e gôndolas de determinada loja. Tudo isso usando apenas… um sensor de Kinect.

O equipamento usa o reconhecimento espacial dos sensores para monitorar continuamente a forma como os compradores interagem com os produtos na prateleira: quanto tempo eles gastam escolhendo o produto, quais produtos eles tocam, quais produtos eles seguram na mão, quais eles colocam de volta depois de lerem a embalagem e quais eles efetivamente compram.

A tecnologia ainda pode ser usada para testar e comparar a performance de diferentes disposições de gôndolas (assim como fazemos os testes A/B em websites, publicando duas variações da mesma página e vendo qual delas performa melhor).

Veja no vídeo abaixo como o sistema funciona:

Big Brother feelings, ainda? :)

Pessoas com Alzheimer’s frequentemente têm surtos de desorientação e entram em pânico.

“Onde estou? O que estou fazendo aqui?”

Quando isso acontece, eles fazem o que qualquer um de nós faria nessa situação: param o que estão fazendo e tentam chegar em casa.

Daí que um hospital de Dusseldorf, na Alemanha, decidiu criar um ponto de ônibus falso em frente ao prédio do hospital. A única diferença para um ponto normal é que nenhum ônibus passa ali.

À primeira vista, a ideia não foi bem aceita pelo staff do hospital. Mas isso somente até o primeiro paciente que estava em pânico ser levado por uma enfermeira até o ponto de ônibus falso. Segundo a enfermeira, enquanto “esperavam” o ônibus que supostamente o levaria para casa, a urgência do paciente em sair dali foi cessando, eles dois foram conversando calmamente e em poucos minutos o paciente aceitou voltar para dentro do hospital.

Além de algumas enfermeiras levarem pacientes até o ponto para poder tranquilizá-los, algumas vezes os pacientes que fogem escondidos do hospital são vistos pelo staff sozinhos, sentados no ponto de ônibus, esperando. O próprio fato de esperarem pelo ônibus sentados – em um ambiente menos claustrofóbico do que o interior do hospital – acaba acalmando um pouco os pacientes. E, naturalmente, em poucos minutos eles esquecem o pânico e voltam a enxergar a realidade.

É o tempo da enfermeira ir até o ponto e conversar com o paciente.

Segundo um dos médicos, “o esquecimento é o problema e também a solução”.

Algumas pessoas foram contra a criação do falso ponto de ônibus por acreditarem que mentir para o paciente não fosse uma boa solução. O problema é que as outras formas possíveis de evitar que esses pacientes fujam do hospital durante um surto são: trancar a pessoa em um quarto fechado ou drogá-la com tranquilizantes. Nenhuma dessas opções é tão simples e tão respeitosa quanto a solução criada pelo hospital.

Foi só o número de pacientes perdidos começar a diminuir, que a solução acabou se provando eficaz.

Como bem observou Mel Edwards em seu blog, esse exemplo do hospital é um excelente case de Design de Serviços onde cada peça foi considerada:

• Os participantes (paciente, médicos e familiares) e suas necessidades.
• A observação continuada dos eventos: os surtos de demência e a decisão súbita e recorrente do paciente em querer ir para casa.
• Os sentimentos provocados em cada etapa da experiência: o desespero da perda de memória, o desejo de fuga, a tranquilidade que o vislumbre de “ir para casa” traz para o paciente, o conforto do banco do ponto de ônibus e a calma que o ambiente externo ao hospital desperta nele.
• Por fim (talvez o mais importante): a dignidade em permitir que o paciente aja sob sua própria vontade. Ao invés de forçá-lo a fazer algo, preferiram posicionar as peças do tabuleiro de forma que ele tomasse as decisões desejadas pelos médicos – sem precisar passar por nenhuma violência física ou psicológica.

Claro que existem muitos poréns em um assunto tão delicado quanto esse.

Mas para mim, isso é incrível.

Mas fim de ano também é época de panetones e retrospectivas. Para os que preferem retrospectivas:

Posts mais visitados em 2011

1. Os entregáveis da Arquitetura de Informação

2. A internet de 15 anos atrás

3. 5 sons inventados para melhorar a experiência do usuário

4. O salário do arquiteto de informação

5. Você não é um User Experience Designer

Se você perdeu algum deles, nunca é tarde para voltar lá e dar uma lida. Ou indicar para alguém.

Obrigado a todos pelas visitas, likes, comentários e retweets, queridos leitores. Vocês são incríveis. Ano que vem tem mais :)

Nova proposta de sitemap: gatos ao invés de formas geométricas on.fb.me/sovRUY—
Arq. de Informação (@blogdeai) December 05, 2011

A #espalhe busca arquiteto de informação pleno. UX e frontend desejável! CVs para curriculos@espalhe.inf.br—
Arq. de Informação (@blogdeai) December 21, 2011

Chevrolet speedometer design annyas.com/chevrolet-spee…—
Arq. de Informação (@blogdeai) December 20, 2011

Google Currents bit.ly/sDBntj—
Arq. de Informação (@blogdeai) December 20, 2011

Infográfico: we all want to be young updateordie.com/blog/2011/12/1…—
Arq. de Informação (@blogdeai) December 19, 2011

19 resources for getting design feedback bit.ly/qSyaHC—
Arq. de Informação (@blogdeai) December 16, 2011

The user experience of the World Cup bit.ly/cFLPmp—
Arq. de Informação (@blogdeai) December 15, 2011

5 Ways to Be Persuasive in Your UX Work bit.ly/ul9rb4—
Arq. de Informação (@blogdeai) December 13, 2011

Guia de salários: arquiteto da informação pode ganhar até R$ 11.050,17 bit.ly/tQda3g—
Arq. de Informação (@blogdeai) December 12, 2011

Aí sim! RT @GabrielleCriSS: Gabaritei a prova de Arquitetura da Informação e vou poder ir malhar com a @eriika_costa quarta a noite xD—
Arq. de Informação (@blogdeai) December 12, 2011

Boa sorte aí! RT @dsnillo: na FACULDADE fazendo o último trabalho de Arquitetura da Informação.—
Arq. de Informação (@blogdeai) December 07, 2011

Design Thinking, a Useful Myth bit.ly/c9DOUd—
Arq. de Informação (@blogdeai) December 07, 2011

Experiment: cursor affordances bit.ly/c1gajC—
Arq. de Informação (@blogdeai) December 06, 2011

7 Additional Ways to Focus on Users bit.ly/uvKvUf—
Arq. de Informação (@blogdeai) December 05, 2011

Tecnologia de banheiro em alta bit.ly/sv8KHB—
Arq. de Informação (@blogdeai) December 01, 2011