Um board no Pinterest com o pior do Design

Pinterest

O Update or Die criou um board no Pinterest para coletar os piores exemplos de Design em um único lugar. De calçadas de pedestres não acessíveis a torneiras complicadas de se usar, passando por cadeiras e (obviamente) painéis de elevador.

Nos moldes do nosso álbum #usabilidade #fail do Facebook, mas focado não apenas em interfaces digitais.

Link: Bad Design on Pinterest >

UX Critique

UX Critique

A barra de volume do iOS7 parece ser arrastável. Mas você adivinharia que a linha vermelha na barra de progresso da música é arrastável também?

O UX Critique é um blog que coleciona críticas (quase sempre) bem embasadas sobre interfaces digitais. Aprender com erros, não só com acertos.

Link: UX Critique >

Design centrado na estratégia

Leio muito por aí sobre design centrado no usuário. É uma metodologia linda, que nasceu para tornar o mundo um lugar melhor. Designers colocando a funcionalidade acima da estética. Programadores valorizando a experiência em troca da agilidade na codificação. Empresários preferindo cultivar fãs em vez de lucro. Bacana, né? Mas será que um projeto 100% focado no usuário é realmente viável e sustentável?

Nos últimos anos venho trabalhando bastante com startups. E uma das principais dificuldades que enfrento é aliar a experiência dos usuários à estratégia da empresa. Seja por questão de posicionamento no mercado, seja por modelo de monetização. Muitas vezes o time chega em uma grande feature, que passa bem por testes com usuários, mas que se implementada poderia ser um equívoco estratégico enorme.

Faz alguns meses estava envolvido com um projeto de e-commerce. Apresentamos um protótipo ao cliente e uma das primeiras questões que ele levantou foi: “Por que vocês colocaram uma foto tão grande do produto?” Depois de toda uma argumentação de como os usuários ficariam mais seguros ao poder analisar o produto em detalhes antes da compra, o cliente nos derruba com uma simples frase:

“Mas meu produto tem um acabamento pior que o do concorrente, não quero que os clientes percebam isso”.

O que fazer? Insistimos em mostrar cada detalhe do produto gerando a melhor experiência possível? E se as pessoas repararem como o produto realmente não é tão bom e deixarem de comprar? Então um investimento em melhoria de usabilidade acaba resultando em uma queda brusca de receita. Outra opção poderia ser convencer o cliente a investir em um acabamento melhor para o produto. Mas talvez um processo desse aumentasse o valor final para o consumidor, e a loja poderia acabar saindo de sua faixa de mercado e precisando competir com muitas outras empresas.

Continue lendo »

Estudo de caso: criando uma interface visual para os serviços de atendimento telefônico

IVR por Teehan+Lax

Não seria legal se quando você liga para o seu banco e precisa passar longos minutos ouvindo todas as opções do sistema de atendimento ao consumidor, você pudesse visualizar quais são as opções na própria tela do seu smartphone?

Essa foi a ideia do projeto conceito criado pela Teehan+Lax, chamado MovieFone.

As opções que são anunciadas no áudio do IVR também são visualizadas na tela do aparelho, permitindo que você navegue pelo menu como se estivesse navegando por um aplicativo qualquer.

Continue lendo »

Facebook pretende medir o comportamento do seu cursor no site

Medindo o comportamento dos usuários

É natural que uma empresa do porte do Facebook, com tantos produtos, utilizados em larga escala por milhões de pessoas todos os dias e acessado em tantos países diferentes confie nas métricas de uso como um dos mais importantes indicadores do comportamento dos usuários. Impressões, cliques, likes, comentários, tempo de navegação e frequência de acesso, só para citar algumas delas.

Acontece que essa lista de métricas ganhará um novo membro nos próximos meses, de acordo com The Wall Street Journal. Um novo membro não: uns novos membros.

Os planos do Facebook incluem começar a monitorar o comportamento do cursor dos usuários enquanto navegam no site. Você passou o mouse sobre um anúncio na coluna da direita mas não clicou? O cursor ficou alguns segundos a mais sobre o botão de Like antes de clicar? Em um futuro breve esses momentos de hesitação dos usuários se transformarão em métricas que irão ajudar o time de produtos do Facebook e os anunciantes da rede social a obterem informações mais precisas sobre o comportamento das pessoas no site e sobre como elas interagem com o conteúdo.

