Parece um tanto óbvio, mas agora comprovado numericamente pelo excelente blog do Luke W com dados do ComScore.

• Tablets de 10 polegadas (como o Galaxy Tab da Samsung) tem em média 125 page views mensais por tablet.
• Tablets de 9 polegadas (como o iPad da Apple) tem em média 116 page views mensais por tablet.
• Tablets de 7 polegadas (como o Kindle Fire da Amazon) tem em média 90 page views mensais por tablet.
• Tablets de 5 polegadas (como o Galaxy Note da Samsung) tem em média 79 page views mensais por tablet.

Leia também: Soluções para a multiplicidade de dispositivos

O SimpleUsability fez um estudo de eyetracking em algumas timelines de marcas famosas no Facebook e descobriu insights valiosos para nós, designers, que eventualmente trabalhamos em projetos para marcas dentro do Facebook.

Um resumão geral:

1. As cover photos não são tão importantes quanto a gente pensa

Apesar de ser uma área grande que pode ser usada para contribuir com o look&feel da página da marca, as pessoas não vêem a cover photo como algo notável dentro da timeline.

Elas também não prestam muita atenção ao avatar da marca nem aos aplicativos que estão em destaque logo abaixo do header.

Na verdade, a primeira coisa que a maioria das pessoas faz ao chegar na página é descer a rolagem e começar a ler os posts feitos pela marca.

2. A linha do tempo é uma feature valiosa

As pessoas realmente navegam pela história da marca e pelos posts anteriores. Penso que isso se deve, em partes, ao fato da timeline ainda ser novidade dentro do Facebook.

No estudo feito pela SimpleUsability, as pessoas também gostam do fato de que o “About” está sempre visível no topo – o que permite que as pessoas entendam muito facilmente do que se trata a página em que acabaram de chegar. Ainda segundo o report, muitas pessoas acham mais fácil entender a marca ali na timeline do Facebook do que no site institucional da empresa.

3. As pessoas reparam se seus amigos interagem com a marca

Os usuários ficam mais propensos a interagir com a marca se já possuírem amigos que também interagiram com ela. Na nova timeline, isso fica com bastante destaque na coluna da direita.

4. Usuários raramente interagem ou clicam nos aplicativos

Pouquíssimos usuários reparam que existem apps que podem ser clicados logo abaixo do header da fanpage. Quando eles reparam, o olho deles e o ponteiro do mouse vão direto para o app de Photos – que é também o que recebe mais cliques.

via

1. Disquetes

Não sei você, mas eu não vejo um desses já faz pelo menos uns 8 anos. E eu não “salvo” arquivos dentro de um desses nem que eu quisesse, porque os arquivos de hoje simplesmente não cabem aí. Você consegue imaginar um ícone de Salvar mais moderno? Um pendrive? Uma nuvem?

2. Clipboard

É a tal da “área de transferência”, aquele limbo onde flutuam as coisas quando você aperta CTRL+C nelas. Se esse usuário de 12 anos já passou por algum médico mais antigão, pode ser que ele já tenha visto uma dessas pranchetas por lá e associe uma coisa e outra.

3. Agenda de contatos e calendários

Até quando a gente vai se enganar achando que as pessoas ainda têm essas agendas ao lado do telefone de casa? Enquanto ícone, ainda funciona. Mas será que por muito mais tempo?

4. Voicemail

Esse eu nem sabia a origem. O aparelho mostrado aí embaixo é o rolo de fitas magnéticas que eram usadas para gravar áudio. A tecnologia não é mais comumente utilizada, mas o ícone sobreviveu e pouca gente sabe de onde vem.

5. Telefone

Convenhamos: ainda que os telefones fixos insistam em sobreviver aos celulares, eles já pararam de ter esse formato faz um bom tempo. Esse formato é coisa da nossa infância, não da infância dos que nasceram depois de 2000. A não ser que você carregue um handset pra cima e pra baixo para plugar no seu celular, como mostra a imagem abaixo.

6. Lupas e binóculos

Ok, esses os mais jovens já devem ter visto em algum desenho animado, talvez até já tenham segurado na mão. Mas certamente eles (nem eu) nunca usaram nenhum dos dois para “Buscar” algo.

7. Televisão

Não, a televisão não deixou de existir. Mas certamente ela se tornou mais wide do que os ícones abaixo, e também deixou de ter aquela antena cafona em forma de “V” em cima dela.

8. Envelopes

Os mais jovens até já devem ter recebido envelopes em casa, com propaganda ou encomendas. Mas será que passa pela cabeça deles que é possível escrever uma carta, colocar em um envelope e enviar para alguém (que é o que eles costumam fazer com os e-mails)?

