design atento: tudo o que você fez e não queria saber sobre emoji

mindblownemoji

Ao projetar um produto, você precisa se lembrar - você não está projetando para si mesmo: Você está projetando para o usuário. O design do produto é uma forma de arte sacrificial. As opiniões pessoais, o ego e a licença criativa vêm em segundo lugar em relação à usabilidade e à função. 

O Emoji é um desses produtos que muitos usam, mas poucos param para pensar. Muito mais se dedica ao design da Emoji do que se poderia supor. Os Emojis não são apenas pequenas imagens divertidas; eles são auxílios linguísticos usados para enriquecer o texto com valor emocional, esclarecer intenções, palavras substitutas e trazer uma chama não-verbal para uma forma de comunicação de outra forma plana. O design, em geral, já é bastante complicado, mas quando se está desenvolvendo um produto que sem dúvida será usado como forma de comunicação - o risco se torna ainda maior. 

Projeto Emoji Vendor

emojivendor

Sou especialista em ciência e arte da expressão facial e atuei como consultor de expressividade da Emoji para grandes empresas de tecnologia. (Mais recentemente, Fui contratado para ajudar no projeto e animação da nova Care Reaction do Facebook.)

A consultoria em design de expressão Emoji me ensinou muito sobre as considerações que entram no design de produtos amplamente utilizados. Você precisa pensar em coisas como:

  • Capacidade de leitura
    • Como os emojis são tão pequenos, cada projeto deve ser feito de forma simples e clara para manter a legibilidade.
  • Consistência 
    • Em um conjunto de emoji, cada projeto precisa ser consistente com o próximo. Isto significa que as formas para características faciais como olhos, sobrancelhas e bocas precisam ser limitadas e intercambiáveis. Outros fatores, como espessura da linha e paleta de cores também devem ser levados em consideração.
  • Coesividade da marca
    • Além da consistência intra-design, o design de todo o conjunto emoji precisa corresponder à marca geral de seu fornecedor - por exemplo, a marca Apple é simples e limpa, por isso seus designs Emoji precisam seguir o exemplo. 
  • Comunicação
    • O emoji comunica seu significado pretendido ao usuário?
  • E aproximadamente 10.000 outras tensões

Imagine todas essas considerações - mas com a pressão adicional de criar algo usado para comunicar pensamentos e traduzir emoções humanas complexas em um círculo 2D com pontos para os olhos e uma linha para a boca!

 

Agora você tem que pensar sobre:

  • Estilização vs. Realismo
    • Como os emojis foram feitos para imitar a expressão humana, cada emoji é uma representação estilizada de algo real. Representar a realidade através do design estilizado não é uma tarefa fácil.
  • Traduzindo Simplicidade
    • Traduzir uma expressão de um rosto humano complexo para um desenho de forma simples requer criatividade e estratégia. Há muitos obstáculos com os quais você será confrontado durante este processo. Por exemplo, a emoção nojenta é tipicamente expressa com um nariz enrugado ou um lábio superior levantado. Emojis não têm nariz, e seus lábios são muito simples para transmitir sutilezas de um lábio superior levantado. Atualmente não há nenhum emoji que represente a repugnância apenas pela expressão facial; em vez disso, estes emojis são freqüentemente auxiliados com adereços adicionais - como "vômito".
  • Expressividade
    • Depois de transformar uma expressão complexa em um design simples, você precisa então ampliar o visual para manter a expressividade.

Como os Emojis são feitos: Uma Scoop de Dentro

cegonhasemojimade

Emojis são ainda mais complicados pelo fato de que, para se tornar oficial, cada projeto (que pode ser apresentado por qualquer pessoa) deve primeiro ser aprovado pela Unicode Subcomitê Emoji. Unicode é "...um padrão de tecnologia da informação para a codificação, representação e tratamento consistente de textos expressos na maioria dos sistemas de escrita do mundo.” Embora a representação geral e os termos-chave (referidos como o "Nome curto CLDR".) para cada emoji aprovado são padronizados, os requisitos específicos de projeto são muito frouxos e não regulamentados. Uma vez aprovado um emoji e atribuído seu código único, os fornecedores individuais de emoji como Apple, Facebook, Google, Samsung e Twitter criam suas próprias versões estilizadas de cada representação de emoji.

A principal questão com projetos de múltiplos fornecedores para cada emoji entra em jogo durante a comunicação entre plataformas. Se um usuário do iPhone enviar uma mensagem a um usuário Samsung, o usuário da Samsung só verá o design dos emoji da Samsung, e vice-versa. Antes da Samsung atualizar sua aparência, suas escolhas de design do Emoji eram incompatíveis com os designs de outros fornecedores. Esta inconsistência criou espaço para muita confusão de usuários.

Naquela época, esta era a "cara de queixa" da Samsung:

samsung velha mágoa significa

Este é agora o design "cara de grife" da Samsung: 

grimace atual da samsung

E esta é a lista atual com os projetos de todos:

akkavebdrs