Intrusivo? Ético? Sagaz?

Do not reply: eu quero falar com você, mas não quero te ouvir

lalalala

Sabe quando criança tapa os ouvidos com as mãos e canta “la-la-la-la, não estou te ouvindo“?

É isso que as marcas fazem quando mandam emails para você e escrevem “não responda a este email”. Para completar, normalmente o endereço de email do remetente é algo do tipo “do-no-reply@marca.com”.

Eu quero falar o que eu quiser pra você. Quero te contas as últimas novidades sobre a minha marca, quero te contar das promoções do meu ecommerce, quero te convencer a visitar meu site – mas ai de você se você quiser me falar alguma coisa. Vou tapar os meus ouvidos e vou fingir que não estou escutando. Afinal, comunicação é essa via de mão única, não é mesmo?

Daí que como existe Tumblr para tudo nesse mundo, existe um deles que resolveu colecionar exemplos bizarros de marcas que ainda adotam essa prática.

Abaixo algumas preciosidades, com legendas do autor do blog:

Xing Do Not Reply

“Your feedback means a lot to us. Contact us if there’s something wrong. Oh, btw, don’t answer this email.”

Continue lendo »

Kit de primeiros socorros redesenhado

66f049ecd0fdf68d5c0d15bdab7aa0cc

85aba7632e19d9cf7535d3a50a9f2b2b

6505443998618701aa485aedff4d9156

Continue lendo »

Documentando animações e transições de tela

sketch

Um dos grandes desafios na hora de documentar como determinada tela se comportará é a parte das animações e transições de tela.

Quando você está desenhando uma interação convencional (exemplo: um menu em acordeom), entender seu funcionamento é um processo relativamente simples. Você documenta o estado inicial do elemento, o estado final, e é preciso pouco poder de abstração para imaginar o que acontece entre um estado e outro – ainda assim, adicionar uma seta no seu wireframe ou sketch pode ajudar. Os próprios nomes que criamos para esses elementos (“acordeom”, “âncora”) ajudam a garantir que todos os profissionais envolvidos no projeto falem a mesma língua e entendam nos mínimos detalhes como aquilo irá funcionar.

O problema é quando você está criando um elemento de interface que se comporta de forma diferente do convencional. É um pouco arriscado, mas eventualmente acontece. Na maioria dos casos, usar uma convenção é mais um ponto forte de usabilidade do que um problema de ausência de inovação – porque aumenta as chances de que as pessoas entendam como devem interagir com aquele módulo da tela.

Continue lendo »

Flat design não vai esconder seus pecados de usabilidade

1379397_10151788058159471_1014723697_n

Já falamos por aqui sobre Flat Design, iOS7, e sobre como a falta de afordances eventualmente causada pelo “design achatado” pode causar problemas de usabilidade.

Essa semana vi um artigo no uxmatters falando sobre como o flat design, apesar de ser a grande tendência de design digital dos últimos 2 ou 3 anos, não garante que uma interface seja necessariamente fácil de usar. Abaixo um trecho do artigo, livremente traduzido:

“Esse é o objetivo geral do flat design, certo? Confiar na tipografia e layout para transmitir a hierarquia da página ao invés de usar elementos como sombra e brilho. No entanto, apesar da popularidade do flat design, é importante que não percamos vista do que o usuário vê. Como UX Designers, temos orgulho de conseguirmos ver o mundo através dos olhos dos usuários. Flat design pode ser a tendência da vez, mas não é necessariamente o melhor estilo de design para toda e qualquer tarefa. Inevitavelmente, se você começa o seu processo de design escolhendo qual estilo você irá utilizar, você está começando no lugar errado.

Continue lendo »

Ops, errei

Sloppy UI 1

SloppyUI é um tumblr que coleciona pequenos erros, desalinhamentos e inconsistências de design em interfaces do nosso dia-a-dia. Os posts mais recentes do tumblr estão recentes de exemplos do iOS7, mas segundo os autores isso não é de propósito. É só porque a Apple acabou de redesenhar todo o seu sistema operacional móvel e é natural que esses problemas demorem um tempo até serem corrigidos.

Continue lendo »

Google+