Diseño consciente: Todo lo que sabías y no querías saber sobre el diseño emoji

mindblownemoji

 

Cuando se diseña un producto, hay que recordar que no se diseña para uno mismo: Estás diseñando para el usuario. El diseño de productos es una forma sacrificada de arte. Las opiniones personales, el ego y las licencias creativas están por encima de la usabilidad y la funcionalidad. 

El emoji es uno de esos productos que muchos utilizan pero en los que pocos se paran a pensar. En el diseño de un emoji intervienen muchas más cosas de las que cabría suponer. Los emojis no son sólo imágenes divertidas; son ayudas lingüísticas que enriquecen el texto con valor emocional, clarifican la intención, sustituyen a las palabras y aportan un toque no verbal a la comunicación basada en texto. El diseño, en general, ya es bastante complicado, pero cuando se desarrolla un producto que sin duda se utilizará como forma de comunicación, la apuesta es aún mayor. 

 

Diseño de vendedores Emoji

iconos de proveedores de emoji: Apple, Facebook, Google, Microsoft, Twitter


Me especializo en la ciencia y el arte de las expresiones faciales y he actuado como consultor sobre expresividad Emoji para grandes empresas tecnológicas. (Más recientemente, Me contrataron para ayudar con el diseño y la animación de la nueva Care Reaction de Facebook.)

Asesorar en el diseño de la expresión Emoji me ha enseñado mucho sobre las consideraciones que hay que tener en cuenta en el diseño de productos de uso generalizado. Hay que pensar en cosas como:

  • Legibilidad
    • Como los emojis son tan pequeños, cada diseño debe ser sencillo y claro para mantener la legibilidad.
  • Coherencia 
    • En un conjunto de emoji, cada diseño debe ser coherente con el siguiente. Esto significa que las formas de rasgos faciales como ojos, cejas y bocas deben ser limitadas e intercambiables. También hay que tener en cuenta otros factores, como el grosor de las líneas y la paleta de colores.
  • Cohesión de marca
    • Además de la coherencia dentro del diseño, el diseño de todo el conjunto de emoji tiene que coincidir con la marca general de su proveedor; por ejemplo, la marca Apple es sencilla y limpia, así que sus diseños de emoji tienen que seguir el ejemplo. 
  • Comunicación
    • ¿Comunica el emoji su significado al usuario?
  • Y aproximadamente otros 10.000 factores de estrés

Imagínese todas estas consideraciones, pero con la presión añadida de crear algo que sirva para comunicar pensamientos y traducir emociones humanas complejas en un círculo 2D con puntos como ojos y una línea como boca.

 

Ahora tienes que pensar en:

  • Estilización frente a realismo
    • Dado que los emojis se crearon para imitar la expresión humana, cada emoji es una representación estilizada de algo real. Representar la realidad mediante un diseño estilizado no es tarea fácil.
  • Traducir la sencillez
    • Traducir una expresión de un rostro humano complejo a un diseño de forma simple requiere creatividad y estrategia. Hay muchos obstáculos a los que tendrá que enfrentarse durante este proceso. Por ejemplo, la emoción del asco suele expresarse con la nariz arrugada o el labio superior levantado. Los emojis no tienen nariz, y sus labios son demasiado simples para transmitir las sutilezas de un labio superior levantado. Actualmente no hay ningún emoji que represente el asco sólo con la expresión facial; en su lugar, estos emojis suelen ayudarse de accesorios añadidos, como el "vómito".
  • Expresividad
    • Tras transformar una expresión compleja en un diseño sencillo, hay que amplificar el aspecto para conservar la expresividad.

 

Cómo se hacen los emojis: Información privilegiada

 

cigüeñasemojimade