9. Microfones

Esse é outro que ainda funciona bem. Mas cada vez mais os microfones estão se tornando invisíveis, um pequeno orifício no laptop, muitas vezes imperceptível. Ou então é um daqueles microfones convencionais que as bandas usam.

10. Fotografias e máquinas fotográficas antigas

Os ícones desses apps de fotos são bonitos, sim. Mas você precisa ter pelo menos 20 e muitos anos para ter visto uma Polaroid na vida, ou ter manuseado uma dessas câmeras antigas.

A lista foi tirada desse post aqui.

Tem mais alguma sugestão? Envie aí embaixo nos comentários.

Sabe aquele detalhe, quando você está navegando por uma nova interface, que pode ser decisivo para você se encantar pela experiência que está tendo ali – ou que pode ser frustrante e fazer você desistir daquele produto?

É disso que trata a apresentação abaixo, de Johan Ronsse, chamada Designing Better User Interfaces. Nela Johan passa por alguns bons e maus exemplos do que funciona e do que não funciona na hora de desenhar a interação de um usuário com um produto digital.

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

Como tratei recentemente no World Information Architecture Day, existe todo um trabalho de estratégia e entendimento do contexto que pode (e deve) ser feito antes da etapa de wireframes.

Mas quando chega a hora dos wireframes – seja arrastando as caixinhas cinzas na tela do Axure, seja rabiscando interfaces em um pedaço de papel – todo cuidado é pouco. Muitas vezes são esses pequenos cuidados com a interface que, de fato, fazem um potencial usuário se apaixonar pelo seu produto ou abandonar o seu site em uma fração de segundos. Ainda mais em uma época onde o seu produto pode ser usado em tantos contextos diferentes, em tantos e tantos tipos de device.

A Toshiba está testando um Object Recognition Scanner, que lê e entende os produtos sem a necessidade de códigos de barras.

Ao invés de ler um código de barras uni ou bidirecional, o scanner reconhece os objetos baseado em sua aparência. Inicialmente, o foco é em produtos frescos, onde a aplicação de códigos de barras é responsabilidade do ponto-de-venda e não do fornecedor do produto. O sistema é inteligente o suficiente para distinguir entre dois tipos de maçãs diferentes, por exemplo.

Interessante para este nicho específico de hortifruti e para alguns outros. Será que a moda pega para todo tipo de produto – e consequentemente para todo tipo de varejo?

Muda, muda bastante. Nos últimos meses vimos surgir novas tecnologias e produtos de pagamento pelo celular – tecnologias como o NFC (Near Field Communication) e produtos como o Google Wallet.

E vai continuar mudando.

Como é comum em momentos de transição de uma indústria (como esse que estamos vivendo agora), o processo de adoção dessas novas tecnologias é lento e gradual. No meio do caminho, designers e tecnólogos correm para entender como tudo isso funciona, e marcas correm para entender como isso pode afetar os seus negócios.

Pensando nisso, a SapientNitro organizou uma apresentação bastante auto-explicativa sobre essas diferentes tecnologias de mobile payment e já incluiu nela algumas estatísticas de uso.

O Brasil, inclusive, é um grande player desse novo mercado.

Confira abaixo:

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

Talvez esse post te ajude a entender as diferenças entre um termo e outro. E se você compartilhar, mais gente fica sabendo também :)

O gráfico mostrado abaixo retrata a evolução das resoluções de tela mais usadas no mundo, desde 1999 até 2012 – tudo baseado em pesquisas encontradas pelo próprio Jakob.

O que é importante lembrar:

• A adoção de monitores maiores acontece lenta e gradativamente. Não dá para deixar de pensar nos usuários de 1024×768, já que eles ainda representam mais de 20% do total e já que a quantidade de tablets continua aumentando.
• O que mudou nos últimos quatro ou cinco anos foi apenas a largura dos monitores. A altura mais usada continua sendo 768.
• A regra de ouro é: desenhar para 1024×768, otimizar para 1440×768.

Segundo Jakob, as resoluções wide que mantêm os 768 de altura são mais adaptadas para o campo de visão humano. E, mantida essa proporção, a tendência é que monitores ainda maiores comecem a surgir nos próximos anos.

Agora mande esse link para o seu time de UX e de Visual Design e anexe um invite de happy-hour para comemorar :)

Free ebooks for designing user experiences #ux bit.ly/xnheUd—
Arq. de Informação (@blogdeai) April 05, 2012

10 erros para evitar ao desenhar aplicativos de celular on.mash.to/ID4dOy #ux #ixd—
Arq. de Informação (@blogdeai) May 02, 2012

