miércoles, 10 de enero de 2018

Conviértete en un Diseñador de Clase Mundial al Hacer del Mundo tu Oficina

El gran diseño tiene la habilidad de guiarnos perfectamente a un resultado encantador. Abarca toda una experiencia cuando interactuamos con un producto o servicio. El gran diseño parece simple, pero es solo a través de una profunda comprensión de las personas y la decisión de desafiar la complejidad que se logra un gran diseño.
ser un diseñador de clase mundial
Los viajes nos ayudan a desentrañar esa complejidad al dar una nueva perspectiva a las ideas, así como a ayudarnos a experimentar problemas que afectan el mundo a escala global, o incluso esos pequeños detalles que podríamos perder mientras estamos sentados en una oficina normal. Un vuelo retrasado o cómo se rocía el chocolate en el café en esa nueva ciudad revela mucho acerca de la excelente experiencia del usuario y cómo diseñar la emoción. Los viajes ayudan a comprender ecosistemas completos y brindan una visión general completa de cómo estos toques a menudo pasados ​​por alto pueden cambiar por completo un estado de ánimo, crear una sonrisa y construir una marca. Las mejores marcas son las que tienen empatía y saben exactamente para quién existen y cómo ofrecer algo que a esas personas les importa.
Toma Airbnb, por ejemplo. Diseñaron un ecosistema de experiencia completo para satisfacer la alegría al comprender el recorrido del usuario desde todas las perspectivas, superando las expectativas desde el principio al agregar detalles como la fotografía profesional gratuita; y durante los primeros días, literalmente se sumergieron en la experiencia del usuario durmiendo en los pisos de sus primeros adoptantes para comprender el problema que les apasionaba resolver desde todos los ángulos. Los diseñadores deben experimentar los puntos débiles, así como el placer de la solución final para entregar realmente un trabajo de primer nivel, y eso es lo que el viaje hace por usted.

Experimentar el mundo y aplicar nuevas ideas

Ver el mundo puede hacernos diseñadores más productivos. Estar en el camino significa que no siempre podemos estar en línea. Esta desconexión periódica forzada ayuda a mantener el foco, porque simplemente no hay tiempo para las distracciones en línea cuando cada segundo cuenta. Recordando momentos en los que la productividad se intensificó, me llevo a los momentos intermedios cuando repentinamente me sentí entusiasmado por sacar mi portátil al aire, debido a la forma en que el sol golpeó el monitor frente a mí durante mi vuelo y me había recordado este optimismo futurista que se prestaba perfectamente al cambio de marca en el que estaba trabajando. Con productividad adicional, obtenemos soluciones más rápido y con menos estrés. Estamos haciendo nuestras propias mentes y los productos de nuestros clientes un favor. Además, se ha descubierto que viajar realmente puede hacernos más felices y más saludables.
Las soluciones de diseño mejoran a medida que comprendemos más sobre las personas, el mundo y cómo interactuamos con la tecnología. A veces son las pequeñas cosas en las ciudades que nos dan grandes ideas y nuevos enfoques para la resolución de problemas. Por lo general, cuanto más oscuro es el desafío, más emocionante es el aprendizaje y la aplicación del insight. Estar en ciudades nuevas y ver cómo las personas usan la tecnología para facilitar sus vidas nos ayuda a diseñar soluciones de diseño cultural y contextualmente relevantes. Fue solo después de vivir en Berlín por un tiempo que nuestro equipo entendió cómo los locales usaban la tecnología, así como su actitud hacia ella. En ese momento, estábamos diseñando una alarma interactiva que lo despertaba con contenido de audio en vivo y reproducía su música favorita.
soluciones de diseño global
Después de extensas investigaciones y pruebas realizadas por los usuarios, descubrimos que las personas tendían a apagar sus teléfonos inteligentes y su wifi durante la noche, lo que obviamente significaba que nuestro enfoque del desafío había cambiado significativamente. Comenzamos a construir una experiencia que ya no dependía de una conexión a Internet para funcionar. En San Francisco, es fácil olvidar que no todos tienen el último teléfono inteligente en sus bolsillos y que solo el 42.3% del mundo está en línea. Pero también en San Francisco o Seúl podemos ver un futuro perfectamente conectado, donde el contenido es contextual y relevante e incluso desbloquear un nuevo espacio de oficina apenas accesible. Es tan importante sumergirse en lo último en tendencias de diseño e interacción como experimentar sistemas completamente fuera de línea. Toma mPesa, lo cual permite a los africanos enviar y recibir dinero con solo un teléfono móvil básico. No se requiere una cuenta bancaria, conexión o transacciones en papel.
Es una perspectiva global que nos da una visión local.