Los emojis se complican aún más por el hecho de que, para convertirse en oficiales, cada diseño (que puede presentar cualquier persona) debe ser primero aprobado por la USubcomité nicode Emoji. Unicode es "norma informática para la codificación, representación y tratamiento coherentes de textos expresados en la mayoría de los sistemas de escritura del mundo." Aunque la representación general y los términos clave (denominados "CLDR nombre corto") para cada emoji aprobado están estandarizados, los requisitos específicos de diseño son muy laxos y no están regulados. Una vez que se aprueba un emoji y se le asigna su código único, los proveedores individuales de emoji como Apple, Facebook, Google, Samsung y Twitter crean sus propias versiones estilizadas de cada representación emoji.

El principal problema con los diseños de múltiples proveedores para cada emoji entra en juego durante la comunicación entre plataformas. Si un usuario de iPhone envía un mensaje a un usuario de Samsung, el usuario de Samsung sólo verá el diseño de emoji de Samsung, y viceversa. Antes de que Samsung actualizara su aspecto, sus opciones de diseño de emoji eran incompatibles con los diseños de otros proveedores. Esta incoherencia daba lugar a mucha confusión entre los usuarios.

En su día, esta era la "cara de mueca" de Samsung:

samsung old grimace mean

Este es ahora el diseño de "cara mueca" de Samsung: 

actual mueca de samsung

Y esta es la lista actual con los diseños de todos:

akkavebdrs

Piensa en las infinitas oportunidades de malinterpretación cuando un usuario de iPhone envía juguetonamente a su amigo de Samsung una "mueca". Como la versión de Samsung tiene las cejas fruncidas, los ojos entrecerrados y una boca agresiva, su mueca es hostil y parece enfadada. La versión de Apple, por el contrario, transmite un sentimiento neutro de "¡Uy!" o "¡Uy!" con la forma de la boca parecida al miedo y los ojos relajados y abiertos. No deberían existir variaciones de diseño tan impactantes. Debería haber especificaciones de diseño para cada smiley. El usuario no debería estar sujeto al capricho artístico del vendedor. Es responsabilidad del vendedor diseñar con conciencia y prestar atención a lo que hacen los demás vendedores. 

Entre bastidores en la Subcomisión

Durante un breve periodo de tiempo, fui miembro del Subcomité Unicode Emoji (ESC), representando a Facebook junto con el resto del Equipo Emoji de FB. Durante mi tiempo en el ESC, aprendí un poco sobre su política entre bastidores:

  • Una vez que a un emoji se le asigna un nombre corto CLDR, no hay vuelta atrás. Incluso si el significado de un emoji cambia con el tiempo debido a las tendencias lingüísticas y la evolución, el nombre corto CLDR original sigue siendo el mismo. Dado que los emojis forman parte del lenguaje, es inevitable que evolucionen con él. 
  • Existe una buena dosis de resistencia entre los fabricantes respecto a su estilo de diseño interno. Apple es el menos colaborativo y el más reservado. Por su parte, Google y Facebook son colaborativos, comprometidos y comunicativos. En los dos últimos años, Google ha mejorado mucho sus emojis para adaptarse mejor a los demás proveedores.
  • Además de ser el menos cooperativo, Apple es también el mayor creador de tendencias en el diseño de Emoji. Apple domina en estilo e influye significativamente en la forma en que se diseñan/han diseñado muchos emojis (especialmente los primeros conjuntos Emoji).
    • NOTA: Me sigue encantando la calidad del diseño de Apple. En cierto modo, es bueno que dominen el estilo, pero sin duda tienen margen para mejorar sus habilidades de colaboración.
  • En el Consorcio Unicode hay una gran representación errónea de la edad, el sexo y el color. La afiliación es bastante abierta, por lo que esta tergiversación no es necesariamente culpa de Unicode.. Queridos vendedores de Emoji: Por favor, apoye la representación diversa animando a grupos demográficos mixtos a participar en comités como el CES, comités que toman decisiones que nos afectan a escala mundial.

Dolores de la CLDR Nomenclatura y evolución del lenguaje

