Por que o novo botão Curtir do Facebook atrapalha

Em um redesenho ousado, o ícone de polegar para cima do Facebook foi praticamente excluído do botão curtir. Conversamos com o designer do botão para saber o porquê.

O Facebook é conhecido por apenas algumas interações importantes que definem o serviço. Há a infame cutucada - o gesto estranhamente pseudo-sexual que dá ao Facebook um senso de humor - e, claro, seu irmão maior e muito mais popular, o Gostei.



Ontem, a empresa anunciou o O primeiro redesenho dos botões Curtir e Compartilhar em dois anos . E embora a curtida no próprio site do Facebook não seja afetada, todos os botões 'Curtir' que você vê na web - aqueles botões promocionais onipresentes colados em páginas como esta - logo serão atualizados com um design mais ousado e azulado em seis meses de fabricação que, de certa forma, surpreendentemente, troca os icônicos polegares para cima pelo logotipo do Facebook. É uma atualização quase incompreensível em seu escopo, já que esses botões são visualizados mais de 22 bilhões de vezes por dia em milhões de sites. Mas para o Facebook, era hora de uma reforma líder da marca, de acordo com o designer do novo botão, Hugo van Heuven .


O botão Curtir era uma coisa azul-clara que geralmente caía, van Heuven disse à Co.Design. Achamos que poderíamos torná-lo mais proeminente, ter uma aparência um pouco melhor e ser mais consistente.



O botão Curtir era uma coisa azul-clara que geralmente caía.

Quando van Hueven fala sobre consistência, ele não está apenas falando sobre ser consistente em toda a própria marca do Facebook, mas também em garantir que o botão Curtir seja incorporado de forma consistente nos 7,5 milhões de sites que o usam. Os botões antigos variavam em tamanho, de 18 a 22 pixels de altura, e assim os desenvolvedores descuidados muitas vezes não deixavam o preenchimento adequado, cortando o gráfico incorporado e, por sua vez, fazendo o Facebook parecer um pouco pior para ele. Agora, 20 × 48 pixels será o padrão do Facebook com o qual os web designers podem contar sem a verificação tripla de seu espaçamento.

o que significa 919



Mas a decisão mais influente foi a cor. A equipe tentou botões cinza, botões pretos e, claro, botões azuis. O azul era um favorito geral e, nos testes do Facebook, eles descobriram que a cor realmente levou mais pessoas a clicar em Curtir e compartilhar (provando novamente o poder da cor para o design de uma marca). Mas aquele azul não podia, por natureza, se dar bem com o famoso polegar.


O polegar - tão reconhecível quanto o polegar do Facebook - é um pequeno polegar branco com uma manga azul, explica van Heuven. Você não pode ver a manga azul em um botão azul. Então você usa um botão branco. Mas se você tiver um botão branco, não verá o polegar, apenas a manga. Portanto, você sempre tem que usar um botão meio cinza e ele sempre desaparece [em um site movimentado].

Como o polegar tem um elemento claro e escuro, é um ícone muito difícil de usar em uma situação como esta, acrescenta ele.



Em resposta, a equipe optou por deixar o polegar 100% branco em cima de um botão azul, mas um polegar totalmente branco também não funcionou. Enquanto o Facebook usa com sucesso um polegar preto monótono em sua página principal, o polegar, sem sua abordagem icônica de dois tons, torna-se genérico quando conectado a uma página da web aleatória.

assistir a véspera de ano novo ao vivo

Pode ser qualquer polegar, van Heuven ri. Não temos todos os polegares!


Então o polegar mordeu, na maior parte. Eles ainda inseriram o gesto em algumas iterações do botão Curtir, colocado na periferia, mas em seu lugar, o logotipo do Facebook agora reina supremo. E se você olhar atentamente, verá que a forma como o logotipo do Facebook aparece no botão azul é quase idêntica à forma como aparece no topo da página do Facebook, trazendo um nível de consistência da marca para a rede social que tem sido faltar em seus tentáculos digitais, o que van Heuven explica, é realmente difícil.



Porque o ícone no botão Curtir tem apenas 14 × 14 pixels, e essa é uma área muito pequena para fazer o F parecer bom, diz ele. Amplie aquele F. [Você verá] Eu tenho literalmente dois pixels para fazer a haste do F. Esse é um dos motivos pelos quais demorou tanto. Eu estive com muitas pessoas em uma discussão sobre como o anti-aliasing do F funcionaria. Muitas pessoas disseram que é mais reconhecível com três pixels de largura, e eu disse que era melhor com dois. Esse par de pixels requer muita atenção.


No final das contas, a abordagem de dois pixels de van Heuven venceu, o que significa que sua visão para o Facebook será vista por uma quantidade insana de horas-homem a cada dia - novamente, são 22 bilhões de visualizações a cada 24 horas. Então, como é exercer esse tipo de poder como designer?

Todos os dias lamento não ter conseguido colocar meu nome naquele botão! van Heuven ri. Não ... às vezes você percebe, meu trabalho é mostrado para mais pessoas do que celebridades super famosas. Ninguém tem essa chance. Isso deixa você extremamente orgulhoso.