E se, da mesma forma que as pessoas já têm uma representação digital de sua personalidade (um perfil no Facebook, por exemplo) – os objetos também a tivessem?

É a isso que se propõe o EVRYTHNG, um novo serviço que conecta objetos físicos através de um diálogo digital.

O primeiro passo é atribuir ADIs (Active Digital Identities) a cada objeto físico:

“Uma câmera, por exemplo, pode receber um ADI, que vai funcionar como sua presença online de forma muito parecida à qual uma página no Facebook faz com humanos. Esses perfis, chamados Thngs, armazenam informações textuais, binárias e geo-localizadas sobre o objeto associado a eles – que pode então ser usado para controlar aplicações e serviços terceiros.”

Será que a tal da Internet of Things está prestes de se tornar mainstream?

O conceito de Internet of Things trata justamente da presença de sensores em objetos físicos que conseguem atribuir uma certa inteligência artificial a eles. Essa inteligência permite que eles interajam e se conectem com outros objetos e sistemas, criando uma espécia de “internet das coisas”.

“Você não vai precisar caçar desesperadamente seus sapatos pela manhã, você vai procurá-los no Google.”
(Bruce Sterling, Shaping Things, 2005)

Para quem não conhece o conceito de Internet of Things, segue um vídeo (cafona?) que explica a ideia:

Quer um exemplo prático recente?

O EVRYTHNG ainda está em Beta para desenvolvedores, mas seu site já mostra algumas das possibilidades do novo serviço:

• E se sua bicicleta te falasse onde está caso ela seja movida?
• E se sua câmera te falasse o melhor local e hora para tirar boas fotos?
• E se a sua guitarra te ajudasse a encontrar músicos na sua região que estejam afim de tocar?
• E se sensores inteligentes ligassem sua lavadora automaticamente quando ela estivesse cheia de roupas sujas?

O EVRYTHNG ainda não divulgou detalhes sobre seus planos e serviços, mas a promessa é de que ele pode ser muito interessante para marcas, fabricantes, desenvolvedores, acadêmicos, publicitários e provedores de vários tipos de serviço em vários lugares do mundo.

Enquanto isso, aguardemos ansiosos :)

O evento contou com palestras de: Juliana Gaiba (Consultora de User Experience na Telefonica Digital | Vivo), Gabriel Gianordoli (Designer e infografista – ex-Superinteressante, atual Revista Época Negócios) e Fabricio Teixeira (este que vos escreve). Houve também um painel de discussão entre Robson Santos, Luiz Felipe Ratti, Polise de Marchi, Ricardo Sato e Rodrigo Peixoto Leite.

Reduzi um pouco a apresentação para que fizesse sentido para a web e adicionei comentários em cinza para ajudar a conduzir o raciocínio de um slide a outro. Sem mais preâmbulos:

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

Follow @blogdeai

Documentário PressPausePlay na íntegra: bit.ly/wsMKo5—
Arq. de Informação (@blogdeai) January 16, 2012

RT @tryconsultoria: Estamos contratando arquiteto de informação pleno. Detalhes aqui: bit.ly/yCooQr—
Arq. de Informação (@blogdeai) February 02, 2012

RT @trampos: TRIBO INTERACTIVE #sp tem #vaga para ARQUITETO DE INFORMAÇÃO JR. cvs para anna.telles@tribointeractive.com.br—
Arq. de Informação (@blogdeai) January 25, 2012

RT @trampos: OGILVY & MATHER #sp tem vaga para ARQUITETO DE INFORMAÇÃO. mais informações em j.mp/xVtT9S—
Arq. de Informação (@blogdeai) January 21, 2012

RT @locaweb: Temos outra vaga em aberto. Desta vez é para AI! Se tem interesse, nos envie seu CV e boa sorte! lwgo.to/6-—
Arq. de Informação (@blogdeai) January 21, 2012

RT @Gadbrivia: Vaga para Assistente de AI no @Gadbrivia em Novo Hamburgo/RS. Interessado? Envie seu currículo em goo.gl/AHqJ8—
Arq. de Informação (@blogdeai) January 21, 2012

RT @aretadobem: #VAGA #SP – Arquiteto de informação/Designer no UOL // migre.me/7BY9O—
Arq. de Informação (@blogdeai) January 21, 2012