Axure for Mobile Prototyping bit.ly/HZTHEY #ux—
Arq. de Informação (@blogdeai) April 27, 2012

Starting Your User Research bit.ly/HQBI4R #ux #research—
Arq. de Informação (@blogdeai) April 27, 2012

"I have not failed. I've just found 10,000 ways that won't work." – Thomas A. Edison bit.ly/HWb0Fi #ux for developers—
Arq. de Informação (@blogdeai) April 27, 2012

O Facebook está nos deixando mais solitários? bit.ly/Iej0i5—
Arq. de Informação (@blogdeai) May 03, 2012

Eyetracking no seu currículo: para onde o recrutador olha – read.bi/IbJN4O #ux #eyetracking—
Arq. de Informação (@blogdeai) April 26, 2012

UX London: Mobile & UX A Perfect Storm bit.ly/HQHX8V #ux—
Arq. de Informação (@blogdeai) April 26, 2012

A boa e velha psicologia das cores aplicadas a User Experience | Usability Geek bit.ly/HxFBZ0 #ux—
Arq. de Informação (@blogdeai) April 25, 2012

Usuários podem logar tanto com username quanto com email bit.ly/xMTNRW #ux #ref—
Arq. de Informação (@blogdeai) April 24, 2012

Designing for cognitive disabilities slidesha.re/HJ1DeI—
Arq. de Informação (@blogdeai) April 23, 2012

ROI of User Experience and Technology Done Right · NavigationArts bit.ly/HIWyDc—
Arq. de Informação (@blogdeai) April 20, 2012

Spatially aware devices, a sketch: bit.ly/HHkgiT—
Arq. de Informação (@blogdeai) April 20, 2012

Why Tabs Must Die bit.ly/HnExtH—
Arq. de Informação (@blogdeai) April 19, 2012

Webcam Tears: medos privados em confessionários públicos bit.ly/HNAiTR—
Arq. de Informação (@blogdeai) April 18, 2012

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

Thoughts on Pagination bit.ly/HyDnsX #ux—
Arq. de Informação (@blogdeai) April 13, 2012

UX for Good | User experience design for large-scale social good bit.ly/GGFLA4—
Arq. de Informação (@blogdeai) April 12, 2012

10 things every designer needs to know about forms bit.ly/HgCncJ—
Arq. de Informação (@blogdeai) April 10, 2012

Game design lessons for interaction design bit.ly/HVHo9C—
Arq. de Informação (@blogdeai) April 09, 2012

Reparamos que o público parabenizava veemente os artistas após o término da peça. Feedback imediato. “Vocês estavam ótimos”, “vocês cantam bem demais”.

Tem uma coisa curiosa sobre trabalhar com experiência do usuário e design de interação: quanto melhor o seu trabalho, menos ele é percebido.

Quanto melhor a interface que você desenha, mais simples ela fica – até o ponto de parecer óbvia. Até o ponto de parecer que não existia nenhuma outra opção a não ser aquela que você desenhou. E aí é natural que o trabalho pareça fácil aos olhos de quem pega o trem andando.

Quando o projeto chega nesse ponto, meus parabéns, você atingiu o nível de excelência naquele trabalho. Só não espere por cumprimentos e aplausos :)

Leia também: Lições de teatro aplicadas ao desenvolvimento de sites

The human computer interface helps to define computing at any one time. As computers have become more mainstream the interfaces have become more intimate. This is the journey of computer technology and how it has come to touch all of our lives.

Link: Revolutionary User Interfaces

O CourseKit é uma ferramenta online para quem quer organizar seu próprio curso. Você cadastra as aulas, convida os alunos, faz posts regulares para toda a turma e ainda hospeda os arquivos da aula dentro do site. Fica tudo registrado na página do seu curso, inclusive as notas dos alunos e links para referências externas que você queria compartilhar com eles.

Estou usando a ferramenta para preparar um curso de UX.

Edward Boches, CCO da Mullen, também.

Numa bela noite, Edward perdeu tudo o que tinha publicado na ferramenta, de repente, sem a menor explicação. Assustado, tentou republicar o conteúdo das aulas que lembrava de cabeça. Mas essa segunda tentativa também falhou. Desesperado, tuitou para o @coursekit pedindo ajuda para recuperar o que tinha perdido.

Demorou apenas 10 minutos para responderem, e a resposta ainda veio com um pedido de desculpas pela demora. “Estávamos em reunião”, disse o pessoal do CourseKit.

Em poucos minutos, Edward estava ao telefone com um dos engenheiros do site, que prontamente assumiu a culpa pela falha e prometeu recuperar as informações que tinham sido perdidas por causa de um bug no site.

