2017: el año del blob

Por lo general, no me interesan las retrospectivas de diseño durante las vacaciones, ya que resaltan cosas que generalmente son pasadas, pero la tendencia generalizada de este año realmente me quedó grabada. 2017 es el año en que nació Blob.

¿Qué es el blob?

El Blob es una forma amorfa, pseudo-orgánica que se usa comúnmente para anclar visualmente las páginas de destino. Por lo general, sirve como máscara o telón de fondo para una ilustración. Alrededor del 90% del tiempo, el Blob se llena con un degradado y se sienta en la capa más baja de un diseño. Su relación con la marca o el producto suele ser ambigua, pero es una forma fácil de hacer la transición entre diferentes tipos de información sin ser demasiado bloqueada.

Aquí está mi Dribbble bucket-o-Blob que he comisariado. No es exhaustivo y no cuento los blobs que son: una parte significativa de una ilustración (capas de primer plano a fondo del paisaje), ondas u otras intenciones específicas (como gráficos reales).

Hay mucha homogeneidad alrededor de las paletas de colores.

¿De dónde vino el Blob?

Es difícil de decir. Sin embargo, tengo algunas teorías:

  1. El Blob es un compromiso o rechazo pasivo de la locura de la interfaz de usuario plana.

La rigidez y la frialdad de iOS 7 (e incluso la interfaz de usuario Metro de Windows) se ha vuelto insoportablemente mundana. Si bien podemos abrazar elementos planos y sólidos, necesitan equilibrio con formas orgánicas que se sientan acogedoras.

La interfaz de usuario de Windows Metro se basa en cuadrículas altamente equilibradas. Comienza a sentirse realmente clínico.

2. El Blob existe como un sustituto de la ilustración.

No todos pueden permitirse o ejecutar la ilustración en su diseño. Marcas de moda como Dropbox e Intercom tienen elementos blob-ulares como parte de su estilo de ilustración y los diseñadores quieren la calidad artesanal sin el esfuerzo de desarrollar un sistema completo. Es una inversión que necesitará nuevos activos para cada ocasión.

El estilo de ilustración de Intercom es súper lindo.

3. El Blob está aquí porque parece que está basado en datos y eso significa que su empresa es inteligente.

Aquí hay algo de psicología del diseño, pero simplemente: cuando vemos acciones crecientes de izquierda a derecha, nos sentimos reconfortados y probablemente confiamos más en lo que estamos interpretando. También es muy sugerente de cosas que miramos regularmente que asociamos con ser perspicaces. Por ejemplo:

Healthkit de AppleBellotas suaviza los gráficos en el historial de valor de su cuenta

Algunos ejemplos de IA con los que interactuamos en nuestra vida digital diaria también se expresan como Blobs (en diversos grados).

Siri marcó la pauta para muchos asistentes de IA.Google usa el principio de cierre para inferir un blob

En la práctica, es más probable que aparezca como un elemento estático "gráfico". Sin embargo, la intención es prácticamente la misma. Quieren sugerir que este producto está pensando en cómo proporcionar información y crecimiento.

Entonces, ¿sugieres que si compro esto, mis gráficos comenzarán a verse así? Muy genial. Muy genial.¿Aumento del compromiso? ¡No me importa si lo hago!

4. Los blobs son más convenientes en el diseño web receptivo.

Cualquiera que incorpore regularmente fotografía con sujetos humanos en su diseño sabe que el recorte de una foto y la geometría de su diseño pueden convertirse en una tarea difícil de controlar en diferentes puntos de interrupción. Demasiada frente aquí, recortando la sonrisa aquí, texto en los ojos aquí, etc. Es difícil predecir el comportamiento en múltiples dispositivos sin mucha especificidad. Los blobs resuelven ese problema realmente bien porque tienen las cualidades de formas y texturas orgánicas que anhelamos, pero no tienen ojos ni sonrisas, por lo que no nos importa si están oscurecidos o recortados de una manera menos predecible.

¡Oye, mira un blob psicodélico!No me importa si esto se recorta porque es solo un Blob hipster.

Hay muchas especies de blob por ahí. Algunos son realmente reflexivos y funcionan muy bien, tonalmente. Otros son arbitrarios, innecesarios y a veces complican la interfaz de usuario. ¿Has visto un Blob en la naturaleza? ¿Crees que son adornos inútiles o ayudan a equilibrar tu diseño? Cuéntame sobre eso.

Actualización 19/3/19:

Parece que algunas de las personas inteligentes de Prototypr.io han adaptado mi investigación para el desarrollo de una herramienta de creación de blobs (Blobmaker). Me quito el sombrero ante Richard Zimmerman por su trabajo. Gracias por el agradecimiento Richard!