Grupo de Arquitetura de Informação no Linkedin linkd.in/zTWATB—
Arq. de Informação (@blogdeai) January 31, 2012

The interface of a cheeseburger bit.ly/whxf9M—
Fabricio Teixeira (@fabriciot) January 31, 2012

RT @duh138: a tecnologia à serviço da extinção do senso crítico e da auto avaliação: vimeo.com/34446587 /via @fabriciot—
Arq. de Informação (@blogdeai) January 27, 2012

Que deselegante… andar e, ao mesmo tempo, enviar mensagens pelo celular tiagodoria.ig.com.br/2012/01/26/que…—
Arq. de Informação (@blogdeai) January 27, 2012

J. Nielsen diz que está na hora de parar de mascarar o campo de senha: bit.ly/191D7P—
Arq. de Informação (@blogdeai) January 19, 2012

Histórias escondidas nas buscas: tiagodoria.ig.com.br/2009/04/06/his…—
Arq. de Informação (@blogdeai) January 19, 2012

A sandbox for collecting search examples, patterns, and anti-patterns bit.ly/wQBSVd—
Arq. de Informação (@blogdeai) January 18, 2012

The app date, evento sobre apps em São Paulo: saopaulo.theappdate.com—
Arq. de Informação (@blogdeai) January 18, 2012

Android Design & UI Patterns bit.ly/wEeFHk—
Arq. de Informação (@blogdeai) January 16, 2012

Big brother is watching you: Mangas eletrônicas monitoram linhas de produção updateordie.com/2012/01/16/big…—
Arq. de Informação (@blogdeai) January 16, 2012

IxDA Interaction12 Preview: A Conversation with Amber Case, Cyborg Anthropologist core77.com/blog/conferenc…—
Fabricio Teixeira (@fabriciot) January 12, 2012

A Psychotactic That Caused 3x More People to Buy a Discounted Coffee Mug | Get Elastic Ecommerce Blog getelastic.com/a-psychotactic…—
Arq. de Informação (@blogdeai) January 12, 2012

Rio 2016 Multisensory Paralympic Brand: vimeo.com/34464900—
Arq. de Informação (@blogdeai) January 12, 2012

Clear indications that it's time to redesign bit.ly/sNVobr—
Arq. de Informação (@blogdeai) January 06, 2012

Hospital cria ponto de ônibus falso para pacientes com Alzheimer's wp.me/p28sf-Vd—
Arq. de Informação (@blogdeai) January 03, 2012

Essas são as especulações que surgiram após uma entrevista do CEO do Shazam, onde ele foi questionado sobre os próximos passos da empresa. Note que a simulação acima não é uma imagem oficial da companhia.

Para quem não conhece, o Shazam é um serviço de reconhecimento de músicas através do áudio que está sendo tocado – e possui inclusive um app para iPhone e para outros aparelhos.

Você abre o aplicativo, ele reconhece a música que está tocando e te informa o nome da música, do artista, do álbum – além de outras informações relevantes para quem está curioso sobre que música é aquela.

No ano passado, o Shazam já fez parcerias com algumas marcas para que seus comerciais fossem “Shazamáveis” (oi?). Se o telespectador abre o Shazam enquanto a música do comercial está tocando, ele recebe descontos exclusivos ou outras bonificações. Veja o comercial da Old Navy abaixo e repare no ícone do Shazam que aparece logo nos primeiros segundos.

O problema, até então, é que abrir o aplicativo para que ele “ouça” e “entenda” qual música está sendo tocada é uma tarefa que leva algum tempo.

A pessoa precisa primeiro perceber que ele pode usar o Shazam durante o comercial, depois pegar o celular, abrir o aplicativo, apertar o botão “Shazam” e ainda aguardar alguns segundos para que a música seja identificada. Tudo isso acaba sendo tempo demais para os 30 segundos do comercial.

Mas por que os boatos?

Segundo Andrew Fisher, o CEO da empresa, a estratégia do Shazam é ser pervasivo e não confiar apenas no celular como gadget que as pessoas usam enquanto assistem TV. Daí vieram as especulações sobre possíveis parcerias com provedoras de TV por assinatura para que o serviço esteja completamente integrado aos controles remotos dos lares norte-americanos.