Si conocieras los nombres abreviados CLDR de algunos emojis comunes, probablemente te sorprenderías. Como ya hemos dicho, los emoji están sujetos a la misma evolución que el lenguaje; tampoco tenemos forma de predecir cómo interpretará y utilizará la población en general los emojis nuevos (o antiguos). A veces utilizamos los nuevos emojis de la forma para la que fueron concebidos, otras veces no tanto. Es un juego de azar.

Dado que la interpretación y el significado de los emoji son fluidos, mientras que el nombre corto CLDR está grabado en piedra, el nombre corto CLDR a menudo queda obsoleto. 

Un par de emojis notables con nombres CLDR obsoletos o inexactos son:

  • "cara de puchero"
  • "persona que inclina la mano"

 

Cara de puchero

El emoji rojo con cara de enfado se llama "cara de puchero", no "cara de enfado"." El diseño original de Apple para la "cara de enfado" era el rojo; como Apple marca tendencias, la "cara de enfado" por encima de la "cara enfadada" es, ha sido y probablemente seguirá siendo la cara roja. 

emoji de cara enfadada vs. cara de puchero

Aunque el nombre CLDR para "cara de puchero" esencialmente no tiene sentido, el nombre CLDR no es en absoluto un bloqueador. Por suerte, las palabras que activan los emojis en tus dispositivos no están vinculadas a nombres cortos CLDR. Si escribes "enfadado" mientras envías un mensaje de texto en un iPhone, aparecerá la "cara de enfado". Irónicamente, si escribes "puchero" o "cara de puchero", el emoji de la cara roja no aparecerá como opción sugerida.

 

Persona que da la mano

Otro emoji con un nombre corto CDLR que perdió totalmente el barco es - "persona propina"." A lo largo de su existencia, "persona que inclina la mano" se ha utilizado para transmitir actitud, sarcasmo y descaro. "Descarado" es la palabra desencadenante del iPhone para este emoji. Sin embargo, originalmente se creó para representar a una persona del sector servicios.
Captura de pantalla 2020-04-27 a las 3.45.38 AM

 

Ahora, la parte consciente

Los emojis tienen significados variados y matizados que no sólo cambian con el tiempo, sino que difieren entre culturas y comunidades. Dado que no existe un diseño universal de Emoji y que cada proveedor de Emoji se toma sus propias libertades artísticas a la hora de crear conjuntos de Emoji, siempre habrá lugar para la confusión durante la comunicación entre plataformas. Al igual que ocurre con un rostro real, añadir un pellizco en la comisura de la boca o crear la ilusión de un ojo saltón puede transformar rápidamente un emoji en una nueva expresión que produzca un mensaje alterado. Cada píxel cuenta.

Aunque no podemos controlar las intenciones o las sutiles variaciones de Emoji, podemos fomentar la coherencia del diseño

Para minimizar la falta de comunicación y la tergiversación de intenciones, todos los vendedores tienen la misma responsabilidad de considerar el impacto de los pequeños detalles que deciden utilizar en sus diseños.

 

Algunas notas finales y recomendaciones

Recomendación para todos los vendedores:

faceewahnd

"Cara con la mano sobre la boca" necesita una dirección. Los diseños de Apple y Facebook para este emoji presentan ojos abiertos, mientras que el diseño de todos los demás presenta ojos sonrientes. Los ojos sonrientes influyen mucho en la interpretación de este emoji. Con los ojos sonrientes, la "cara con la mano sobre la boca" parece risueña, como si se estuviera tapando la boca mientras se ríe. En cambio, los diseños de Apple y Facebook con los ojos abiertos parecen sorprendidos.

No hay una respuesta correcta a cómo deben ser los ojos en este diseño, pero deben ser coherentes. O bien Apple y Facebook tienen que ajustar sus ojos, o bien los demás vendedores tienen que adoptar el aspecto de Apple y Facebook para esta expresión. 