Pense nas infinitas oportunidades de má interpretação quando um usuário de iPhone envia a seu amigo Samsung uma "cara de reclamação". Como a versão Samsung tem as sobrancelhas sulcadas, os olhos estreitos e a boca agressiva, sua careta é hostil e com aspecto de grisalha. A versão Apple, por outro lado, transmite um sentimento neutro de "oops" ou "yikes", com sua forma de boca temerosa e olhos relaxados e abertos. Tais variações de projeto impactantes não deveriam existir. Deve haver especificações de projeto feitas para cada smiley. O usuário não deve estar sujeito ao capricho artístico do fornecedor. É responsabilidade do vendedor projetar com cuidado e prestar atenção ao que os outros vendedores estão fazendo. 

Nos bastidores do Subcomitê

Por um breve tempo, fui membro do Subcomitê Unicode Emoji (ESC), repassando o Facebook junto com o resto da equipe Emoji da FB. Durante meu tempo no ESC, aprendi um pouco sobre suas políticas de bastidores:

  • Uma vez atribuído a um emoji um nome curto CLDR, não há como voltar atrás. Mesmo que o significado de um emoji mude com o tempo devido às tendências lingüísticas e à evolução, o nome abreviado CLDR original permanece o mesmo. Como os emojis atuam como parte da linguagem, eles inevitavelmente evoluirão com a linguagem. 
  • Há uma boa quantidade de resistência entre os fornecedores em relação ao seu estilo de design interno. A Apple é a menos colaborativa e a mais reservada. Enquanto isso, Google e Facebook são colaborativos, engajados e comunicativos. Nos últimos dois anos, o Google realmente intensificou seus emojis para fluir melhor com os outros vendedores.
  • Além de ser a menos cooperativa, a Apple é também a maior lançadora de tendências no design da Emoji. A Apple domina em estilo e tem um impacto significativo na forma como muitos emojis são/foram projetados (especialmente os primeiros conjuntos Emoji).
    • NOTA: Eu ainda amo a qualidade do design da Apple. De certa forma, é uma coisa boa que eles dominam o estilo - mas eles definitivamente têm espaço para melhorar suas habilidades de colaboração.
  • Há uma grande distorção de idade, sexo e cor dentro do Unicode Consortium. A filiação é bastante aberta, portanto esta deturpação não é necessariamente culpa da Unicode.. Prezados vendedores Emoji: Favor apoiar a representação diversificada, encorajando os demográficos mistos a participar de comitês como o ESC - comitês que tomam decisões que nos afetam em escala global.

As dores da CLDR Naming & Evolution of Language

Se você soubesse os nomes curtos do CLDR de alguns emojis comuns, você provavelmente ficaria surpreso. Como mencionado, o Emoji está sujeito à mesma evolução da linguagem; também não temos como prever como a população geral interpretará e usará emojis novos (ou antigos). Às vezes usamos os novos emojis da maneira que eles foram destinados a ser usados - outras vezes, não tanto. É um jogo de azar.

Como a interpretação e o significado dos emoji é fluido, enquanto o nome abreviado CLDR é gravado em pedra, o nome abreviado CLDR muitas vezes se torna ultrapassado. 

Um par de emojis notáveis com nomes CLDR desatualizados ou imprecisos são:

  • "cara de beicinho"
  • "mão que dá gorjeta à pessoa"

Cara de beicinho

O emoji vermelho, com aspecto de grisalha, é chamado de "rosto amuado" - e não de "rosto zangado". O design original da Apple para "rosto amuado" era vermelho; porque a Apple é um definidor de tendências - o "rosto amuado" sobre "rosto irritado" é, tem sido e provavelmente continuará sendo o rosto vermelho. 

emoji com cara de zangado vs. amuado

Embora o nome CLDR para "rosto amuado" essencialmente não faça sentido, o nome CLDR não é de forma alguma um bloqueador. Felizmente, as palavras que ativam os emojis em seus dispositivos não estão ligadas aos nomes curtos CLDR. Se você digitar "zangado" enquanto estiver enviando mensagens de texto em um iPhone, a "cara de beicinho" vai aparecer. Ironicamente, se você digitar "beicinho", "pouty", ou "cara de beicinho", o emoji de face vermelha não aparecerá como uma opção sugerida.

Mão de pontapés de pessoa

Outro emoji com um nome abreviado CDLR, que não se notava nada no barco, é - "mão de quem dá gorjeta". Ao longo de sua existência, a "mão que inclina a pessoa" tem sido usada para transmitir atitude, sarcasmo e atrevimento. "Atrevido" é a palavra de gatilho do iPhone para este emoji. Entretanto, ela foi originalmente criada para representar uma pessoa na indústria de serviços.
Tela Filmada 2020-04-27 às 3.45.38 AM

Agora, para a Parte Cautelosa