Mejorando la experiencia global del usuario con su perspectiva personal

Sentarse en el metro en Melbourne es toda una experiencia. Es lo opuesto al sistema de transporte altamente eficiente y compacto en Taipei, donde todo se sentía automatizado y puntual. En Melbourne, la infraestructura en expansión de la ciudad hace que los viajes sean largos, y además el estilo de vida relajado hace que el metro sea una experiencia social. No es raro entablar una conversación con la persona sentada a tu lado.
En ciudades rápidas como Taipei, Londres y Nueva York, la socialización parece invasiva. Los viajeros se absorben en sus auriculares e interfaces y usan su tecnología para crear su propia barrera personal. Comprender las diferencias regionales mejora nuestro proceso de diseño ayudándonos a comprender qué tecnología utilizan las personas y nos hace conscientes de sus comportamientos existentes. Una aplicación que entrega alimentos a pedido funcionaría perfectamente en un lugar donde la conveniencia, la salud y la eficiencia son importantes, como en Palo Alto o San Francisco. Sin embargo, puede ser un fracaso total en ciudades como Taipei, donde comer es una experiencia social y comunitaria, impulsada por streetfood y la disponibilidad local.
experiencias sociales y comunitarias
Paul Graham articula la manera mágica en que las ciudades afectan nuestros cada momento:
“Una ciudad te habla principalmente por accidente, en cosas que ves a través de las ventanas, en las conversaciones que escuchas. No es algo que tienes que buscar, sino algo que no puedes apagar”.
Es la forma en que las nuevas experiencias dan forma a lo que somos como humanos y como diseñadores que viajan facilita. Los viajes ofrecen un rico intercambio cultural y contaminación cruzada de ideas para conectarnos con la diversidad. Estar en un lugar nuevo es como ser un lienzo en blanco para la experiencia, y tener una mente abierta generalmente conduce a generar las mejores ideas y ejecutar los diseños más frescos. Pensar en nuestros pies sacándonos de nuestras zonas de confort nos da nuevos conocimientos.

Un diseñador puede aprender mucho de la publicidad

Una vez, se encontró una perspectiva completamente nueva, aparentemente de la nada. Me desperté especialmente temprano una mañana para tomar un vuelo de Santiago a Atlanta, y me había encontrado en el aeropuerto mucho antes de que partiera el vuelo. Con tiempo para matar, terminé hablando con una mujer amable que estaba en un viaje por el mundo. Ella me contó sobre su fascinación con la publicidad que estaba en los metros en cada ciudad que visitó. Ella había dicho que aprendió más sobre las ciudades a través de la forma en que se anunciaban los productos.
“Hay mucho por descubrir sobre los roles de género, las aspiraciones y los sueños con solo mirar los anuncios en el metro. En Santiago, por ejemplo, hay anuncios de lencería de diosas latinas vestidas escasamente junto a avisos sobre dietas”.
Ella decía cómo estos afectan esa voz de las ciudades que pareciera gritar de forma silenciosa y nos ayudan a entender qué motiva a las personas.
De hecho, la publicidad puede proporcionar pistas culturales que ayuden a los diseñadores a mantenerse al día con las últimas tendencias, así como a proporcionar información sobre lo que motiva a una ciudad. Me senté en la parte posterior de un Uber y conté las vallas publicitarias que se alzaban orgullosas y altas a lo largo de la desolada autopista durante el viaje de El Valle a San Francisco. Visualmente escaso, noté una campaña publicitaria que tenía una sola línea: “pregúntale a su desarrollador”, con un pequeño logotipo rojo Twillio en la parte inferior. La implicación fue clara. Los no desarrolladores tendrían que pedirle a alguien más “conocedor” que ellos que entienda la cartelera.
publicidad y pistas culturales
Este es solo un ejemplo de lo que revela una campaña sobre lo que impulsa a San Francisco. Los desarrolladores son claramente respetados y están en una posición de influencia, y la ubicación y el contenido de la cartelera muestran que hay un claro grupo demográfico que habita la ciudad, que consiste en negocios y tecnología. Ciertamente, nunca había visto una valla publicitaria que anunciara algo nuevo o relacionado con la tecnología en Santiago, donde el contenido estaba impulsado por aspiraciones bastante diferentes. A menudo veía anuncios de Becks o Corona que representaban hombres jóvenes y atados con una botella en la mano y algunas mujeres hermosas de fondo disfrutando de una cerveza en la “Playa”. Fue la actitud despreocupada que reveló mucho sobre las aspiraciones de estilo de vida de la cultura, haciendo hincapié en la amistad, la belleza y la calidad de vida. La dirección artística del anuncio mostraba un destello de lente soleado, una tendencia actualmente evidente en la publicidad y el cine.

Manteniéndose al tanto de las tendencias de diseño fresco

El diseño plano ha sido otra tendencia de larga data en diseño de interfaz, superando el eskeumorfismo (popularizado por Apple), y lentamente se ha estado infiltrando en la publicidad clásica de maneras interesantes . Especialmente en ciudades como Londres, París y Nueva York, donde las estrategias de campaña integradas digitales son primordiales para el éxito de una campaña.
De hecho, esta campaña para McDonalds muestra tanto el diseño plano como los efectos de destello de la lente. Un simple anuncio impreso ya no lo corta, y la ideación de una campaña creativa ahora se denomina con ternura como “#hashtagthinking”, donde se deben tener en cuenta las estrategias completas en y fuera de línea. Son estas ciudades donde a menudo se establecen tendencias creativas, inspirándose en el arte, la moda y la cultura. Una vez que las tendencias creativas alcanzan la popularidad de la corriente principal, generalmente provocada por su ingreso al hogar gracias a las industrias de publicidad y cinematografía, cuentan una historia visual de lo que es importante para una cultura.
Mantenernos en contacto con las tendencias publicitarias nos convierte en mejores diseñadores porque:
  • Somos capaces de identificar tendencias en diseños y productos
  • Podemos entender mejor lo que motiva una cultura
  • Podemos aprender de la claridad de la voz en campañas efectivas
  • Somos capaces de entender estrategias claras en la comunicación
Estéticamente hablando, hay un montón de valor que los viajes pueden agregar a su trabajo de diseño simplemente experimentando nuevos lugares. Creo que estar en una nueva ubicación puede ayudar a terminar con el estancamiento que incluso los mejores diseñadores enfrentan ocasionalmente. Al intercambiar lo familiar con nuevas imágenes, sonidos, sabores y olores, nos volvemos más receptivos al mundo que nos rodea, encendemos y percibimos las cosas con ojos y mentes nuevos. Al usar nuevas partes de nuestros cerebros y el hecho de que estamos a la expectativa, también es más probable que abordemos los problemas de forma diferente o que lleguemos a conclusiones alternativas simplemente porque estamos más conectados con el mundo en ese momento. A veces está en los detalles de nuestro nuevo entorno: la forma en que la arquitectura en Melbourne te hace soñar con la geometría y te anima a reconsiderar la cuadrícula del último diseño del sitio web, o la forma en que el cabello negro de esa chica brilló al sol con tonos azulados recordándole agregar profundidad a su trabajo.
La exploración es una gran parte del diseño y nos ayuda a obtener resultados innovadores y breves. Del mismo modo, explorar el mundosignifica que, al comprender los problemas mundiales, las culturas y sentirse inspirado por las nuevas ubicaciones, podemos traducir efectivamente esas nuevas ideas en diseños que deleiten a los clientes y a las personas que utilizan su solución.
Este articulo fue escrito por Danielle Reid. Originalmente publicado en Toptal.

miércoles, 3 de enero de 2018

Diseño Web Brutalista, Diseño Web Minimalista y el Futuro del Web UX

¿Los sitios web se están volviendo más caóticos, desordenados y sin refinar? ¿Se están rompiendo las reglas del buen diseño? ¿La web se está poniendo fea? ¿Es esta una nueva tendencia?
Si eres como la mayoría de los diseñadores y prestas mucha atención a lo que está sucediendo, has escuchado la palabra brutalismo siendo lanzada por un tiempo. Los sitios web brutalistas se están alejando de las interfaces fáciles de usar que durante mucho tiempo han sido las mejores prácticas de la industria y en su lugar se centran en sitios HTML imperfectos y codificados a mano. Parece que los diseñadores están quitando las reglas de UX tal como las conocemos, dejando todo sintiéndose un poco caótico.
Los principios del diseño elegante y contemporáneo son tan comunes que apenas pensamos en ellos como una elección estilística. El diseño web “bueno” generalmente significa uno que obedece las reglas del minimalismo. Interfaces limpias, simples y ordenadas — pero esto no siempre ha sido el caso. Dejemos que retroceda el reloj unas décadas.

El nacimiento de la web

El diseño web ha recorrido un largo camino desde 1991 cuando se publicó el primer sitio web. La revolución de Internet comenzó con sus primeros sitios web basados ​​exclusivamente en texto utilizando la primera generación de HTML.
Primer sitio de la World Wide Web en 1991
El primer "diseño" de sitio web que comenzó a funcionar el 6 de agosto de 1991.
Luego llegó Flash con todos esos sitios animados y locos que todos seguramente recuerdan. El desarrollo de CSS (hojas de estilo en cascada) llegó, proporcionando a los diseñadores web incluso más control sobre las mejoras como el color de fondo, el tamaño del texto y los estilos de texto en el código. JavaScript nos dio menús desplegables, navegación avanzada y formularios web con verificación de errores.
Al principio, nadie sabía lo que realmente significaba el “diseño web”, y los pioneros de la web establecían patrones de diseño por prueba y error. La era primitiva del diseño web usaba diseños que prestaban poca atención a la semántica formal y a la accesibilidad, y optaban más por la estética que por la estructura.
Sitio web de Google de 1998
Sitio web de Google - 1998
Para construir y estructurar sus diseños, los diseñadores se basaron en gran medida en elementos HTML como tablas, tablas anidadas y archivos espaciadores invisibles de 1 píxel, lo que les brindó la capacidad de crear diseños más complicados de varias columnas. Hizo algunas interfaces bastante aburridas.
Sitio web de CNN.com del 2000
Sitio web de CNN.com - 2000
Sitio web de Enron del 2004
Sitio web de Enron - 2004
A mediados de la década de 2000, los sitios web nacieron con un pensamiento más cuidadoso detrás de su estructura. La navegación estaba en la parte superior de su navegador, y las categorías se colocaron en una barra izquierda. Las páginas web se mantuvieron cortas y angostas, con contenido distribuido en muchas páginas para no forzar a los usuarios a desplazarse. Los diseñadores aprendieron lo que funcionó y comenzaron a construir mejores sitios, estableciendo estándares y mejores prácticas en el camino.
Con más y más opciones de diseño vino una mezcla de IU ruidosas repleta de imágenes y texto en todas partes. Algunos diseñadores disciplinados, sin embargo, todavía optaron por el minimalismo.

La estética minimalista

Las tendencias de diseño van y vienen; sin embargo, el minimalismo es un lenguaje de diseño que ha estado presente en el tiempo. Es una filosofía de diseño que se centra en la simplificación de la forma, lograda mediante el uso de los elementos más simples y más esenciales en un diseño.
El minimalismo no es exclusivo del diseño web. Piensa en todos los elementos a tu alrededor que abarcan ese ideal de diseño; es fácil conectar diseños minimalistas con Nest, Apple, Herman Miller y muchos otros que han inspirado a muchos [diseñadores minimalistas] (https://www.toptal.com/designers/digital).
Diseño minimalista de dispositivos domésticos Nest
Nest presenta un diseño de producto simple y discreto
MacBook Pro con el diseño minimalista de Apple
Un estilo elegante y minimalista es la tarjeta de visita de Apple
¿Qué hace que el diseño de Herman Miller siga siendo excelente hoy? Son simplemente objetos bien diseñados con un aspecto atemporal. Sus diseños se sientan muy bien en las casas e interiores contemporáneos, todavía se sienten frescos y modernos en la actualidad. Muchas de sus piezas están diseñadas con un aspecto minimalista y no pueden vincularse a una moda específica. Ellos todavía soportan la prueba del tiempo.
Los diseños minimalistas de uno de los diseñadores gráficos más reconocidos de su época, Josef Müller-Brockmann, son muy similares a los de Herman. Miller: atemporal. Müller-Brockmann abrazó y dominó el minimalismo durante las décadas de 1940 y 1950 bajo la forma del estilo de diseño suizo.
Cualquier decoración extraña o superflua fue eliminada de su diseño gráfico; cada elemento en sus diseños tenía un propósito. El pensamiento de diseño detrás de este enfoque es lo que hace que los diseños digitales minimalistas funcionen muy bien hoy en día.
Posters de Josef Muller Brockmann
Diseño de tipografía y póster limpio y moderno de Josef Muller Brockmann

Cómo se estableció el minimalismo en la era digital

La historia siempre encuentra una forma de alcanzarnos. Como lo hizo en el diseño de impresión, el minimalismo y la filosofía detrás de él se adaptaron al diseño web y otros artefactos digitales. Piensa en cómo se veían los sitios web hace solo un par de años con sus botones brillantes, líneas y párrafos de texto, todo gritando por atención.
Luego vino la tendencia skeuomorphic donde los diseñadores diseñaron elementos que imitaban objetos de la vida real en el espacio digital. ¿Recuerdas el relleno de cuero en iCal de Apple?
Los diseños mínimos son en realidad intencionales. Es un enfoque de diseño que elimina todo lo innecesario y se centra en los elementos que se supone que atraen la atención máxima — poniendo énfasis en el contenido.
Pantalla de inicio de diseño web minimalista
Concentrarse en la fortaleza del núcleo de una agencia digital usando tres palabras simples - Convoy
Sitio web de la pantalla de inicio de Chylak
Este diseño minimalista de comercio electrónico pone énfasis en la prenda, eliminando todas las distracciones innecesarias. - Chylak Clothing
Diseño de aplicación iOS minimalista
Sin desorden adicional, los usuarios se enfocan en los elementos clave de la interfaz de usuario con el diseño de app minimalista de Investr's.

Las ventajas del diseño minimalista

El enfoque de diseño minimalista atrapado por muchas más razones que simplemente su aspecto. Nuestra mayor comprensión de los comportamientos de los usuarios, los procesos de pensamiento de diseño y el aumento de procesos de diseño de primer contenido han ayudado a hacer avanzar este pensamiento. El reciente crecimiento masivo de usuarios móviles ha sido un fuerte punto de aceleración hacia el minimalismo, con un mayor enfoque en UX y usabilidad.
Ahora que los usuarios acceden a Internet en cualquier momento, los diseñadores de productos deben enfocarse en proporcionar lo que es absolutamente esencial en el contexto del momento: el las cosas correctas de la manera correcta y en el momento adecuado, donde el diseño se reduce a sus características más fundamentales.
El uso del móvil ahora representa más de la mitad de todas las visitas web, y esta tasa solo aumentará. El diseño receptivo ha cambiado las reglas del juego y ha obligado a los diseñadores a “pensar diferente”. Hoy más que nunca, el diseño receptivo o adaptativo es una necesidad en el mundo de los dispositivos móviles, donde un enfoque de diseño minimalista es de crucial importancia.
Para el usuario promedio, el minimalismo parece ser lo más fácil de diseñar. Lograr un equilibrio perfecto utilizando la menor cantidad de contenido visual y concentrándonos únicamente en los elementos fundamentales con la máxima elegancia es realmente muy, muy difícil.

El futuro del minimalismo

Deberíamos pensar en el minimalismo como un concepto atemporal, irradiando elegancia y sofisticación, en lugar de una tendencia real o una simple fase de aprobación. Aunque atemporal y clásico, evolucionará y mejorará, como ya hemos visto desde su implementación a principios del siglo XX.
Por ejemplo, Diseño material de Google fue una de las primeras grandes evoluciones en el enfoque de diseño “plano” inspirado en el minimalismo. Los diseñadores de Google mantuvieron las cosas simples y minimalistas, pero mejoraron su lenguaje de diseño con el uso de efectos de sombras y los conceptos de movimiento y profundidad. El material abarca el diseño plano con un giro específico: imita los materiales del mundo real.
Sitio web de las guías de diseño para Material Design - Google

La desventaja del minimalismo

Al igual que con otros elementos en la vida, siempre tenemos que mirar los pros y los contras. Muchos argumentan que los sitios web de hoy en día carecen de sabor y en su mayoría son todos iguales. Ya sabes, una gran imagen de héroe o video con texto superpuesto, una fila de iconos con texto, etc. Cualquiera puede tomar un par de minutos de su tiempo y llegar a 10 sitios que se parecen mucho entre sí. ¿Es este el reflejo de nuestro comportamiento y preferencias en línea en constante cambio?
La consistencia del diseño y el diseño para el comportamiento común del usuario es extremadamente importante en todos los diseños, pero no podemos olvidar el valor de ser únicos. ¿Nos hemos vuelto perezosos o es que hemos desviado nuestros pensamientos de la singularidad hacia una estrategia de experiencia del usuario más efectiva?
Landing pages con diseño minimalista
Bien ejecutado, pero carente de originalidad. Imagen de gran héroe de producto, texto y miniaturas con texto.

Brutalismo en el diseño web

“En su robustez y falta de preocupación para parecer cómodo o fácil, el brutalismo puede verse como una reacción de una generación más joven a la ligereza, el optimismo y la frivolidad del omnipresente diseño web minimalista de hoy”.
Algunos lo aman, otros lo odian, y muchos otros simplemente no lo entienden: sitios web brutalistas.
Toma Craigslist como ejemplo. Craigslist tiene que ser considerado el “abuelo” de los sitios web brutalistas. No es estéticamente agradable y nunca se presentaría en www.awwwards.com. Texto negro, enlaces azules, fondo blanco. No es lindo. No tiene que ser porque funciona — y funciona realmente bien. Encuentra lo que necesita para comprar o vender sin ningún tipo de alboroto o confusión, y sin partes móviles extrañas.
Sitio web de Craigslist con estilo brutalista
Craigslist es una masa de enlaces azules. Un esqueleto, una interfaz de usuario funcional.
Desde su fundación en 1996, Craigslist ha mantenido su popularidad a pesar de — o tal vez debido a — su diseño extremadamente utilitario. El diseño no ha cambiado de manera significativa en los últimos 20 años.
Tal vez inspirado por el ejemplo de Craigslist, el estilo brutalista está regresando. Los siguientes son excelentes ejemplos de diseños bien ejecutados que usan el estilo brutalista.
Purchase Design School sitio web tipo brutalista
Purchase Design School muestra una galería de trabajo como una pila desordenada de tarjetas sobre un fondo granulado y degradado.
Ejemplo de un diseño web brutalista
Konsept83 se inspiró en los comienzos de Internet en busca de inspiración.
Ejemplo de diseño de sitio web brutalista
Creative Show-off Utrecht usa colores vivos con un estilo de diseño brutalista.
Ejemplo de sitio web de diseño web brutalista
Disposición de diseño brutalista no convencional en el sitio web de Slugz
Estos sitios web brutalistas se están poniendo de moda a lo grande. ¿Por qué estos sitios web de repente son tan populares? ¿Es porque algunos diseñadores se cansaron de la homogeneización de la web?
En los días en que el diseño de UX tiene una importancia primordial, donde el comportamiento del usuario y el enfoque de contenido primero es el rey, el UX en estos sitios es malo (intencionalmente). Contrariamente a los principios del minimalismo, estos diseños se enfrentan con collages de texto e imágenes donde el diseño está por todas partes (de nuevo, intencionalmente).

Una breve historia del brutalismo

El estilo de diseño brutalista no es nuevo. Una búsqueda rápida en Wikipedia le dirá que el estilo en realidad proviene de la arquitectura brutalista de la década de 1950 hasta mediados de la década de 1970. Es curioso que brutalismo haya sido seguido por el movimiento arquitectónico modernista donde minimalismo fue clave.
Le Corbusier fue uno de los mayores pioneros de este movimiento. Su carrera abarcó cinco décadas con edificios diseñados en Europa, Japón, India y América del Norte y del Sur.
El término proviene de la palabra francesa “brut” para “crudo”, ya que Le Corbusier describió su elección de material “béton brut”, concreto crudo. El diseño hiperfuncionalista parecía diseñado solo para proporcionar utilidad, no para agradar, como si estuviese dando la mano al modernismo.
“El brutalismo trata de hacer frente a una sociedad de producción masiva, y saca una poesía burda de las fuerzas confusas y poderosas que están trabajando. Hasta ahora, el brutalismo se ha discutido estilísticamente, mientras que su esencia es ética”. – Alison y Peter Smithson, “El Nuevo Brutalismo”, Diseño Arquitectónico (Abril de 1957)
Los diseños brutalistas rechazan rotundamente la apariencia, optando por la función sobre la forma. Los diseñadores brutalistas se enorgullecen de ejecutar diseños con el mínimo esfuerzo y los materiales más baratos disponibles, para lograr un resultado más honesto y antiburgués.
Complejo habitacional de Habitat 67 en Montreal construido en estilo brutalista
El 27 de abril de 1967, el complejo de viviendas urbanas de Safdie, conocido como Habitat 67, se inauguró en la Expo 67, la feria mundial que tiene lugar en Montreal.

Brutalismo en la era digital

Bloomberg ha adoptado el estilo a su manera para su sitio de noticias. El diseño es casi llamativo y se centra claramente en la funcionalidad sin procesar.
Sitio web brutalista de Bloomberg
El brutalismo está haciendo un sólido regreso. Feo, crudo, sin diseños convencionales, efectos de suspense y adornos superficiales están en todas partes. Muchos puristas consideran que esta tendencia es dura, áspera, escabrosa, incómoda, conflictiva y cínica. Es. A propósito.
The Outline - diseño web brutalista
The Outline, una revista en línea, opta por un estilo brutalista chillón y brillante que desmiente su estilo editorial.
El brutalismo tiene un enfoque más primitivo al diseño y vuelve a centrar el núcleo del diseño web: su código. El brutalismo a menudo se representa como una tendencia de diseño “feo”, pero tenemos que mirar más allá de eso. La filosofía detrás del movimiento brutalista no es hacer que las cosas sean “feas”, sino crudas y sin adornos.
Podríamos decir que los sitios brutalistas de la actualidad se basan en la web DIY de los 90, centrándose en un enfoque de adentro hacia afuera en lugar de esconder la funcionalidad detrás de una fachada hermosa.
El diseño de la interfaz de usuario para el popular sitio para compartir en redes sociales Reddit es sin complejos cruda y cuadrada, repleta de tipografía web de finales de los 90, controles pesados no refinados y casi sin espacio para respirar de forma vertical.
El diseño UI brutalista de Reddit
Reddit apuesta por la funcionalidad, abarcando los enlaces azules brillantes de la web inicial.
El diseñador Pierre Buttin ha llevado el brutalismo a un nuevo extremo con una serie de aplicaciones móviles rediseñadas. En su último proyecto, titulado rediseños brutalistas, Buttin hace Facebook, Instagram, Twitter y otras aplicaciones populares en un estilo brutalista, con texto pesado diseños y diseños aplanados.
Ejemplo de diseño de aplicación de estilo brutalista de Facebook
La aplicación móvil de Facebook rediseñada en estilo brutalista.
Ejemplo de diseño de aplicación de estilo brutalista de Twitter
Estilo de diseño limpio y claro de Twitter, cambio brutalista.

Brutalismo vs. Minimalismo

El brutalismo y el minimalismo no deben verse comparativamente, sino como una nueva forma de ver las cosas y otro enfoque del diseño. El brutalismo es un impulso contra la homogeneización de los sitios y las aplicaciones actuales, pero antes los diseñadores incluso pueden comenzar a diseñar un sitio web utilizando el enfoque brutalista, primero deben saber qué reglas que van a romper.
El diseño convencional y minimalista no va a ser reemplazado por el brutalismo. Debemos considerar el brutalismo como una cultura de diseño que desafía el status quo, una cultura que está cansada de que le digan qué es “lo mejor”.
No hay ningún bien o mal al elegir entre estos estilos para su próximo proyecto. Sin embargo, antes de que se agote y diseñe su próximo sitio web o aplicación en un estilo de diseño brutalista, asegúrese de conocer a su audiencia. Asume el riesgo si crees que la compañía y tu audiencia lo apreciarán.
El diseño web brutal atrae la atención y el conocimiento de la marca está creciendo tremendamente rápido. Las reglas estan hechas para romperse. Atrévete a dejar que la web sea la web. Atrévete a destacar y ser un poco atrevido, aunque sea un poco raro.
Este articulo fue escrito por Pascal Potvin. Originalmente publicado en Toptal.