Recomendación para Windows:

Captura de pantalla 2020-04-27 a las 12.42.56 PM

Todos los diseños de los proveedores para la "cara sonriente" son consistentes - excepto el diseño de Windows. Windows necesita recrear este diseño con una sonrisa de dientes abiertos.

Windows, todo lo que necesitas hacer es cambiar tu boca de "cara sonriente" para que coincida con la forma de tu boca de "cara sonriente con ojos grandes", y entonces podrás estar en sincronía con todos los demás.

Recomendaciones para Unicode:

Aunque la "cara de puchero" de Facebook aparece amarilla en el Lista Unicode Emoji, La "cara de puchero" de Facebook se ajusta en realidad a la norma de la cara roja. Así es como puedes saberlo: 

Unicode, debe actualizar su gráfico.

Más recomendaciones para vendedores de Emoji y gente del mundo:

Como he comentado antes, hay una falta de diversidad en el Subcomité Emoji. Es responsabilidad de cada proveedor animar a sus empleados de diferentes grupos demográficos a participar. Además, los profesionales técnicos y los estudiantes pueden afiliarse por sólo $75 y $35 al año (respectivamente). Compruébelo y vea cómo puede participar.


 

Notas y recursos para seguir aprendiendo

 

Centrarse en las caras:

Como ya he mencionado, estoy especializado en el arte y la ciencia de las expresiones faciales. Por este motivo, he decidido centrar este post en el diseño de emoticonos en concreto. El diseño de emoji no basados en expresiones (es decir, objetos, símbolos, etc.) plantea muchos otros retos.

 

Saludos: 

He aquí un par de fuentes que me inspiraron para aprender más sobre la lingüística de Emoji:

  1. Hablar por hablar en RTR FM
    Hablar por hablar es un programa de entrevistas lingüísticas australiano. Recomiendo escuchar su charla sobre la evolución de Emoji.
  2. El Código Emoji: La lingüística detrás de las caras sonrientes y los gatos asustadizos
    El Código Emoji es un libro sobre la lingüística de los Emoji. Abarca la historia, la psicología, la sociología y la antropología del uso de Emoji. T
    alk the Talk me presentó este libro en su otro episodio Emoji.

 

Más fuentes informativas

  • https://emojitracker.com
    • Emoji Tracker te muestra en directo qué emojis se están utilizando actualmente en Twitter / cómo se están utilizando.
  • https://emojipedia.org/
    • Emojipedia es un buscador de emoji que te permite navegar y aprender sobre cada emoji.

 

Gramática de la palabra "emoji

Me pasé un buen rato contemplando las mayúsculas de la palabra "emoji". Cuando leí El Código Emojiel autor, Vyvyan Evans, explicó cuándo se debe escribir correctamente en mayúsculas. Según Evans, hay que poner la "e" en mayúscula cuando se habla de Emoji como sistema; sin embargo, otras fuentes -incluida la Guía de Estilo de Buzzfeed (que me encanta)- no ponen la "e" en mayúscula. Si notas que escribo con mayúsculas y minúsculas de forma incoherente, ahora ya sabes por qué.

Mi búsqueda de información sobre el uso de mayúsculas en los emoji me llevó a otra madriguera de conejo sobre la pluralidad de los emoji. Algunas fuentes dicen que el plural de "emoji" es "emoji", pero terminé yendo con la versión de la Guía de Estilo de Buzzfeed de abordar la pluralidad emoji - que pluraliza "emoji" como "emojis".

 

Más sobre mayúsculas y pluralidad de Emoji: 

 

 

2 comentarios en “Mindful Design: Everything You Did and Didn’t Want to Know About Emoji Design”

Deja un comentario

Este sitio utiliza Akismet para reducir el spam. Conozca cómo se procesan los datos de sus comentarios.

Diseñado para estudios y equipos

Hablemos.

facetheFACS@melindaozel.com