diseño consciente: todo lo que hiciste y no quisiste saber sobre emoji

mindblownemoji

Cuando diseñes un producto, debes recordar que no estás diseñando para ti mismo: Estás diseñando para el usuario. El diseño de productos es una forma de arte de sacrificio. Las opiniones personales, el ego, y la licencia creativa están en segundo lugar a la usabilidad y la función. 

El Emoji es uno de esos productos que muchos usan pero pocos se detienen a pensar. Hay mucho más en el diseño del Emoji de lo que uno podría suponer. Los emojis no son sólo dibujos divertidos; son ayudas lingüísticas que se usan para enriquecer el texto con valor emocional, clarificar la intención, sustituir palabras y dar un toque no verbal a una forma de comunicación que de otra manera sería plana. 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, lo que está en juego es aún más importante. 

Diseño de Vendedores Emoji

emojivendor

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

El asesoramiento en el diseño de la expresión del Emoji me ha enseñado mucho sobre las consideraciones que entran en el diseño de productos de uso común. Tienes que pensar en cosas como:

  • Legibilidad
    • Debido a que los emojis son tan pequeños, cada diseño debe ser simple y claro para mantener la legibilidad.
  • Consistencia 
    • En un conjunto de emoji, cada diseño debe ser consistente con el siguiente. Esto significa que las formas de los rasgos faciales como los ojos, cejas y boca deben ser limitadas e intercambiables. Otros factores como el grosor de las líneas y la paleta de colores también deben tenerse en cuenta.
  • Cohesión de la marca
    • Además de la consistencia intradiseñada, el diseño de todo el conjunto de emoji debe coincidir con la marca general de su proveedor, por ejemplo, la marca de Apple es simple y limpia, por lo que sus diseños de emoji deben seguir el ejemplo. 
  • Comunicación
    • ¿Comunica el emoji su significado al usuario?
  • Y aproximadamente 10.000 otras tensiones

Imagina todas estas consideraciones - pero con la presión añadida de crear algo usado para comunicar pensamientos y traducir complejas emociones humanas en un círculo 2D con puntos para los ojos y una línea para la boca!

 

Ahora tienes que pensar en..:

  • Estilización vs. Realismo
    • Debido a que los emojis fueron hechos para imitar la expresión humana, cada emoji es una representación estilizada de algo real. Representar la realidad a través de un diseño estilizado no es una tarea fácil.
  • Traduciendo la simplicidad
    • Traducir una expresión de un rostro humano complejo a un diseño de forma simple requiere creatividad y estrategia. Hay muchos obstáculos con los que se enfrentará durante este proceso. Por ejemplo, la emoción de asco se expresa típicamente con una nariz arrugada o un labio superior levantado. Los emojis no tienen narices, 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 por la expresión facial; en su lugar, estos emojis suelen ser ayudados con accesorios adicionales - como "vómito".
  • Expresividad
    • Después de transformar una expresión compleja en un diseño simple, hay que ampliar el aspecto para mantener la expresividad.

Cómo se hacen los emojis: Una cuchara de información privilegiada

storksemojimade

Los emojis se complican aún más por el hecho de que para ser oficial, cada diseño (que puede ser presentado por cualquiera) debe ser primero aprobado por la USubcomité del nicode Emoji. Unicode es "una norma de tecnología de la información para la codificación, representación y manejo consistente de texto expresado en la mayoría de los sistemas de escritura del mundo.” Aunque la representación general y los términos clave (denominados "Nombre corto de CLDR") para cada emoji aprobado son estandarizados, los requisitos específicos de diseño son muy sueltos y no regulados. Una vez que un emoji es aprobado y se le asigna su código único, los vendedores individuales de emoji como Apple, Facebook, Google, Samsung y Twitter crean sus propias versiones estilizadas de cada representación de 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 del emoji de Samsung, y viceversa. Antes de que Samsung actualizara su apariencia, sus opciones de diseño de emoji eran incompatibles con los diseños de otros proveedores. Esta inconsistencia dio lugar a mucha confusión entre los usuarios.

En aquel entonces, esta era la "cara de mueca" de Samsung:

la vieja mueca de Samsung significa

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

la actual mueca de Samsung

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

akkavebdrs

Piensa en las interminables oportunidades de mala interpretación cuando un usuario de iPhone juguetonamente le envía a su amigo Samsung una "mueca". Debido a que la versión de Samsung tiene las cejas arrugadas, los ojos entrecerrados y una boca agresiva, su mueca es hostil y de aspecto enojado. La versión de Apple, por otro lado, transmite un sentimiento neutral de "oops" o "yikes" con su forma de boca temerosa y ojos relajados y abiertos. Tales variaciones de diseño impactantes no deberían existir. Debería haber especificaciones de diseño hechas para cada sonrisa. El usuario no debe estar sujeto al capricho artístico del vendedor. Es responsabilidad del vendedor diseñar con cuidado y prestar atención a lo que hacen los demás vendedores. 

Entre bastidores en el Subcomité

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

  • Una vez que a un emoji se le asigna un nombre corto de CLDR, no hay vuelta atrás. Incluso si el significado de un emoji se transforma con el tiempo debido a las tendencias lingüísticas y a la evolución, el nombre corto original de CLDR sigue siendo el mismo. Debido a que los emojis actúan como parte del lenguaje, inevitablemente evolucionarán con el lenguaje. 
  • Hay una buena cantidad de resistencia entre los vendedores con respecto a su estilo de diseño interno. Apple es el menos colaborador y el más reservado. Mientras que Google y Facebook son colaborativos, comprometidos y comunicativos. En los últimos dos años, Google ha aumentado sus emoticonos para fluir mejor con los otros vendedores.
  • Además de ser la menos cooperativa, Apple es también la mayor creadora de tendencias en el diseño de Emoji. Apple domina en estilo e impacta significativamente en la forma en que muchos emojis son/han sido diseñados (especialmente los primeros sets de Emoji).
    • NOTA: Todavía me encanta la calidad del diseño de Apple. En cierto modo, es bueno que dominen el estilo, pero definitivamente tienen espacio para mejorar sus habilidades de colaboración.
  • Hay una gran falsificación de la edad, el género y el color dentro del Consorcio Unicode. La membresía 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 los grupos demográficos mixtos a participar en comités como el ESC - comités que toman decisiones que nos afectan a escala global.

Los dolores de la denominación CLDR y la evolución del lenguaje

Si supieras los nombres cortos de algunos emojis comunes de la CLDR, probablemente te sorprenderías. Como se mencionó, el emoji está sujeto a la misma evolución que el lenguaje; tampoco tenemos forma de predecir cómo la población general interpretará y usará los nuevos (o viejos) emojis. A veces usamos los nuevos emojis de la manera en que se pretende usarlos, otras veces, no tanto. Es una apuesta.

Como la interpretación y el significado de los emoji es fluida, mientras que el nombre corto de CLDR está grabado en piedra, el nombre corto de CLDR a menudo se vuelve anticuado. 

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

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

Cara de puchero

El emoji rojo con aspecto de enfado se llama "cara de puchero", no "cara de enfado". El diseño original de Apple para "cara de puchero" era roja; porque Apple es un creador de tendencias - la "cara de puchero" sobre la "cara de enfado" es, ha sido, y probablemente seguirá siendo la cara roja. 

enfadado vs. cara de puchero emoji

Aunque el nombre CLDR para "cara de puchero" esencialmente no tiene sentido, el nombre CLDR no es de ninguna manera un bloqueador. Afortunadamente, las palabras que desencadenan los emojis en sus dispositivos no están ligadas a los nombres cortos de CLDR. Si escribes "enojado" mientras escribes un mensaje de texto en un iPhone, la "cara de puchero" aparecerá. Irónicamente, si escribes "puchero", "puchero" o "cara de puchero", el emoji de cara roja no aparece como una opción sugerida.

Persona que da la mano