Se é verdade ou não, isso vamos saber em alguns meses. Mas a mera possibilidade de ver um produto que até então era 100% digital começar a moldar a forma como controles remotos são fabricados, para mim, é digna de nota.

“O excesso de informação proporcionado pelas novas tecnologias vem acompanhado de um novíssimo leque de problemas. Às vezes chamamos isso de Information Overload, mas este conceito não faz muito sentido. Nós não dizemos que uma pessoa obesa está sofrendo de Food Overload; não é culpa da comida. O frango frito não está ‘se comprando’ sozinho nem voando até a boca das pessoas.

Culpar a informação é igualmente absurdo. Na verdade, sofremos de Information Overconsumption, e isso vem com todo tipo de consequência física, psicológica e social. (…) Chegou a hora de começarmos a ser tão seletivos com a informação que consumimos quanto somos com a comida que comemos.”

Se o livro é bom ou não, aguardo a opinião de quem já leu. Mas a linha de raciocínio acima, apesar do bom gosto duvidoso, me convenceu.

Na próxima segunda eu começo minha dieta.

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?

“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

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.

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 :)

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

Sabe aquele sentimento de que tudo fica mais fácil quando você toma uma decisão confiando em seus amigos? Aquele passeio para um lugar meio chato, mas que você até topa ir se estiver bem acompanhado. Aquela roupa que você está em dúvida se deve comprar ou não, mas o seu melhor amigo falou que fica incrível em você. Ou aquele televisor que você decidiu comprar depois de tanto ler bons reviews na internet.

Pois os e-commerces – já há alguns anos – começaram a usar isso estrategicamente para alavancar vendas.

Em inglês esse sentimento é conhecido como Social Proof: um fenômeno psicológico que faz as pessoas assumirem que as ações de outras pessoas são as ações “corretas” para determinada situação. O efeito é mais notável em situações onde as pessoas não sabem exatamente como agir ou o que escolher – e acabam aceitando as palavras de outras pessoas como lei.

Veja abaixo algumas táticas de “social proof” usadas por e-commerces famosos e aquilo que eles querem que você pense.

HSN

O que eles mostram:

O que querem que você pense: “Muita gente já comprou, então deve ser bom.”

Orbitz

O que eles mostram:

O que querem que você pense: “Tem tanta gente comprando que já está acabando o estoque. Eu deveria comprar logo para não ficar sem.”

Hotels.com

O que eles mostram:

O que querem que você pense: “Se der alguma coisa errada com esse hotel, eu não vou ser o único a sofrer as consequências.”

Groupon

O que eles mostram:

O que querem que você pense: “Bastante gente já comprou, então é confiável. Além disso, é bom eu comprar logo para não ficar sem.”

Fab

O que eles mostram:

O que querem que você pense: “Bom, se essa mulher comprou e ficou satisfeita, acho que eu vou ficar satisfeito também. E olha como ela é bonita.”

Threadless

O que eles mostram:

O que querem que você pense: “Opa, tem várias pessoas que já gostaram dessa camiseta. E eu vou ser o primeiro entre meus amigos, eu devo ser muito ‘ditador de tendências’ mesmo. Vou clicar e recomendar para eles.”

Ok, ok. Contando a história desse jeito pode parecer que usar o Social Proof em e-commerces é uma estratégia do mal, a mando de algum arquiteto de informação (ou designer de interação) que tenha feito pacto com o diabo.

Mas não é nada que já não aconteça no mundo físico, quando você vai até uma loja e o vendedor passa a conversa em você. A diferença é que essas mesmas táticas estão sendo transportadas para o mundo virtual e sendo usadas para alavancar vendas também no e-commerce dessas empresas.

via

Levaram bastante a sério aquela tática de incluir fotos de bebês e cachorros em uma apresentação para fazer com que ela atraia a atenção (e o afeto) de quem a assiste.

Se você tem interesse em cachorros ou até mesmo em UX, vale a pena dar uma conferida:

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

Os 13 mandamentos listados, para facilitar:

1. Be open to your users
2. Don’t let them fall sleep
3. Tempt and lure
4. Involve
5. Give a sense of security
6. Show the way
7. Let them sleep peacefully
8. Don’t keep them by force
9. Attract attention
10. Support interactions
11. Wink at your users
12. Don’t look down on them
13. Evoke emotions