Os Emojis carregam vários significados matizados que não só mudam com o tempo, mas também diferem entre culturas e comunidades. Como não existe um design Emoji universal, e como cada vendedor Emoji toma suas próprias liberdades artísticas ao criar conjuntos Emoji, sempre haverá espaço para confusão durante a comunicação entre plataformas. Assim como um rosto real, adicionar uma pitada no canto da boca ou criar a ilusão de uma saliência nos olhos pode rapidamente transformar um emoji em uma nova expressão, produzindo uma mensagem alterada. Cada pixel conta.

Embora não possamos controlar as intenções ou variações sutis do Emoji, podemos incentivar a consistência do projeto

A fim de minimizar erros de comunicação e deturpação de intenções, é de igual responsabilidade de cada fornecedor considerar o impacto dos minúsculos detalhes que eles escolhem usar em seus projetos.

Algumas notas finais e recomendações

Recomendação para todos os fornecedores:

facewithahnd

O "rosto com a boca sobre a boca" precisa de direção. Os designs da Apple e do Facebook para este emoji apresentam olhos abertos, enquanto o design de todos os outros apresenta olhos sorridentes. Os olhos sorridentes afetam muito a forma como este emoji é interpretado. Com olhos sorridentes, o "rosto com a mão sobre a boca" parece risonho - como se estivesse cobrindo a boca enquanto roncava. Os desenhos com olhos abertos da Apple e do Facebook, por outro lado, parecem chocados.

Não há uma resposta correta para como os olhos devem ficar neste projeto - mas eles devem ser consistentes. Ou a Apple e o Facebook precisam ajustar seus olhos, ou os outros fornecedores precisam adotar o visual da Apple e do Facebook para esta expressão. 

Recomendação para Windows:

Tela Filmada 2020-04-27 às 12.42.56 PM

Todos os projetos de fornecedores para "cara sorridente" são consistentes - exceto o projeto do Windows. As janelas precisam recriar este desenho com um sorriso de dente aberto.

Windows, tudo o que você precisa fazer é mudar sua boca "cara sorridente" para combinar com sua forma de boca de "cara sorridente com olhos grandes", e então você pode estar em sincronia com todos os outros.

Recomendações para Unicode:

Embora o "rosto amuado" do Facebook apareça amarelo no Lista Unicode Emoji, O "rosto amuado" do Facebook realmente adere ao padrão de face vermelha. É assim que você pode dizer: 

Unicode, você precisa atualizar sua tabela.

Mais recomendações para os vendedores Emoji e pessoas do mundo:

Como discuti anteriormente, há uma falta de diversidade no Subcomitê Emoji. É responsabilidade de cada fornecedor incentivar seus funcionários de diferentes demografias a se envolverem. Além disso, é responsabilidade de cada fornecedor, profissionais técnicos e estudantes podem participar por apenas $75 e $35 por ano (respectivamente). Confira, e veja como você pode se envolver.


Notas e Recursos para Aprendizagem Adicional

Foco em Faces:

Como mencionado, sou especialista na arte e na ciência das expressões faciais. Por esta razão, optei por focar este posto no desenho de smileys em específico. Há muitos outros desafios que vêm com o design baseado na não-expressão (isto é, objetos, símbolos, etc.) Emoji.

Gritar: 

Aqui estão algumas fontes que me inspiraram a aprender mais sobre a lingüística de Emoji:

  1. Fale a Conversa na RTR FM
    Fale a Conversa é um talk show lingüístico australiano. Eu recomendo ouvir a palestra deles sobre a evolução do Emoji.
  2. O Código Emoji: A Lingüística por trás das caras sorridentes e dos gatos assustados
    O Código Emoji é um livro sobre a lingüística de Emoji. Ele cobre a história, psicologia, sociologia e antropologia do uso do Emoji. T
    alk the Talk me apresentou a este livro em seu outro episódio de Emoji.

Mais Fontes Informativas

  • https://emojitracker.com
    • O Emoji Tracker mostra um feed ao vivo dos emojis que estão sendo usados atualmente no Twitter / como eles estão sendo usados.
  • https://emojipedia.org/
    • Emojipedia é um mecanismo de busca de emoji que permite que você navegue e aprenda sobre cada emoji.

Gramática da palavra "emoji

Gastei uma boa quantidade de luto contemplando a capitalização da palavra "emoji". Quando eu li O Código EmojiO autor, Vyvyan Evans, delineou quando capitalizar corretamente. De acordo com Evans, você deve capitalizar o "e" quando Emoji é referido como um sistema; entretanto, outras fontes - incluindo o Buzzfeed Style Guide (que eu adoro) - não capitalizam o "e". Se você notar uma capitalização inconsistente em minha escrita - agora você sabe por quê.

Minha busca de informações sobre a capitalização do Emoji me levou a outra toca de coelho na pluralidade do Emoji. Algumas fontes dizem que o plural de "emoji" é "emoji", mas acabei indo com a versão do Guia de Estilo Buzzfeed de abordar a pluralidade de "emoji" - que pluraliza "emoji" como "emojis".

Mais sobre capitalização e pluralidade Emoji: