“Los ogros son como las cebollas… los dos tenemos capas”, dice Shrek en el éxito de Dreamworks, la animación en 3D “Shrek”. El famoso protagonista verde emplea esta analogía para describir su compleja personalidad. Al igual que ocurre con una cebolla, puede llevar algún tiempo pelar las frívolas apariencias externas para entender la esencia de Shrek. Es probable que nuestro ogro se sorprendiese con el mundo del email.

Recientemente, el diseño del email ha ido prescindiendo de las texturas más complejas del mundo del 3D y derivando hacia algo llamado “diseño plano”. Con el diseño plano en 2D, hay cada vez menos formas dimensionales. No hacen falta muchos clics con el ratón para llegar al mensaje principal. Estas son las razones que llevan a todos a hacer esta transición, que tú también deberías hacer:

La espera ha sido larga

Screen-Shot-2015-06-10-at-12.29.16-PM

Recuerda la primera aplicación de notas de iOS. Era una agenda encuadernada en cuero con papel amarillo, rayas y todo. Se parecía al objeto real y nos facilitó la transición del papel y el bolígrafo a las notas en la pantalla táctil. La aplicación de notas actual es simplemente un lienzo blanco.

El diseño plano es el resultado de una evolución natural de la experiencia del usuario. A medida que el mercado de consumidores se va familiarizando con la tecnología (o en este caso, el email), se necesitan menos ayudas visuales para pasar de la “acción A” a la “acción B”. Según un estudio reciente, solo en América las personas pasan una media de 11 horas al día usando medios electrónicos. Para que tengamos una cierta perspectiva, la mayoría está despierta entre 16 y 18 horas diarias.

El diseño plano abarca los límites de la pantalla en lugar de adornarla, como hacía su predecesor, el skeumorfismo. El skeumorfismo, evidente en la vieja agenda amarilla de la izquierda, imita un objeto de la vida real. Si observamos los dos diseños uno al lado del otro, vemos que el skeumorfismo, cargado de detalles, ocupa más espacio en la pantalla. El enfoque minimalista del diseño plano ofrece unos tiempos de carga más cortos y más espacio para ser creativo.

Abrir paso al contenido

El diseño plano también surge al comprender que el contenido es lo más importante. En el bullicioso mundo digital no siempre es fácil abrirse paso por la bandeja de entrada. Si eliminamos los elementos de diseño más llamativos, permitimos que el lector encuentre lo que le interesa.

Este email de bienvenida de Invision da justo en el clavo. Hay cuatro vídeos de presentación que cobran protagonismo, con su color rosa corporativo incluido en las llamadas a la acción. Con este enfoque paso a paso no se intimida al usuario novato que quiere saber más sobre el producto y ponerse en marcha.

Welcome-to-InVision-680x4491/center>
Por otro lado Litmus tiene una disposición del bloque de color bien marcada en su email. Se trata de una forma más sutil de ofrecer un contexto y condicionar a los usuarios a que interactúen con el contenido de una forma determinada.

Welcome-Email-Newsletter-Design-from-Litmus
Dropbox tiene un email que ejemplifica muy bien cómo se pueden utilizar imágenes minimalistas para mejorar un email que incluye mucho texto. El email utiliza el “espacio negativo” – el espacio en blanco que no ocupan la cámara y los elementos fijos – para crear un equilibrio y desviar la atención hacia el mensaje personalizado que hay debajo.

Screen-Shot-2015-06-10-at-12.30.48-PM
 

Apto para todas las pantallas

Como mencionamos antes, puesto que el diseño plano funciona dentro de los límites de la pantalla, contribuye a una experiencia más adaptativa de lectura de email. Tanto Invision como Litmus adoptan la plantilla de email de una columna tan utilizada en la actualidad La jerarquía clara de los bloques facilita la labor de dimensionar un email en pantallas de distintos tamaños.

Al eliminar patrones y texturas voluminosos e incómodos, los diseñadores ahorran tiempo, ya que no tienen que preocuparse de si algunos elementos tardan más en cargarse en un teléfono móvil o una tableta.

A la hora de la verdad, tus consumidores y tu equipo de diseño disfrutan de un final feliz. El diseño plano representa el movimiento que piensa primero en el consumidor y que ofrece contenido de calidad del modo más asimilable. No se puede saber cuánto tiempo perdurará el diseño plano, pero sin duda seguirá evolucionando a medida que los usuarios interaccionen con los nuevos dispositivos que aparezcan.

El equipo de Mailjet ha trabajado mucho para elaborar un modo novedoso, más rápido y más fácil de crear estupendos emails. ¡Atento a un anuncio que haremos dentro de unas semanas!