A Most Contagious é uma publicação anual da Contagious Magazine que elege e agrupa as melhores iniciativas do ano em relação a Branding, Tecnologia e Cultura Popular. Uma das melhores curadorias do mercado publicitário, na minha opinião.

Interessante o que a presença de categorias como “projects not campaigns”, “social business” e “service design” diz sobre o caminho que as marcas estão seguindo.

É só ler um pouco sobre as campanhas selecionadas para perceber que existem alguns movimentos acontecendo simultaneamente nesse mercado:

• Marcas querendo desenvolver mais produtos a longo prazo, e menos campanhas a curto prazo.
• O grande diferencial dos produtos oferecidos pelas marcas sendo cada vez menos o produto físico em si, palpável, e cada vez mais o serviço que vem embutido nesse produto.
• As “Redes Sociais” já invisíveis, obrigatórias, requisito mínimo de qualquer produto ou campanha online ou offline – e não um termo/budget/departamento à parte.
• O Service Design ajudando fortemente na materialização dessas iniciativas, por ser uma das disciplinas que mais entende de criação de produtos digitais verdadeiramente relevantes.
• As marcas tentando agir como transformadores da cultura popular, tentando promover conversas de bar, tentando resolver tensões culturais que existiam há anos ou tentando criar novas dessas tensões.
• As marcas querendo ter a credibilidade natural das pessoas e as pessoas querendo ter a credibilidade formal das marcas.
• A tecnologia como conexão inevitável de todos esses pontos.

Não dá pra olhar para todos esses movimentos e para todos os cases selecionados no Most Contagious e não ficar animado com a importância que o Design de Interação tem e continuará tendo nesse processo. Great times are coming :)

Link: Most Contagious 2011

Com o crescimento da variedade de dispositivos onde os websites são visualizados (laptops, tablets, netbooks, celulares, desktops com tela pequena, iMacs com telas gigantescas, segundo monitor etc.), seria enlouquecedor desenhar múltiplas versões de um mesmo site que suprissem cada uma dessas variações de tamanho de tela e cada uma das resoluções de tela disponíveis no mercado.

O Responsive Web Design é uma das soluções técnicas para esse problema: programar um site de forma que os elementos que o compõem se adaptem automaticamente à largura de tela do dispositivo no qual ele está sendo visualizado.

Um design responsivo inclui:

• Adaptar o layout da página de acordo com a resolução em que está sendo visualizada.
• Redimensionar as imagens automaticamente para que caibam na tela e para que não sobrecarreguem a transferência de dados em um celular, por exemplo.
• Simplificar elementos da tela para dispositivos móveis, onde o usuário normalmente tem menos tempo e menos atenção durante a navegação.
• Ocultar elementos desnecessários nos dispositivos menores.
• Adaptar tamanho de botões e links para interfaces touch onde o ponteiro do mouse é substituído pelo dedo do usuário.
• Utilizar de forma inteligente recursos mobile como geolocalização e mudança na orientação do aparelho (horizontal ou vertical).

Uma variação do “Responsive Web Design” é o “Adaptive Web Design”, uma versão um pouco simplificada da primeira. A diferença, no segundo caso, é que o layout se adapta para três ou quatro larguras de tela específicas – e não pixel a pixel, como no primeiro caso.

Esses dias dei de cara com essa apresentação que resume de forma muito simples o que é Responsive Web Design:

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

É claro que essa é a explicação resumida de como o Responsive Design funciona – existem muitos outros “poréns” envolvidos. Na dúvida, consulte o desenvolvedor mais próximo :)

Leia também:

• Soluções para a multiplicidade de dispositivos
• Desenhando para o consumidor multi-device
• 60 examples of responsive web design

“How can people simultaneously want to kill time and get angry when their time is wasted? A conundrum to be teased apart. The solution to the puzzle lies in recognizing that even relaxation is purposeful behavior: according to information foraging theory, users seek to maximize their cost/benefit ratio. That is, people want more thrills and less interaction overhead.”

Alertbox sobre Mobile Writing

A apresentação abaixo é, ao contrário do nome, bastante objetiva. Mas o mais interessante é ver que grande parte da estratégia que existe por trás do tal Design Thinking é representada com documentos daqueles que fazemos no nosso dia-a-dia: ecossistemas, fluxos de navegação, fluxos de experiência do usuário, personas e até uns rabiscoframes.

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