Na manhã seguinte, as informações do curso de Edward estavam todas republicadas no site. Incluindo uma explicação detalhada de que ninguém mais tinha acesso àquelas informacões, a não ser o CTO da startup.

Em seu blog, Edward conta que continuará usando o serviço, mesmo depois da falha que ocorreu. E que a resposta rápida e humana da empresa o fez mais fiel ainda a ela.

É claro que você não vai esperar esse tipo de presteza e agilidade da sua operadora de celular, não é mesmo?

Mas será que não deveria?

Fico me questionando se essa dedicação toda das startups em atender seus clientes se deva ao fato de ainda não terem milhões de outros clientes, ou se é algo autenticamente enraizado em sua cultura.

Outro dia o Google lançou uma ferramenta que permite que você agradeça seus amigos por terem dado +1 em um resultado de busca que tenha sido útil para você.

Se esse tipo de empresa já percebeu que hoje em dia a experiência do usuário é fator essencial para determinar o sucesso de um produto, quanto tempo será que vai demorar para as outras perceberem?

Tecnologia, evolução da humanidade, Steve Jobs, mobile. A apresentação abaixo tem todos os ingredientes para uma apresentação de sucesso: coisas que te façam parar e pensar como chegamos até aqui e para onde estamos caminhando.

O assunto é a web nos dispositivos mobile e situações em que ela, muitas vezes, faz mais sentido do que a web nos dispositivos desktop.

Nas palavras do autor: “One thing I’m learning is that it’s ok to give up on the desktop experience once it stops making sense”.

Ainda segundo ele, os sites e aplicativos mobile não são apenas uma evolução da web, nem apenas um novo contexto para ela, mas sim o estágio inicial de um sistema completamente novo. Um sistema que nos faz repensar todas as nossas certezas e questionar a verdadeira razão pela qual nós construímos websites, a razão pela qual as pessoas os acessam e onde reside o verdadeiro valor da web.

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

Apresentado por Stephanie Rieger em Orlando (FL), em abril de 2012.

Saindo do forno: um belo trabalho de Branding, Interaction Design e Visual Design da R/GA London.

O interessante é que a apresentação é de 2007 e, para mim, continua fazendo sentido ainda hoje.

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

Assim fica fácil explicar né? :)

via

:)

“O motivo pelo qual muitos desktop websites não são usáveis em aparelhos celulares é justamente porque esses desktop websites não são usáveis nem mesmo em um desktop. Dizem que os gastos de um indivíduo aumentam à medida em que aumenta seu salário, e que a quantidade de bugigangas que ele possui em casa aumenta cada vez que ele muda para uma casa maior. Da mesma forma, já faz um tempo que designers provam que não conseguem manter o foco em seus desktop websites simplesmente porque eles têm bastante espaço.”

via

Leia também: Mobile First

Dieter Rams é um industrial designer alemão da escola Funcionalista de desenho industrial. Alguns o consideram o maior de todos os tempos.

No livro “As Little Design as Possible: The Work of Dieter Rams“, a autora Sophie Lovell lista os 10 princípios de design citados por Rams:

1. Good design is innovative
2. Good design makes a product useful
3. Good design is aesthetic
4. Good design helps us to understand a product
5. Good design is unobtrusive
6. Good design is honest
7. Good design is durable
8. Good design is consequent to the last detail
9. Good design is concerned with the environment
10. Good design is as little design as possible

Sempre que me deparo com listas criadas por pessoas que admiro, leio algumas vezes e depois salvo para mais tarde. Em outro dia, em um outro contexto, leio novamente a mesma lista e tento pensar se ela se aplica à minha rotina, e como.

Experimente olhar para os projetos de Design dos quais você já participou e ver quais desses itens você já aplica e quais deles ainda precisa melhorar. Daria para passar horas :)

David Crandall montou uma apresentação dos principais insights que colheu este ano no SXSW. Minha preferida é essa aí em cima :)

O número 48 foi proposto pela EARL (Emotion Annotation and Representation Language), uma empresa de robótica que tenta entender o comportamento humano para replicá-lo em robôs e máquinas.

O mapeamento foi feito pelo americano Robert Plutchik, que detectou 8 emoções básicas, mais 8 avançadas e que resultam em 8 sentimentos. Misturando isso tudo, o ser humano é capaz de sentir 48 emoções diferentes.

O desenho foi um achado do Wagner Brenner e, como ele mesmo disse, daria para passar uns bons minutos nessa mapa tentando entender melhor a regra do jogo.

Para você, caro amigo UX, que passa o dia desenhando experiências para pessoas e tentando despertar nelas emoções que caso contrário elas não teriam – o mapa acima, dependendo do uso que você fizer dele, pode ser bem valioso.