Otro emoji con un nombre corto de CDLR que se perdió por completo es... "Persona inclinando la mano". A lo largo de su existencia, la "persona que inclina la mano" se ha utilizado para transmitir actitud, sarcasmo y descaro. "Sassy" es la palabra detonante del iPhone para este emoji. Sin embargo, fue creado originalmente para representar a una persona del sector servicios.
Captura de pantalla 2020-04-27 a las 3.45.38 AM

Ahora para la parte consciente

Los emojis tienen varios significados matizados que no sólo cambian con el tiempo, sino que difieren entre culturas y comunidades. Debido a que no hay un diseño universal de Emoji, y a que cada vendedor de Emoji se toma sus propias libertades artísticas al crear sets de Emoji, siempre habrá espacio para la confusión durante la comunicación entre plataformas. Al igual que una cara real, añadir un pellizco en la comisura de la boca o crear la ilusión de un abultamiento en el ojo 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 variaciones sutiles del Emoji, podemos fomentar la consistencia del diseño

Para reducir al mínimo la falta de comunicación y la tergiversación de la intención, es responsabilidad de cada proveedor considerar el impacto de los pequeños detalles que decidan utilizar en sus diseños.

Algunas notas finales y recomendaciones

Recomendación para todos los proveedores:

facewithahnd

"Cara con la mano sobre la boca" necesita dirección. Los diseños de Apple y Facebook para este emoji abren los ojos, mientras que el diseño de todos los demás tiene ojos sonrientes. Los ojos sonrientes afectan en gran medida la forma en que se interpreta este emoji. Con los ojos sonrientes, "Cara con mano sobre la boca" parece risueño, como si se cubriera la boca mientras se ríe. Los diseños de Apple y Facebook de ojos abiertos, por otro lado, parecen sorprendidos.

No hay una respuesta correcta de cómo deben verse los ojos en este diseño, pero deben ser consistentes. O Apple y Facebook necesitan ajustar sus ojos, o los otros vendedores necesitan adoptar el look 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 de "caritas sonrientes" son consistentes - excepto el diseño de Windows. Windows necesita recrear este diseño con una sonrisa abierta.

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

Recomendaciones para Unicode:

Aunque la "cara de puchero" de Facebook aparece en amarillo en el La lista de Unicode Emoji, La "cara de puchero" de Facebook en realidad se adhiere al estándar de la cara roja. Así es como se puede saber: 

Unicode, tienes que actualizar tu historial.

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

Como ya he dicho antes, hay una falta de diversidad en el Subcomité Emoji. Es responsabilidad de cada vendedor animar a sus empleados de diferentes demografías a involucrarse. Además, los profesionales técnicos y los estudiantes pueden unirse por sólo $75 y $35 por año (respectivamente). Compruébalo, y mira cómo puedes involucrarte.


Notas y recursos para el aprendizaje adicional

Concéntrese en las caras:

Como he mencionado, me especializo en el arte y la ciencia de las expresiones faciales. Por esta razón, he elegido centrar este post en el diseño de smileys en concreto. Hay muchos otros desafíos que vienen con el diseño de Emoji no basado en la expresión (es decir, objetos, símbolos, etc.).

Grita: 

Aquí hay un par de fuentes que me inspiraron a aprender más sobre la lingüística de los Emoji:

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

Fuentes de información

  • https://emojitracker.com
    • El Rastreador de Emoji te muestra un video en vivo de qué emojis se usan actualmente en Twitter / cómo se usan.
  • https://emojipedia.org/
    • Emojipedia es un motor de búsqueda de emoji que te permite navegar y aprender sobre cada emoji.

Gramática de la palabra "emoji"

Pasé una buena cantidad de dolor contemplando la capitalización de la palabra "emoji". Cuando leí El Código Emojiel autor, Vyvyan Evans, señaló cuándo capitalizar correctamente. Según Evans, se supone que debes poner la "e" en mayúsculas cuando se refiere a Emoji como un sistema; sin embargo, otras fuentes - incluyendo la Guía de Estilo Buzzfeed (que me encanta) - no ponen la "e" en mayúsculas. Si notan una inconsistencia en las mayúsculas en mis escritos, ahora saben por qué.

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

Más sobre la capitalización y pluralidad de los emoji: